.pato-connection{position:fixed;left:50%;bottom:24px;z-index:99999;transform:translate(-50%,24px);width:min(760px,calc(100vw - 28px));display:flex;align-items:center;gap:18px;padding:14px 16px 14px 18px;background:rgba(8,8,10,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(16px);color:#fff;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}.pato-connection.is-visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}.pato-connection.is-online{background:rgba(20,32,24,.95)}.pato-connection__staff{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0 12px,rgba(255,255,255,.16) 13px,transparent 14px 25px)}.pato-note{position:absolute;font-size:18px;animation:patoNoteDrift 3.6s ease-in-out infinite}.pato-note--1{left:6%;top:6px}.pato-note--2{left:21%;bottom:4px;animation-delay:-.7s}.pato-note--3{right:28%;top:4px;animation-delay:-1.3s}.pato-note--4{right:12%;bottom:5px;animation-delay:-2s}.pato-note--5{left:48%;top:7px;animation-delay:-2.6s}.pato-connection__body{position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-width:0;flex:1}.pato-connection__body strong{display:block;font-size:11px;letter-spacing:.18em;margin-bottom:3px}.pato-connection__body span{display:block;color:rgba(255,255,255,.62);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pato-connection__pulse{width:42px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto}.pato-connection__pulse i{width:3px;height:10px;background:#fff;animation:patoConnectionWave .9s ease-in-out infinite}.pato-connection__pulse i:nth-child(2){animation-delay:-.12s}.pato-connection__pulse i:nth-child(3){animation-delay:-.24s}.pato-connection__pulse i:nth-child(4){animation-delay:-.36s}.pato-connection__pulse i:nth-child(5){animation-delay:-.48s}.pato-connection__retry{position:relative;z-index:1;border:1px solid rgba(255,255,255,.18);background:#fff;color:#0b0b0b;padding:10px 12px;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.pato-connection__retry i{margin-left:7px}.pato-connection__retry:hover{background:#8d4cab;color:#fff;border-color:#8d4cab}@keyframes patoConnectionWave{0%,100%{height:8px;opacity:.35}50%{height:26px;opacity:1}}@keyframes patoNoteDrift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(8deg)}}@media(max-width:575.98px){.pato-connection{bottom:12px;gap:10px;padding:12px}.pato-connection__body{gap:8px}.pato-connection__body span{white-space:normal;line-height:1.35}.pato-connection__pulse{width:32px}.pato-connection__retry{padding:9px 10px}.pato-connection__staff{display:none}}