:root{--pc-page-top: #aee2ff;--pc-page-bottom: #d9f4c3;--pc-surface: #fffdf6;--pc-surface-2: #fff1d6;--pc-border: #e2cc9c;--pc-text: #4a3b28;--pc-muted: #93805f;--pc-accent: #ff8a5c;--pc-accent-text: #fff7ef;--pc-shadow: 0 10px 30px rgba(90, 70, 30, .14);--pc-scale: 1;--pc-radius: 20px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,var(--pc-page-top),var(--pc-page-bottom));color:var(--pc-text);font-family:Segoe UI Rounded,Segoe UI,ui-rounded,system-ui,-apple-system,sans-serif;min-height:100vh;zoom:var(--pc-scale)}#root{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;align-items:center;justify-content:center}.app-row{flex:1;display:flex;align-items:stretch;min-height:0}.ad-rail{flex:none;width:176px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;position:sticky;top:0;align-self:flex-start}.ad-rail-label{font-size:9.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--pc-muted);opacity:.7}@media(max-width:1279px){.ad-rail{display:none}}.adblock-card{max-width:420px}.reward-card{display:flex;flex-direction:column;gap:10px;padding:16px 18px;align-items:center;text-align:center;font-size:13.5px}.topnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:8px 16px;background:var(--pc-surface);border-bottom:1px solid var(--pc-border)}.topnav-logo{border:none;background:none;padding:4px 8px;font-size:20px;font-weight:800;letter-spacing:.5px}.topnav-links{display:flex;flex-wrap:wrap;gap:2px}.topnav-link{border:1px solid transparent;background:none;padding:6px 12px;border-radius:8px;font-size:13.5px;color:var(--pc-muted)}.topnav-link:hover{color:var(--pc-text)}.topnav-link:disabled{opacity:.45;cursor:not-allowed}.topnav-link:disabled:hover{color:var(--pc-muted)}.topnav-link.active{border-color:var(--pc-border);background:var(--pc-page-bottom);color:var(--pc-text)}.topnav-spacer{flex:1}.identity-chip strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-burger{display:none;align-items:center;justify-content:center;width:38px;height:34px;padding:0;border:1px solid transparent;background:none;border-radius:10px;font-size:18px;line-height:1;color:var(--pc-muted)}.nav-burger.open,.nav-burger:hover{color:var(--pc-text);border-color:var(--pc-border);background:var(--pc-page-bottom)}@media(max-width:1000px){.topnav{flex-wrap:nowrap;padding:8px 12px}.nav-burger{display:inline-flex}.topnav-links{display:none}.topnav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:2px;position:absolute;top:calc(100% + 6px);right:10px;min-width:210px;padding:8px;border-radius:16px;background:var(--pc-surface);border:1px solid var(--pc-border);box-shadow:0 12px 30px #00000038;z-index:50}.topnav-links.open .topnav-link{text-align:left;padding:9px 14px;font-size:14px;border-radius:10px}}@media(max-width:520px){.topnav-logo{font-size:18px}.identity-chip{font-size:12.5px}.identity-chip strong{max-width:90px}}.center-screen{display:flex;align-items:center;justify-content:center;width:100%;padding:24px}.center-screen.top{align-self:stretch;align-items:flex-start}.card{background:var(--pc-surface);border:1px solid var(--pc-border);border-radius:var(--pc-radius);padding:16px;box-shadow:var(--pc-shadow)}.menu-card{display:flex;flex-direction:column;gap:12px;min-width:320px;padding:28px;text-align:center}.logo{font-size:44px;margin:0;letter-spacing:1px}.logo-accent{color:var(--pc-accent)}.tagline{color:var(--pc-muted);margin:0 0 8px}button{font:inherit;font-weight:600;color:var(--pc-text);background:var(--pc-surface-2);border:2px solid var(--pc-border);border-radius:14px;padding:9px 16px;cursor:pointer;transition:transform .08s ease,filter .15s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.98)}button:disabled,button:disabled:hover,button:disabled:active{opacity:.55;filter:saturate(.5);cursor:not-allowed;transform:none}button.primary{background:var(--pc-accent);border-color:transparent;color:var(--pc-accent-text);font-weight:700}button.danger{background:#ef5350;border-color:transparent;color:#fff;font-weight:700}.confirm-card{max-width:340px;min-width:0;width:min(340px,calc(100vw - 40px))}.confirm-text{margin:0;font-size:14.5px;line-height:1.55;color:var(--pc-text)}.footnote{color:var(--pc-muted);font-size:12.5px;margin:4px 0 0}.muted{color:var(--pc-muted)}.warn,.stat.warn strong,.stat.warn span{color:#f87171}.queue-banner.alert-banner{background:#f43f5e24;border-color:#f43f5e8c}.conn-card{min-width:300px}.conn-icon{width:58px;height:58px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#f9a82529;border:2px solid rgba(249,168,37,.6);box-shadow:0 0 22px #f9a8254d;animation:conn-pulse 1.6s ease-in-out infinite}@keyframes conn-pulse{50%{transform:scale(1.08);box-shadow:0 0 34px #f9a82573}}.home{display:flex;flex-direction:column;gap:14px;align-items:center;width:min(1100px,100%);text-align:center}.identity-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:5px 16px 5px 6px;font-size:13.5px;border-color:var(--pc-accent)}.mail-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;line-height:1}.mail-chip svg{display:block}.mail-chip.has-mail{border-color:var(--pc-accent);color:var(--pc-accent)}.mail-badge{position:absolute;top:-6px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef5350;border:2px solid var(--pc-surface);color:#fff;font-size:11px;font-weight:800;line-height:15px;text-align:center;text-shadow:none}.identity-chip:disabled,.identity-chip:not(:has(.chip-avatar)){padding:7px 18px}.info-banner{position:relative;overflow:hidden;width:100%;height:132px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;border:3px solid rgba(255,255,255,.9);border-radius:var(--pc-radius);padding:18px 26px;text-align:left;color:#4a3b28;text-shadow:0 1px 0 rgba(255,255,255,.7);background-color:var(--pc-surface);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:var(--pc-shadow)}.info-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffcf0f0,#fffcf0d1 48%,#fffcf00f);pointer-events:none}.info-banner .info-title,.info-banner .info-body{position:relative;z-index:1;max-width:60%}.info-banner .info-title{font-size:25px;font-weight:800;letter-spacing:.4px;line-height:1.1}.info-banner .info-body p{margin:2px 0;font-size:14.5px;line-height:1.45}.info-banner .info-body p:first-child{font-weight:650}.info-banner .info-detail{color:#6d5b41;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;width:100%}.mode-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px 15px 12px;min-height:84px}.mode-card strong{font-size:17px;font-weight:800;letter-spacing:.3px;line-height:1.15}.mode-card span{color:var(--pc-muted);font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mode-card.locked{opacity:.55;cursor:default}.mode-card.art{position:relative;overflow:hidden;border:3px solid rgba(255,255,255,.9);border-radius:18px;color:#4a3b28;text-shadow:0 1px 0 rgba(255,255,255,.7);aspect-ratio:1 / 1;background-size:cover;background-position:center;justify-content:flex-end;box-shadow:var(--pc-shadow)}.mode-card.art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffcf000 42%,#fffcf08c 74%,#fffcf0e6);pointer-events:none}.mode-card.art strong,.mode-card.art span{position:relative;z-index:1}.mode-card.art span{color:#6d5b41}.mode-card.art:hover{filter:brightness(1.05) saturate(1.08);transform:translateY(-2px) rotate(-.4deg)}.mode-card.art:disabled,.mode-card.art:disabled:hover{filter:grayscale(.6) brightness(.95);opacity:.75;cursor:default;transform:none}.queue-banner.offline-banner{background:#f9a82524;border-color:#f9a8258c}.gain{color:#4ade80}:root.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important}.text-input{font:inherit;background:var(--pc-surface-2);color:var(--pc-text);border:2px solid var(--pc-border);border-radius:10px;padding:8px 12px;min-width:0}.text-input:focus,.field select:focus{outline:none;border-color:var(--pc-accent)}.code-input{width:88px;text-transform:uppercase;letter-spacing:2px;margin-right:6px}.lobby-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-code-chip{margin-left:12px;font-weight:900;letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--pc-accent);background:var(--pc-surface);border:1.5px dashed var(--pc-accent);border-radius:10px;padding:3px 10px;cursor:copy}.rumble-minis{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}.rumble-mini{border:2px solid transparent;border-radius:16px;padding:4px;text-align:center}.rumble-mini.targeted{border-color:#f87171}.rumble-mini.dead{opacity:.4;filter:grayscale(.8)}.duel-label.small{font-size:12.5px}.target-list{display:flex;flex-direction:column;gap:4px;font-size:13px;width:100%}.target-row{padding:3px 6px;border-radius:8px;color:var(--pc-muted)}.target-row.active{background:var(--pc-surface-2);color:var(--pc-text)}.item-grid{display:flex;gap:6px;flex-wrap:wrap}.item-cell{position:relative;width:42px;height:42px;border:1.5px dashed var(--pc-border);border-radius:12px;display:flex;align-items:center;justify-content:center}.item-cell.filled{border-style:solid;border-color:var(--pc-accent);background:var(--pc-surface)}.item-cell .item-icon{display:block}.item-pick-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:320px;margin-left:auto;margin-right:auto}.item-pick{position:relative;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--pc-surface);border:1.5px solid var(--pc-border);border-radius:12px;cursor:pointer}.item-pick:hover{border-color:var(--pc-accent)}.item-pick.picked{border-color:var(--pc-accent);box-shadow:0 0 0 1.5px var(--pc-accent) inset}.item-pick.banned{opacity:.45}.item-pick.banned:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:3px;margin-top:-1.5px;background:#f43f5e;transform:rotate(-45deg);border-radius:2px}.item-pick-order{position:absolute;top:-6px;right:-6px;width:17px;height:17px;border-radius:50%;background:var(--pc-accent);color:var(--pc-accent-text);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.item-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--pc-surface-2);border:1.5px solid var(--pc-border);color:var(--pc-text);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.item-count.zero{background:#ef535026;border-color:#ef535099;color:#ef5350}.item-count~.item-pick-order{right:auto;left:-6px}.site-footer{border-top:1.5px solid var(--pc-border);background:color-mix(in srgb,var(--pc-surface) 45%,transparent)}.footer-inner{max-width:980px;margin:0 auto;padding:10px 22px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-brand{font-weight:800;font-size:13.5px;letter-spacing:.2px}.footer-brand em{font-style:normal;color:var(--pc-accent)}.footer-copy{margin-left:8px;color:var(--pc-muted);font-weight:500;font-size:12px}.footer-links{display:flex;gap:4px}.footer-link{background:none;border:none;padding:4px 9px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--pc-muted);cursor:pointer}.footer-link:hover{transform:none;filter:none;color:var(--pc-accent);background:var(--pc-surface-2)}.info-page{max-width:720px}.info-hero{text-align:center;margin-bottom:16px}.info-hero h2{margin:0;font-size:26px}.info-hero-tag{margin:4px 0 0;color:var(--pc-muted);font-size:14px}.info-card{text-align:left;padding:22px 26px 24px}.info-updated{display:inline-block;margin:0 0 6px;padding:3px 10px;border-radius:999px;background:var(--pc-surface-2);border:1.5px solid var(--pc-border);color:var(--pc-muted);font-size:11.5px;font-weight:600}.info-prose{font-size:14px;line-height:1.7}.info-prose h3{display:flex;align-items:center;gap:9px;margin:24px 0 8px;font-size:15.5px}.info-prose h3:before{content:"";width:5px;height:17px;border-radius:3px;background:var(--pc-accent);flex:none}.info-prose p{margin:8px 0}.info-prose ul{margin:8px 0;padding-left:4px;list-style:none}.info-prose li{margin:7px 0;padding-left:20px;position:relative}.info-prose li:before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--pc-accent);opacity:.55}.info-prose a{color:var(--pc-accent);font-weight:600}.contact-email{font-size:15px;white-space:nowrap}.shield-mark{display:inline-flex;vertical-align:-2px;margin-left:2px;animation:shield-pop .25s ease}@keyframes shield-pop{0%{transform:scale(.4);opacity:0}}.item-pick.out{opacity:.45;filter:saturate(.4);cursor:not-allowed}.item-pick.out:hover{border-color:var(--pc-border)}.store-item-art{position:relative;align-self:center;width:58px;height:58px;display:grid;place-items:center;background:var(--pc-surface-2);border:2px solid var(--pc-border);border-radius:14px}.item-key{position:absolute;bottom:-6px;right:-5px;font-size:9px;font-weight:800;line-height:1;padding:2.5px 4px;border-radius:5px;background:var(--pc-surface);border:1px solid var(--pc-border);color:var(--pc-muted)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;width:100%}.achievement{display:flex;flex-direction:column;gap:3px;background:var(--pc-surface-2);border:2px solid transparent;border-radius:14px;padding:10px 13px;font-size:12.5px;opacity:.55}.achievement.done{opacity:1;border-color:var(--pc-accent);background:var(--pc-surface);box-shadow:var(--pc-shadow)}.achievement span{color:var(--pc-muted);line-height:1.35}.settings-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;width:100%}.settings-section{display:flex;flex-direction:column;gap:10px;padding:16px 20px;min-width:0}.card.settings-section h3{margin:0 0 2px;display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-section.span-all{grid-column:1 / -1}.settings-section .row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13.5px}.settings-section .row[title]>span:first-child{cursor:help}.settings-section input[type=range]{flex:1;max-width:190px;accent-color:var(--pc-accent)}.settings-section input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:42px;height:24px;border-radius:999px;background:var(--pc-surface-2);border:2px solid var(--pc-border);position:relative;cursor:pointer;transition:background .15s ease,border-color .15s ease}.settings-section input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--pc-muted);transition:left .15s ease,background .15s ease}.settings-section input[type=checkbox]:checked{background:var(--pc-accent);border-color:var(--pc-accent)}.settings-section input[type=checkbox]:checked:after{left:20px;background:#fff}.settings-section select{font:inherit;color:var(--pc-text);background:var(--pc-surface);border:2px solid var(--pc-border);border-radius:10px;padding:7px 11px}.bindings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 36px}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.basics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;width:100%}.basic-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:16px 14px}.basic-icon{font-size:26px;line-height:1;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(93,64,55,.15)}.basic-card:nth-child(1) .basic-icon{background:#cdeeff}.basic-card:nth-child(2) .basic-icon{background:#ffe4b3}.basic-card:nth-child(3) .basic-icon{background:#dbe4ff}.basic-card>span:last-child{color:var(--pc-muted);font-size:12.5px;line-height:1.4}.controls-card{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 36px;padding:16px 20px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.control-keys{display:flex;gap:5px}.controls-card .footnote{grid-column:1 / -1;margin:6px 0 0;text-align:center}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;width:100%}.term-card{display:flex;flex-direction:column;gap:4px;padding:11px 14px;font-size:12.5px}.term-card>span:last-child{color:var(--pc-muted);line-height:1.4}.term-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;margin-right:4px;font-size:14px;vertical-align:middle;border:2px solid rgba(93,64,55,.12)}.term-card:nth-child(4n+1) .term-icon{background:#cdeeff}.term-card:nth-child(4n+2) .term-icon{background:#ffe4b3}.term-card:nth-child(4n+3) .term-icon{background:#dff3d0}.term-card:nth-child(4n+4) .term-icon{background:#f8d8ec}.howto-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;width:100%}.versus-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;font-size:13px}.versus-card:nth-child(1){background:#ff8a651a;border-color:#ff8a6566}.versus-card:nth-child(2){background:#ab47bc14;border-color:#ab47bc59}.versus-card>span{color:var(--pc-muted);line-height:1.5}.versus-card b{color:var(--pc-text)}.ladder-card{width:100%;display:flex;flex-direction:column;gap:10px;padding:16px 20px;font-size:13.5px}.ladder-card>p{margin:0;color:var(--pc-muted);line-height:1.5}.ladder-card b{color:var(--pc-text)}.title-ladder{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px}.title-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 6px 8px;background:var(--pc-surface-2);border:2px solid var(--pc-border);border-radius:12px}.title-chip .title-icon{font-size:22px;line-height:1.1}.title-chip strong{font-size:12px}.title-chip .title-min{font-size:10px;color:var(--pc-muted);text-transform:uppercase;letter-spacing:.6px}.tips-card{width:100%;display:flex;flex-direction:column;gap:9px;padding:14px 18px}.tip-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--pc-muted);line-height:1.45}.tip-bulb{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff3c4;border:2px solid rgba(93,64,55,.12);font-size:13px}.records-tabs .tab{padding:9px 18px;font-size:14px;font-weight:700}.board-card{width:100%;padding:8px 16px 12px;overflow-x:auto}.records-table .rank-col{width:44px;text-align:center}.rank-medal{font-size:19px}.records-table .top-row td{background:#ffd54f24}.empty-state{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 20px;color:var(--pc-muted);text-align:center}.empty-state p{margin:0}.empty-emoji{font-size:42px}.level-hero{width:100%;display:flex;align-items:center;gap:20px;padding:16px 22px}.level-badge{flex:none;width:78px;height:78px;border-radius:50%;background:var(--pc-accent);color:var(--pc-accent-text);border:3px solid rgba(255,255,255,.85);box-shadow:var(--pc-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center}.level-num{font-size:30px;font-weight:800;line-height:1}.level-cap{font-size:9px;font-weight:700;letter-spacing:2px}.level-info{flex:1;display:flex;flex-direction:column;gap:9px}.progress.big{height:18px;border-radius:9px;border:2px solid var(--pc-border)}.progress.big .progress-fill{background:linear-gradient(90deg,var(--pc-accent),#ffca28);border-radius:7px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 13px;text-align:center}.stat-tile .tile-icon{font-size:24px;line-height:1}.stat-tile strong{font-size:19px;font-variant-numeric:tabular-nums}.stat-tile .tile-label{font-size:11px;color:var(--pc-muted);text-transform:uppercase;letter-spacing:.8px}.game-side.sandbox-side{width:200px}.blob-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.blob-pick{padding:3px 4px 0;background:var(--pc-surface);border:1.5px solid var(--pc-border);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.blob-pick:hover{border-color:var(--pc-accent)}.quick-chat{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.quick-chat .tab{font-size:12px;padding:4px 9px}.chat-bubble{position:absolute;margin-top:6px;background:var(--pc-accent);color:var(--pc-accent-text);border-radius:14px;padding:7px 13px;font-weight:600;animation:bubble-in .15s ease;z-index:8}.chat-bubble.mine-well{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fb923c,#f59e0b);color:#431407;animation:bubble-in-centered .15s ease;z-index:5;white-space:nowrap}.theme-chip.locked{opacity:.65}.tutorial-side{gap:10px}.tutorial-head h3{margin:0 0 8px}.tutorial-head .footnote{margin:7px 0 0}.tutorial-list{display:flex;flex-direction:column;gap:5px;padding:12px 14px}.tut-item{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--pc-muted)}.tut-item .tut-check{flex:none;width:21px;height:21px;border-radius:50%;background:var(--pc-surface-2);border:2px solid var(--pc-border);color:var(--pc-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.tut-item.done{color:var(--pc-text)}.tut-item.done .tut-check{background:#66bb6a;border-color:#66bb6a;color:#fff}.tut-item.current{color:var(--pc-text);font-weight:700}.tut-item.current .tut-check{background:var(--pc-surface);border-color:var(--pc-accent);color:var(--pc-accent)}.tutorial-step{border:2px solid var(--pc-accent)}.tutorial-step h3{margin:0;font-size:15px}.tutorial-step.done{border-color:#66bb6a;background:#66bb6a1f}.tutorial-step p{margin:5px 0 0;font-size:13.5px;line-height:1.45;color:var(--pc-muted)}.overlay.light{background:#00000059;pointer-events:none}.overlay.light .card{pointer-events:auto}.input-overlay{display:flex;flex-wrap:wrap;gap:4px;min-height:30px;align-items:center}.report-row select{font-size:13px}.touchpad{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20;touch-action:none;-webkit-user-select:none;user-select:none}.touch-btn{min-width:54px;min-height:54px;border-radius:14px;font-size:18px;font-weight:700;opacity:.85}.touch-btn.wide{min-width:84px;font-size:14px}@keyframes bubble-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.game-layout{display:flex;gap:16px;align-items:flex-start;padding:16px;position:relative}.game-side{display:flex;flex-direction:column;gap:12px;width:128px}.game-side h3,.duel-center h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--pc-muted)}.stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0}.stat span{color:var(--pc-muted);font-size:12.5px}.stat strong{font-variant-numeric:tabular-nums}.preview{display:block;margin:2px 0}.well-host canvas{display:block;border-radius:20px}.sludge-badge{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-weight:800;font-size:12px;line-height:1.4;padding:1px 8px;margin-left:8px;border-radius:999px;color:#fff;vertical-align:1px;background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b59;animation:sludge-pulse 1.4s ease-in-out infinite}.sludge-badge[data-level=mid]{background:linear-gradient(180deg,#f97316,#ea580c);box-shadow:0 0 12px #f9731673;animation-duration:1s}.sludge-badge[data-level=high]{background:linear-gradient(180deg,#f43f5e,#e11d48);box-shadow:0 0 16px #f43f5e8c;animation-duration:.65s}.sludge-badge .sludge-badge-wave{font-weight:400;opacity:.85}.sludge-badge.small{font-size:10.5px;padding:0 6px;margin-left:6px}@keyframes sludge-pulse{50%{transform:scale(1.09)}}.well-wrap{position:relative}.well-fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;opacity:0}.fx-send{animation:fx-send .55s ease-out forwards}@keyframes fx-send{0%{opacity:1;box-shadow:inset 0 0 22px 4px #2dd4bf8c,0 0 #2dd4bf80}to{opacity:0;box-shadow:inset 0 0 #2dd4bf00,0 0 26px 14px #2dd4bf00}}.fx-hit{animation:fx-hit .65s ease-out forwards}@keyframes fx-hit{0%{opacity:1;box-shadow:0 0 20px 8px #f43f5e66,inset 0 0 0 2px #f43f5eb3}35%{box-shadow:0 0 4px 1px #f43f5e26,inset 0 0 34px 10px #f43f5e73}to{opacity:0;box-shadow:0 0 #f43f5e00,inset 0 0 6px 1px #f43f5e00}}.well-status{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:linear-gradient(180deg,#fed7aa14,#291a1229 45%,#291a1257);-webkit-backdrop-filter:blur(5px) saturate(1.15);backdrop-filter:blur(5px) saturate(1.15);box-shadow:inset 0 0 0 1.5px #ffffff1f;text-align:center;padding:8px}.well-status.small{gap:6px;border-radius:12px}.seat-ring{padding:3px;border-radius:50%;background:conic-gradient(from 210deg,#fbbf24,#fb923c,#f472b6,#fb7185,#fbbf24);box-shadow:0 6px 22px #fb923c73,0 0 0 1px #ffffff26}.seat-face{display:block;width:66px;height:66px;border-radius:50%;background-size:cover;background-position:center;border:2.5px solid rgba(41,26,18,.75)}.seat-ring.small{padding:2px}.seat-face.small{width:36px;height:36px;border-width:2px}.seat-face.hollow{background:#ffffff0d;border:2.5px dashed rgba(255,255,255,.45)}.seat-plate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:var(--pc-surface);border:2px solid var(--pc-border);border-radius:16px;padding:14px 16px;width:86%;height:62%;overflow:hidden;box-shadow:0 8px 24px #00000047}.well-status.small .seat-plate{padding:8px 10px;gap:6px;border-radius:12px}.well-status.controls .seat-plate:has(.loadout-change){height:68%}.loadout-mini{display:flex;gap:6px;justify-content:center}.loadout-mini-cell{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid var(--pc-border);border-radius:9px;background:var(--pc-surface-2)}.loadout-mini-cell svg{width:22px;height:22px}.loadout-modal{max-width:400px}.seat-nick{font-weight:800;font-size:19px;color:var(--pc-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-nick.faint{color:var(--pc-muted);font-weight:700;font-size:14px;letter-spacing:1.2px;text-transform:uppercase}.well-status.vacant .seat-nick.faint{color:#ffffffe0;text-shadow:0 1px 4px rgba(0,0,0,.55)}.seat-rank{font-size:15px;font-weight:700;color:var(--pc-muted);font-variant-numeric:tabular-nums}.well-status.small .seat-rank{font-size:12px}.ready-chip{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:14.5px;font-weight:800;letter-spacing:.4px;padding:6px 16px;border-radius:999px;background:#291a128c;border:1.5px solid rgba(251,191,36,.75);color:#fcd34d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ready-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px #fbbf24e6;animation:chip-blink 1.4s ease-in-out infinite}.ready-chip.on{background:linear-gradient(135deg,#6ee7b7,#10b981);border-color:#ffffff59;color:#04291d;text-shadow:none;box-shadow:0 2px 16px #10b98199,inset 0 1.5px #ffffff73}.ready-chip.on:before{display:none}.well-status.small .ready-chip{font-size:11.5px;padding:3px 10px;gap:5px}@keyframes chip-blink{50%{opacity:.35;transform:scale(.8)}}.duel-layout.online{justify-content:center}.duel-layout.online>.duel-column+.duel-column,.duel-layout.online>.duel-column+.rumble-minis{margin-left:48px}.well-status.controls{gap:12px;padding:16px 12px}.well-status.controls button{min-width:150px}.well-status.controls .seat-plate button:first-of-type{margin-top:14px}.well-status.controls .item-pick{width:34px;height:34px}.well-status.controls .footnote{font-size:11px;margin:0;color:#ffffffbf}.room-screen{display:flex;flex-direction:column;align-items:center;margin:auto}.room-status-bar{min-height:24px;padding-top:14px;display:flex;align-items:center;justify-content:center;align-self:stretch;padding-left:128px}.room-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;text-align:center;color:var(--pc-text)}.countdown-pop{text-align:center}.count-bubble{position:relative;width:132px;height:132px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#fed7aa,#fb923c 60%,#f97316);border:5px solid #fff;box-shadow:0 10px #4220062e,0 6px 24px #fb923c66;animation:count-squish .7s cubic-bezier(.34,1.56,.64,1)}.count-bubble:before{content:"";position:absolute;top:18px;left:24px;width:34px;height:20px;border-radius:50%;background:#fffc;transform:rotate(-24deg)}.count-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 3px 0 rgba(154,52,18,.35);transform:translateY(.045em)}.countdown-pop p{margin:0;color:#fff;font-weight:800;font-size:14px;text-shadow:0 2px 0 rgba(66,32,6,.4),0 3px 10px rgba(0,0,0,.4)}.overlay.light .countdown-pop{pointer-events:auto}.countdown-pop button{margin-top:16px;min-width:160px}@keyframes count-squish{0%{transform:scale(1.25,.65)}40%{transform:scale(.85,1.18)}70%{transform:scale(1.08,.93)}to{transform:scale(1)}}.result-card{position:relative;overflow:hidden;padding:0 22px 22px;min-width:330px;border:none;border-radius:22px;box-shadow:0 24px 60px #00000073;animation:modal-pop .45s cubic-bezier(.34,1.56,.64,1)}.result-card.win{box-shadow:0 24px 60px #00000073,0 0 44px #fb923c47}.result-hero{position:relative;margin:0 -22px 14px;padding:26px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden}.result-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 22% 8%,rgba(255,255,255,.5),transparent 55%),linear-gradient(180deg,transparent 70%,rgba(0,0,0,.14));pointer-events:none}.result-emoji{width:86px;height:86px;display:grid;place-items:center;font-size:44px;line-height:1;border-radius:50%;background:#ffffff3d;border:3px solid rgba(255,255,255,.8);box-shadow:0 6px 18px #00000047,inset 0 2px #ffffff73;filter:none;animation:medal-drop .6s cubic-bezier(.34,1.56,.64,1)}.result-hero h2{margin:0;color:#fff;font-size:28px;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.4),0 0 26px rgba(255,255,255,.35)}.result-card.win .result-hero{background:linear-gradient(135deg,#fbbf24,#fb923c 55%,#f472b6)}.result-card.lose .result-hero{background:linear-gradient(135deg,#a8a29e,#78716c 55%,#57534e)}.result-rank{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:17px;background:var(--pc-surface-2);border:1.5px solid var(--pc-border);border-radius:14px;padding:11px 16px}.result-rank .delta-chip{animation:delta-pop .45s cubic-bezier(.34,1.56,.64,1) .35s backwards}.result-actions{display:flex;gap:10px}.result-actions button{flex:1}.delta-chip{align-self:center;font-weight:900;font-size:16px;font-variant-numeric:tabular-nums;padding:5px 14px;border-radius:999px;box-shadow:inset 0 1px #ffffff40}@keyframes delta-pop{0%{transform:scale(.3);opacity:0}}.delta-chip.up{background:#34d39929;color:#10b981;border:1.5px solid rgba(52,211,153,.55)}.delta-chip.down{background:#f8717124;color:#f87171;border:1.5px solid rgba(248,113,113,.5)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-16px;width:8px;height:14px;border-radius:2px;opacity:0;animation:confetti-fall 1.7s ease-in forwards}.confetti i:nth-child(1){left:6%;background:#f472b6;animation-delay:.05s}.confetti i:nth-child(2){left:16%;background:#fbbf24;animation-delay:.3s;height:10px}.confetti i:nth-child(3){left:27%;background:#5eead4;animation-delay:.15s}.confetti i:nth-child(4){left:38%;background:#a78bfa;animation-delay:.45s;height:11px}.confetti i:nth-child(5){left:49%;background:#38bdf8;animation-delay:.1s}.confetti i:nth-child(6){left:60%;background:#fbbf24;animation-delay:.5s;height:10px}.confetti i:nth-child(7){left:70%;background:#f472b6;animation-delay:.25s}.confetti i:nth-child(8){left:80%;background:#5eead4;animation-delay:.55s;height:12px}.confetti i:nth-child(9){left:89%;background:#a78bfa;animation-delay:.2s}.confetti i:nth-child(10){left:95%;background:#38bdf8;animation-delay:.4s;height:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(360px) rotate(540deg)}}@keyframes medal-drop{0%{transform:translateY(-26px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modal-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.side-stats .stat{width:100%}.side-target{text-align:center;font-size:13px;font-weight:800;padding:9px 10px}.rumble-mini.clickable{cursor:pointer}.rumble-mini.clickable:hover{border-color:#f8717173}.chat-bubble.well-bubble{position:absolute;top:8px;left:50%;transform:translate(-50%);animation:bubble-in-centered .15s ease;z-index:5;white-space:nowrap}.chat-bubble.mini-bubble{position:absolute;top:6px;left:50%;transform:translate(-50%);animation:bubble-in-centered .15s ease;z-index:5;font-size:11.5px;white-space:nowrap}@keyframes bubble-in-centered{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.quick-chat.under-well{max-width:250px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.queue-dots{display:inline-flex;gap:4px}.queue-dots i{width:6px;height:6px;border-radius:50%;background:var(--pc-accent);animation:dot-bounce 1.2s ease-in-out infinite}.queue-dots i:nth-child(2){animation-delay:.15s}.queue-dots i:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{30%{transform:translateY(-5px)}}.well-rank{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0a0c1473;color:#fff;font-size:30px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.65)}.well-rank.big{font-size:52px}.item-fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-fx-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;opacity:0}.item-fx.used .item-fx-ring{animation:item-fx-used .8s ease-out forwards}.item-fx.used .item-fx-icon{animation:item-icon-rise 1s ease-out forwards}.item-fx.hit .item-fx-ring{animation:item-fx-hit .85s ease-out forwards}.item-fx.hit .item-fx-icon{animation:item-icon-slam .9s ease-out forwards}@keyframes item-fx-used{0%{opacity:1;box-shadow:inset 0 0 0 3px var(--fx),inset 0 0 26px 6px var(--fx)}to{opacity:0;box-shadow:inset 0 0 0 0 transparent,inset 0 0 70px 26px transparent}}@keyframes item-fx-hit{0%{opacity:1;box-shadow:0 0 26px 10px var(--fx),inset 0 0 0 5px var(--fx)}40%{opacity:1;box-shadow:0 0 6px 2px var(--fx),inset 0 0 48px 16px var(--fx)}to{opacity:0;box-shadow:0 0 0 0 transparent,inset 0 0 8px 2px transparent}}@keyframes item-icon-rise{0%{transform:scale(.4) translateY(14px);opacity:0}25%{transform:scale(1.15) translateY(0);opacity:1}60%{transform:scale(1) translateY(-16px);opacity:1}to{transform:scale(.85) translateY(-40px);opacity:0}}@keyframes item-icon-slam{0%{transform:scale(2.4);opacity:0}28%{transform:scale(1);opacity:1}42%{transform:scale(1.18) rotate(-7deg)}58%{transform:scale(.98) rotate(6deg)}72%{transform:scale(1.05) rotate(-3deg)}to{transform:scale(.8) rotate(0);opacity:0}}@media(prefers-reduced-motion:reduce){.sludge-badge,.well-fx,.item-fx-ring,.item-fx-icon,.count-bubble,.conn-icon,.ready-chip:before,.result-emoji,.result-card,.result-rank .delta-chip,.confetti i,.queue-dots i,.auth-notice,.shield-mark{animation:none}}.mailbox-card{width:min(720px,calc(100vw - 32px));padding:18px 18px 16px;gap:12px;text-align:left}.mailbox-head{display:flex;align-items:center;justify-content:space-between}.mailbox-head h2{margin:0;font-size:20px;display:flex;align-items:center;gap:9px}.mail-unread-chip{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--pc-accent);color:var(--pc-accent-text);font-size:12.5px;font-weight:800;line-height:22px;text-align:center}.mailbox-close{width:34px;height:34px;padding:0;border-radius:50%;font-size:14px;line-height:1}.mailbox-panes{display:grid;grid-template-columns:252px 1fr;gap:12px;height:min(420px,60vh)}.mail-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;padding-right:4px}.mail-empty{margin:auto;color:var(--pc-muted);font-size:13px}.mail-row{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 11px;border-radius:12px;background:var(--pc-surface);border:2px solid var(--pc-border);font-weight:500}.mail-row:hover{transform:none}.mail-row.selected{border-color:var(--pc-accent);background:var(--pc-surface-2)}.mail-row.unread .mail-row-subject{font-weight:800}.mail-row.unread .mail-row-top strong:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pc-accent);margin-right:6px;vertical-align:1px}.mail-row-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px}.mail-row-top time{flex:none;color:var(--pc-muted);font-size:11px}.mail-row-subject,.mail-row-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-subject{font-size:13px}.mail-row-snippet{color:var(--pc-muted);font-size:11.5px}.mail-reader{display:flex;flex-direction:column;gap:10px;border:2px solid var(--pc-border);border-radius:14px;background:var(--pc-surface);padding:16px 18px;overflow-y:auto}.mail-reader-head{display:flex;align-items:center;gap:10px}.mail-sender-badge{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a5c,#f7b733);color:#fff7ef;font-size:18px;font-weight:800;text-transform:uppercase}.mail-reader-meta{display:flex;flex-direction:column}.mail-reader-meta strong{font-size:14px}.mail-reader-meta time{color:var(--pc-muted);font-size:11.5px}.mail-reader-subject{margin:0;padding-bottom:8px;border-bottom:2px solid var(--pc-border);font-size:17px}.mail-reader-body{margin:0;font-size:13.5px;line-height:1.6;white-space:pre-wrap}.mail-reader-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--pc-muted);font-size:13px}.mail-reader-empty span{font-size:34px;opacity:.7}@media(max-width:640px){.mailbox-panes{grid-template-columns:1fr;grid-template-rows:170px 1fr;height:min(560px,70vh)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.duel-layout{display:flex;gap:18px;align-items:flex-start;padding:16px}.duel-column{display:flex;flex-direction:column;gap:8px;align-items:center}.duel-side{gap:8px}.duel-label{font-weight:700;letter-spacing:.5px}.duel-label .warn{font-style:normal;margin-left:8px}.duel-center{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:170px;margin-top:40px}.duel-score{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums}.duel-sub{color:var(--pc-muted);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.duel-timer{font-variant-numeric:tabular-nums;font-size:18px}.sudden{color:#f87171;font-weight:800;letter-spacing:2px;animation:pulse .8s infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.results-card{width:min(460px,calc(100vw - 32px));padding:0;overflow:hidden;gap:0}.results-hero{position:relative;height:108px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:12px 18px}.results-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#1410088c)}.results-title{position:relative;z-index:1;margin:0;color:#fff;font-size:22px;text-shadow:0 2px 8px rgba(0,0,0,.55)}.grade-badge{position:absolute;z-index:1;top:10px;right:12px;min-width:46px;height:46px;display:grid;place-items:center;padding:0 8px;border-radius:50%;background:var(--pc-accent);color:var(--pc-accent-text);font-size:24px;font-weight:800;box-shadow:0 3px 10px #00000059}.results-body{display:flex;flex-direction:column;gap:10px;padding:14px 18px 18px}.rating-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-radius:12px;background:var(--pc-surface-2);font-size:14px}.rating-row .rating-title{font-weight:700}.results-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-tile{display:flex;flex-direction:column;gap:2px;align-items:center;padding:10px 6px;border-radius:14px;background:var(--pc-surface-2)}.result-tile span{font-size:11.5px;color:var(--pc-muted)}.result-tile strong{font-size:19px}.stats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;color:var(--pc-muted);font-size:12px;margin:2px 0}.stats-grid>div{background:var(--pc-surface-2);border-radius:999px;padding:4px 11px}.xp-row{display:flex;align-items:center;gap:10px}.xp-level{flex:none;font-size:11.5px;font-weight:800;letter-spacing:.5px;padding:3px 10px;border-radius:999px;background:var(--pc-surface-2);color:var(--pc-text)}.xp-bar{flex:1;height:10px;border-radius:999px;background:var(--pc-surface-2);overflow:hidden}.xp-fill{height:100%;border-radius:999px;background:var(--pc-accent);transition:width .6s ease}.xp-gain{flex:none;font-size:13px;font-weight:800;color:#4ade80}.unlocked{display:flex;flex-direction:column;gap:8px}.unlock-card{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:14px;text-align:left;background:linear-gradient(120deg,#f9a8252e,#f9a8250f);border:2px solid rgba(249,168,37,.55)}.unlock-icon{font-size:24px;flex:none}.unlock-text{display:flex;flex-direction:column;gap:0;min-width:0}.unlock-text em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#d18f1f}.unlock-text strong{font-size:14.5px}.unlock-text span{font-size:12px;color:var(--pc-muted)}.results-secondary{display:flex;gap:8px}.results-secondary button{flex:1;font-size:12.5px;padding:8px 6px;white-space:nowrap}.page{width:min(860px,100%);display:flex;flex-direction:column;gap:10px;padding:8px 0 24px}.page.narrow{width:min(420px,100%);text-align:center}.page>h2{margin:4px 0 2px}.row.center{justify-content:center}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(1200px 700px at 50% -10%,var(--pc-page-top),var(--pc-page-bottom))}.splash-stage{position:relative;height:96px;display:flex;align-items:flex-end;justify-content:center}.splash-blob{position:relative;width:76px;height:66px;background:#ff8a65;border:3px solid rgba(93,64,55,.45);border-radius:50% 50% 46% 46%;animation:splash-bounce 1.1s ease-in-out infinite;transform-origin:50% 100%}.splash-blob .eye{position:absolute;top:22px;width:9px;height:9px;border-radius:50%;background:#4e342e}.splash-blob .eye:after{content:"";position:absolute;top:1px;left:1px;width:3px;height:3px;border-radius:50%;background:#fff}.splash-blob .eye.l{left:20px}.splash-blob .eye.r{right:20px}.splash-blob .mouth{position:absolute;top:34px;left:50%;width:16px;height:9px;transform:translate(-50%);border:3px solid #4e342e;border-top:none;border-left:none;border-right:none;border-radius:0 0 12px 12px}.splash-shadow{position:absolute;bottom:-8px;width:64px;height:12px;border-radius:50%;background:#5d403738;animation:splash-shadow 1.1s ease-in-out infinite}@keyframes splash-bounce{0%,to{transform:translateY(0) scale(1.06,.92)}35%{transform:translateY(-30px) scale(.94,1.08)}50%{transform:translateY(-34px) scale(1)}}@keyframes splash-shadow{0%,to{transform:scale(1.1);opacity:.9}45%{transform:scale(.7);opacity:.45}}.splash .logo{font-size:40px;margin:8px 0 0}.splash-text{margin:0;color:var(--pc-muted);display:flex;align-items:baseline;gap:3px}.splash-dots i{display:inline-block;width:4px;height:4px;margin-left:3px;border-radius:50%;background:var(--pc-muted);animation:splash-dot 1.2s infinite}.splash-dots i:nth-child(2){animation-delay:.2s}.splash-dots i:nth-child(3){animation-delay:.4s}@keyframes splash-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.auth{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(440px,100%);text-align:center}.auth .logo{font-size:42px;margin:6px 0 0}.auth .tagline{margin:0 0 6px}.auth-card{width:100%;padding:0;overflow:hidden;border:3px solid rgba(255,255,255,.9);text-align:left}.auth-hero{height:112px;background-size:cover;background-position:center;border-bottom:2px solid var(--pc-border)}.auth-body{display:flex;flex-direction:column;gap:12px;padding:18px 22px 22px}.auth-body h2{margin:0;font-size:22px;letter-spacing:.3px}.auth-body>.footnote{margin-top:-6px}.auth-tabs{display:flex;gap:6px}.auth-tabs .tab{flex:1;text-align:center;padding:9px 6px}.auth-cta{width:100%;font-size:15px;padding:12px 16px}.footnote.center{text-align:center}.profile-row{display:flex;align-items:center;gap:16px}.avatar-btn{position:relative;flex:none;width:64px;height:64px;padding:0;border:none;border-radius:50%;background-color:transparent;background-size:cover;cursor:pointer;transition:transform .12s ease}.avatar-btn:hover{transform:scale(1.06)}.avatar-btn .avatar-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;display:grid;place-items:center;font-size:12px;border-radius:50%;background:var(--pc-surface);border:2px solid var(--pc-border);color:var(--pc-muted)}.chip-avatar{flex:none;width:24px;height:24px;border-radius:50%;background-size:cover}.avatar-picker-card{max-width:560px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-height:52vh;overflow-y:auto;padding:4px}.avatar-cell{aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:50%;background-color:transparent;background-size:cover;cursor:pointer;transition:transform .1s ease}.avatar-cell:hover{transform:scale(1.12)}.avatar-cell.active{border-color:var(--pc-accent)}.profile-id{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-name{font-size:22px;letter-spacing:.3px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.3px;color:#fbbf24}.badge.guest{background:var(--pc-surface-2);border:1.5px solid var(--pc-border);color:var(--pc-muted)}.badge.verified{background:#66bb6a2e;border:1.5px solid rgba(102,187,106,.6);color:#2e7d32}.badge.pending{background:#f9a82529;border:1.5px solid rgba(249,168,37,.55);color:#8a5a00}.store-head{display:flex;align-items:center;justify-content:space-between;width:100%}.store-head h2{margin:0}.droplet-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border-radius:999px;background:#4dd0e129;border:2px solid rgba(77,208,225,.55);font-size:15px;font-weight:700;cursor:default}button.droplet-pill{cursor:pointer;margin-left:auto}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;width:100%}.store-item{display:flex;flex-direction:column;gap:6px;padding:12px;text-align:center;align-items:center}.store-swatch{width:100%;height:64px;border-radius:12px;border:2px solid var(--pc-border);display:flex;align-items:center;justify-content:center}.store-item .store-mood{font-size:11.5px;color:var(--pc-muted);line-height:1.3;min-height:30px}.store-item button{width:100%}.rank-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rank-card{display:flex;flex-direction:column;align-items:center;gap:1px;padding:13px 8px 11px;background:var(--pc-surface-2);border:2px solid var(--pc-border);border-radius:14px}.rank-icon{font-size:26px;line-height:1.1}.rank-title{font-size:12.5px;font-weight:700;letter-spacing:.3px}.rank-rating{font-size:19px;font-variant-numeric:tabular-nums}.rank-mode{font-size:10px;color:var(--pc-muted);text-transform:uppercase;letter-spacing:1px}.upgrade-card{display:flex;flex-direction:column;gap:7px;padding:14px 16px;border:2px solid var(--pc-border);border-radius:14px;background:var(--pc-surface-2);text-align:left;font-size:13px}.upgrade-card>span{color:var(--pc-muted);line-height:1.45}.upgrade-card b{color:var(--pc-text)}.verify-card{gap:11px;border-color:#fb923c80;background:linear-gradient(180deg,#fb923c1f,#fb923c08),var(--pc-surface-2)}.verify-head{display:flex;align-items:center;gap:12px}.verify-icon{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:#fb923c29;border:2px solid rgba(251,146,60,.4)}.verify-copy{display:flex;flex-direction:column;gap:2px}.verify-copy strong{font-size:14.5px}.verify-copy span{color:var(--pc-muted);line-height:1.45}.verify-entry{display:flex;justify-content:center;align-items:center;gap:9px}.verify-code{width:148px;text-align:center;font-size:21px;font-weight:700;letter-spacing:7px;padding:8px 2px 8px 9px;font-variant-numeric:tabular-nums}.verify-links{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--pc-muted)}button.linklike{background:none;border:none;border-radius:6px;padding:2px 4px;font-size:12.5px;font-weight:600;color:var(--pc-accent);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}button.linklike:hover{transform:none;filter:brightness(1.15)}.profile-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.account-form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px;text-align:left}.field-label{font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--pc-muted)}.field .text-input,.field select{width:100%;max-width:none}.field select{font:inherit;color:var(--pc-text);background:var(--pc-surface);border:2px solid var(--pc-border);border-radius:10px;padding:9px 12px}.text-input.invalid,.field select.invalid{border-color:#ef5350d9}.field-error{color:#d84343;font-size:12px;line-height:1.35}.field-error.center{text-align:center;margin:0}.auth-offline{display:flex;align-items:flex-start;gap:10px;background:#f9a82524;border:2px solid rgba(249,168,37,.55);border-radius:12px;padding:10px 14px;font-size:13.5px;line-height:1.4;text-align:left}.auth-offline strong{flex:none;text-shadow:none}.auth-error{display:flex;align-items:flex-start;gap:10px;background:#ef535024;border:2px solid rgba(239,83,80,.55);border-radius:12px;padding:10px 14px;font-size:13.5px;line-height:1.4;text-align:left}.auth-notice{display:flex;align-items:flex-start;gap:10px;background:#4ade8021;border:2px solid rgba(74,222,128,.5);border-radius:12px;padding:10px 14px;font-size:13.5px;line-height:1.4;text-align:left;animation:notice-pop .3s ease}.auth-notice strong{flex:none;width:20px;height:20px;border-radius:50%;background:#4ade80;color:#14532d;font-size:13px;line-height:20px;text-align:center;text-shadow:none}@keyframes notice-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.auth-error strong{flex:none;width:20px;height:20px;border-radius:50%;background:#ef5350;color:#fff;font-size:13px;line-height:20px;text-align:center;text-shadow:none}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--pc-muted);font-size:12.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:2px;border-radius:1px;background:var(--pc-border)}.queue-banner{width:100%;background:var(--pc-surface-2);border:1px solid var(--pc-border);border-radius:12px;padding:12px 16px}.page h3{margin:10px 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--pc-muted)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row span{font-size:14px}.row input[type=range]{width:190px;accent-color:var(--pc-accent)}select{font:inherit;background:var(--pc-surface-2);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:10px;padding:6px 10px}.bindings{width:100%;border-collapse:collapse}.bindings td{padding:3px 4px;font-size:14px}.bindings.glossary td{padding:5px 6px;vertical-align:top;color:var(--pc-muted)}.bindings.glossary strong{color:var(--pc-text)}.keycap{min-width:74px;padding:6px 10px;font-size:13px;border-radius:8px}.keycap.capturing{border-color:var(--pc-accent);color:var(--pc-accent)}.keycap-static{display:inline-block;background:var(--pc-surface);border:2px solid var(--pc-border);border-radius:8px;padding:3px 10px;font-size:12.5px;font-weight:700;min-width:40px;text-align:center;box-shadow:0 2px 0 var(--pc-border)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.theme-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:13px}.theme-chip.active{border-color:var(--pc-accent);box-shadow:0 0 0 1px var(--pc-accent)}.swatches{display:flex;gap:3px}.swatches i{width:14px;height:14px;border-radius:5px}.tab-row{display:flex;flex-wrap:wrap;gap:6px}.tab-row.center{justify-content:center}.duel-setup{max-width:420px}.duel-setup h3{margin:8px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--pc-muted)}.tab{padding:6px 12px;font-size:13px;border-radius:999px}.tab.active{background:var(--pc-accent);color:var(--pc-accent-text);border-color:transparent}.records-table{width:100%;border-collapse:collapse}.records-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--pc-muted);padding:4px 6px}.records-table td{padding:5px 6px;font-size:14px;border-top:1px solid var(--pc-border);font-variant-numeric:tabular-nums}.replay-controls{display:flex;flex-wrap:wrap;gap:6px}.replay-controls button{flex:1 1 45%;padding:8px 6px;font-size:13px}.progress{height:6px;border-radius:3px;background:var(--pc-surface-2);overflow:hidden}.progress-fill{height:100%;background:var(--pc-accent);transition:width .15s linear}