@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#04050a;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#safe-area-probe{visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);position:fixed}.lobby{z-index:20;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));color:#e8f1ff;text-align:center;touch-action:manipulation;background:#04050adb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font:11px/1.6 "Press Start 2P",ui-monospace,monospace;display:flex;position:fixed;inset:0;overflow:hidden auto}.lobby[hidden]{display:none}.logo-a{color:#ffd6f6;text-shadow:0 0 12px #ff4fd8,0 0 2px #ff4fd8}.lobby h1{text-shadow:0 0 10px #3fd0ff,0 0 2px #3fd0ff;margin:0 0 6px;font-size:22px;font-weight:400;line-height:1.3}.lobby .room strong{color:#3fd0ff}.lobby ul{text-align:left;width:min(320px,100%);margin:0;padding:0;list-style:none}.lobby li{color:var(--c);align-items:center;gap:10px;padding:5px 0;display:flex}.lobby li em{color:#8d93a3;font-size:8px;font-style:normal}.lobby .chip{background:var(--c);width:18px;height:6px;box-shadow:0 0 8px var(--c);flex:none}.lobby .row{gap:12px;display:flex}.lobby button{font:inherit;color:#e8f1ff;cursor:pointer;background:0 0;border:2px solid #6c4dff;min-width:110px;padding:12px 16px;box-shadow:0 0 10px #6c4dff80}.lobby button:disabled{opacity:.35;cursor:default}.lobby button.primary{border-color:#3fd0ff;min-width:240px;padding:16px;box-shadow:0 0 14px #3fd0ff99}.lobby button.link{box-shadow:none;color:#8d93a3;border:none;font-size:9px;text-decoration:underline}.lobby .wait,.lobby .hint{color:#8d93a3;font-size:9px}.debug{top:calc(env(safe-area-inset-top) + 70px);left:calc(env(safe-area-inset-left) + 8px);color:#9cff57;pointer-events:none;white-space:pre;z-index:10;background:#000000b3;margin:0;padding:6px 8px;font:10px/1.35 ui-monospace,Menlo,monospace;position:fixed}.debug[hidden]{display:none}body.crt:after{content:"";pointer-events:none;z-index:5;background:repeating-linear-gradient(#0003 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0009 100%);position:fixed;inset:0}.gear{top:calc(env(safe-area-inset-top) + 4px);right:calc(env(safe-area-inset-right) + 6px);z-index:30;color:#8d93a3;cursor:pointer;touch-action:manipulation;background:0 0;border:none;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed}.gear:active{color:#e8f1ff}.settings{z-index:40;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));color:#e8f1ff;touch-action:manipulation;background:#04050ab3;place-items:center;font:10px/1.6 "Press Start 2P",ui-monospace,monospace;display:grid;position:fixed;inset:0}.settings[hidden]{display:none}.settings .card{background:#04050a;border:2px solid #6c4dff;flex-direction:column;gap:16px;width:min(340px,100%);padding:20px;display:flex;box-shadow:0 0 18px #6c4dff73}.settings h2{text-align:center;text-shadow:0 0 8px #3fd0ff;margin:0;font-size:14px;font-weight:400}.settings .field{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings .slider{flex-direction:column;align-items:stretch}.settings output{color:#3fd0ff}.settings input[type=range]{accent-color:#3fd0ff;width:100%;height:28px}.settings button{font:inherit;color:#e8f1ff;cursor:pointer;background:0 0;border:2px solid #6c4dff;min-width:64px;padding:8px 10px}.settings .seg{display:flex}.settings .seg button{opacity:.5;border-width:2px 1px;min-width:0;padding:8px 7px}.settings .toggle{opacity:.5}.settings .seg button.on,.settings .toggle.on{opacity:1;border-color:#3fd0ff;box-shadow:0 0 8px #3fd0ff80}.settings .close{border-color:#3fd0ff;align-self:center;min-width:160px;padding:12px}.lobbies{--menu-w:min(440px, 100%);--mode-text:clamp(8px, calc((min(100vw - 24px, 440px) - 28px) / 39), 11px);--mode-live:clamp(8px, calc((min(100vw - 24px, 440px) - 48px) / 34), 11px);padding-left:12px;padding-right:12px;padding-top:max(28px, calc(env(safe-area-inset-top) + 12px));padding-bottom:max(28px, calc(env(safe-area-inset-bottom) + 12px));background:#04050ab8;justify-content:flex-start}.lobbies h1{margin-top:8px}.lobbies .panel{width:var(--menu-w);background:#04050abf;border:2px solid #6c4dffb3;flex-direction:column;gap:10px;padding:14px;display:flex}.lobbies h2{color:#3fd0ff;text-align:left;margin:0 0 2px;font-size:11px;font-weight:400}.lobbies .name{width:var(--menu-w);text-align:left;color:#8d93a3;flex-direction:column;gap:6px;font-size:9px;display:flex}.lobbies input{color:#e8f1ff;text-transform:uppercase;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#04050a;border:2px solid #6c4dff;border-radius:0;padding:10px;font:12px "Press Start 2P",ui-monospace,monospace}.lobbies input:focus{border-color:#3fd0ff;outline:none}.lobbies ul.rooms{flex-direction:column;gap:8px;width:100%;display:flex}.lobbies ul.rooms li{padding:0;display:block}.lobbies li.empty{color:#8d93a3;text-align:center;padding:10px 0;font-size:9px}.lobbies button.room{text-align:left;width:100%;min-width:0;box-shadow:none;flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px;display:flex}.lobbies .room .top{justify-content:space-between;gap:8px;display:flex}.lobbies .room strong{color:#e8f1ff;text-overflow:ellipsis;font-weight:400;overflow:hidden}.lobbies .room .go{color:#3fd0ff}.lobbies .room .meta{color:#8d93a3;font-size:8px}.lobbies .opt{justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.lobbies .seg,.lobbies .stepper{align-items:center;display:flex}.lobbies .seg button,.lobbies .stepper button{min-width:0;box-shadow:none;padding:8px;font-size:9px}.lobbies .seg button{opacity:.5;border-width:2px 1px}.lobbies .seg button.on{opacity:1;border-color:#3fd0ff;box-shadow:0 0 8px #3fd0ff80}.lobbies .stepper output{text-align:center;color:#3fd0ff;min-width:34px}.lobbies .panel .primary{align-self:center;width:100%;min-width:0;margin-top:4px}.lobbies form.code{width:var(--menu-w);gap:8px;display:flex}.lobbies form.code input{flex:1;min-width:0}.lobbies form.code button{min-width:0}.lobbies .status{color:#ffed4d;min-height:1em;margin:0;font-size:9px}.lobbies a.link{color:#8d93a3;font-size:9px}.lobbies .legal{color:#8d93a3;margin:0;font-size:9px}.lobbies .lobby-name input{flex:1;min-width:0;padding:8px;font-size:10px}.lobby .lobby-title{color:#ffed4d;word-break:break-word;margin:0;font-size:13px}.lobbies.join{justify-content:center}.lobbies.join form.name{gap:14px}.lobbies.join .primary{width:100%}.lobbies.join.standing{padding-top:max(16px, env(safe-area-inset-top));--seat-name:clamp(8px, calc(((min(100vw - 24px, 440px) - 10px) / 2 - 66px) / 12), 11px);justify-content:flex-start;gap:8px}.lobbies.standing h1{margin:0 0 2px;font-size:min(26px,min(100vw - 24px,440px)/14 - 5.71429px)}.lobbies.standing p{margin:0}.lobbies.standing .room{font-size:14px}.lobbies.standing ul.seats{width:var(--menu-w);grid-template-columns:1fr 1fr;gap:2px 10px;margin:4px 0;display:grid}.lobbies.standing ul.seats li{min-width:0;height:22px;font-size:var(--seat-name);gap:6px;padding:0}.lobbies.standing ul.seats .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobbies.standing ul.seats em{flex:none;font-size:7px}.lobbies.standing .hint{width:var(--menu-w);font-size:10px;line-height:1.5}.endless-card{left:50%;bottom:max(16px, calc(env(safe-area-inset-bottom) + 8px));z-index:20;box-sizing:border-box;color:#e8f1ff;text-align:center;touch-action:manipulation;background:#04050ae0;border:2px solid #6c4dff;flex-direction:column;align-items:center;gap:10px;width:min(340px,100% - 32px);max-height:calc(100% - 140px);padding:14px 16px;font:10px/1.6 "Press Start 2P",ui-monospace,monospace;display:flex;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 0 18px #6c4dff73}.endless-card[hidden]{display:none}.endless-card p{margin:0}.endless-card .title{text-shadow:0 0 8px #3fd0ff;font-size:14px}.endless-card strong{color:#3fd0ff;font-weight:400}.endless-card .hint{color:#8d93a3;font-size:8px}.endless-card button{font:inherit;color:#e8f1ff;cursor:pointer;background:0 0;border:2px solid #3fd0ff;width:100%;padding:14px;box-shadow:0 0 14px #3fd0ff99}.endless-card button.leave{border-color:#ff5c5c;box-shadow:0 0 14px #ff5c5c99}.endless-card button.link{box-shadow:none;color:#8d93a3;border:none;width:auto;padding:4px;font-size:9px;text-decoration:underline}.endless-card.standing .through,.endless-card.standing .safe{color:#4dff88;text-shadow:0 0 8px #4dff8899}.endless-card.standing .risk{color:#ff5c5c;text-shadow:0 0 8px #ff5c5c99}.endless-card.standing .links{gap:10px;width:100%;display:flex}.endless-card.standing .links button{flex:1;padding:14px 6px}.endless-card.spectate-bar{width:100%;max-height:none;padding:8px 12px max(8px, env(safe-area-inset-bottom));border-width:2px 0 0;gap:8px;bottom:0;left:0;transform:none}.endless-card.spectate-bar .links button{box-shadow:none;padding:10px 6px}.endless-card .best{color:#ffed4d;text-shadow:0 0 8px #ffed4d99}.endless-card .boards{width:100%}.endless-card .tabs{margin-bottom:6px;display:flex}.endless-card .tabs button{box-shadow:none;opacity:.55;border-width:1px;border-color:#6c4dff;flex:1;padding:6px;font-size:8px}.endless-card .tabs button.on{opacity:1;border-color:#3fd0ff}.endless-card ol{text-align:left;margin:0;padding:0;font-size:8px;line-height:1.9;list-style:none}.endless-card li{gap:8px;display:flex}.endless-card li span:first-child{color:#8d93a3;width:2.5em}.endless-card li .name{text-overflow:ellipsis;flex:1;overflow:hidden}.endless-card li.me{color:#ffed4d}.endless-card li.empty{color:#8d93a3;justify-content:center}.lobbies .mode-endless{--mode:#3fd0ff;--mode-glow:#3fd0ff73}.lobbies .mode-standing{--mode:#ffb020;--mode-glow:#ffb02066}.lobbies .mode-shrink{--mode:#ff4fd8;--mode-glow:#ff4fd866}.lobbies .mode-smashageddon{--mode:#a6ff2e;--mode-glow:#a6ff2e66}.lobbies .mode-teams{--mode:#738fff;--mode-glow:#738fff73}.lobbies a.endless{width:var(--menu-w);box-sizing:border-box;border:2px solid var(--mode,#3fd0ff);box-shadow:0 0 14px var(--mode-glow,#3fd0ff73);color:#e8f1ff;text-align:left;background:#04050abf;flex-direction:column;gap:6px;padding:12px;text-decoration:none;display:flex}.lobbies a.endless .top{justify-content:space-between;font-size:15px;display:flex}.lobbies a.endless .go{color:var(--mode,#3fd0ff)}.lobbies a.endless .meta{font-size:var(--mode-text);color:#b4bac8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lobbies a.endless .live{font-size:var(--mode-live);color:#8d93a3;white-space:nowrap;text-overflow:ellipsis;border:2px dashed var(--mode,#3fd0ff);background:#000;align-self:stretch;margin-top:2px;padding:6px 8px;line-height:1.4;overflow:hidden}.lobbies a.endless .live:before{content:"●";color:#8d93a3;margin-right:6px}.lobbies a.endless .live.on{color:#fff}.lobbies a.endless .live.on:before{color:var(--mode,#3fd0ff);animation:1.2s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.lobbies a.endless .live.on:before{animation:none}}.lobbies .boards{width:var(--menu-w);grid-template-columns:1fr 1fr;gap:10px;display:grid}.lobbies .boards .panel{border-color:var(--mode);grid-row:span 2;grid-template-rows:subgrid;align-content:start;width:auto;min-width:0;padding:10px;display:grid}.lobbies .boards .panel:last-child:nth-child(odd){grid-column:1/-1}.lobbies h2.section-title{width:var(--menu-w);color:#e8f1ff;border-bottom:2px solid #e8f1ff40;margin:10px 0 -4px;padding-bottom:6px;font-size:15px}.lobbies .boards h2{color:var(--mode);font-size:11px;line-height:1.5}.lobbies .boards ol.winners{font-size:10px}.lobbies .boards ol.winners li{gap:6px}.lobbies .boards ol.winners li span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobbies .boards ol.winners li span:last-child{flex:none}.lobbies .boards ol.winners li:first-child{color:var(--mode)}.lobbies .boards ol.winners li.tbc{color:#8d93a3}.lobbies .boards ol.winners li.tbc span:first-child:before{content:none}.lobbies .custom-lobbies{display:contents}.lobbies .custom-lobbies[hidden]{display:none}.lobbies ol.winners{counter-reset:place;margin:0;padding:0;font-size:9px;list-style:none}.lobbies ol.winners li{counter-increment:place;justify-content:space-between;gap:10px;padding:3px 0;display:flex}.lobbies ol.winners li span:first-child:before{content:counter(place) ". ";color:#8d93a3}.lobbies ol.winners li:first-child{color:#ffed4d}.lobbies .panel[hidden]{display:none}.settings .leave{color:#8d93a3;border:none;align-self:center;font-size:9px;text-decoration:underline}.settings.account{z-index:50;background:#04050adb}.settings.account .card{text-align:center;gap:12px;max-height:100%;overflow-y:auto}.settings.account p{margin:0}.settings.account .big{color:#3fd0ff;text-shadow:0 0 8px #3fd0ff;word-break:break-all;font-size:16px}.settings.account .big.small{font-size:11px}.settings.account .hint{color:#8d93a3;font-size:8px}.settings.account .err{color:#ff5a7a;min-height:1.6em;font-size:9px}.settings.account input.code{letter-spacing:6px;text-align:center;font-size:18px}.settings.account .stack{flex-direction:column;gap:10px;display:flex}.settings.account .row{justify-content:center;gap:10px;display:flex}.settings.account .row button{flex:1}.settings.account .choice{border-color:#3fd0ff;padding:12px}.settings.account.first-run{background:#04050ab8}@media (pointer:coarse){.settings.account.first-run{background:linear-gradient(#04050a4d,#04050ad9);place-items:end center}}.settings.account .choice.primary{color:#04050a;background:#3fd0ff;box-shadow:0 0 14px #3fd0ff99}.settings.account .check{cursor:pointer;border:2px dashed #3a3f55;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex}.settings.account .check input{accent-color:#3fd0ff;cursor:pointer;width:24px;height:24px;margin:0;padding:0}.settings.account .check:has(input:checked){color:#3fd0ff;border-color:#3fd0ff}.settings.account button:disabled{opacity:.35;cursor:not-allowed}.settings.account .hint .link{font-size:inherit;padding:0 0 0 4px}.settings.account .field span{color:#3fd0ff;word-break:break-all}.settings.account input{color:#e8f1ff;text-align:center;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#04050a;border:2px solid #6c4dff;border-radius:0;padding:10px;font:14px "Press Start 2P",ui-monospace,monospace}.settings.account input:focus{border-color:#3fd0ff;outline:none}.settings.account .code-box{color:#3fd0ff;-webkit-user-select:text;user-select:text;border:2px dashed #3fd0ff;padding:12px 6px;font-size:11px}.settings.account .link{color:#8d93a3;border:none;font-size:9px;text-decoration:underline}.settings.account .danger{color:#ff5a7a;border-color:#ff5a7a}.settings.account .danger:disabled{opacity:.35;cursor:not-allowed}.settings.account .advanced-toggle{color:#8d93a3;border-style:dashed;border-color:#3a3f55}.settings.account .advanced-toggle[aria-expanded=true]{color:#e8f1ff}.settings.account .advanced{flex-direction:column;gap:12px;display:flex}.settings.account .advanced[hidden]{display:none}.settings.account strong{color:#3fd0ff}.settings.account .signins{flex-direction:column;align-items:stretch;gap:10px;display:flex}.settings.account .google-slot{justify-content:center;align-items:center;height:44px;display:flex;position:relative}.settings.account .google-slot:before{content:"";box-sizing:border-box;background:#131314;border:1px solid #3c4043;border-radius:20px;width:min(400px,100%);height:40px;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings.account .google-slot>*{opacity:0;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings.account .google-slot.ready:before{opacity:0}.settings.account .google-slot.ready>*{opacity:1}.settings.account button.brand{text-transform:none;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 16px;font:500 15px/1 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.settings.account button.brand.google{color:#e3e3e3;background:#131314;border:1px solid #8e918f}.settings.account button.brand.apple{color:#fff;background:#000;border:1px solid #fff}.settings.account button.brand.soon{cursor:default}.settings.account button.brand.soon>svg,.settings.account button.brand.soon>span{opacity:.45}.settings.account button.brand em{color:#3fd0ff;border:1px solid #3fd0ff;padding:3px 4px;font:7px/1.4 "Press Start 2P",ui-monospace,monospace}.settings.account .legal a{color:#8d93a3}.lobbies .account-name{width:var(--menu-w);color:#8d93a3;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.lobbies .account-name strong{color:#e8f1ff;word-break:break-all;font-size:15px;font-weight:400}.lobbies .account-name button{min-width:0;padding:8px 10px}.lobbies .account-name .me{align-items:center;gap:10px;min-width:0;display:flex}.lobbies .account-name .me>span:first-child{flex:none;display:flex}.lobbies .account-name .me>span:last-child{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.lobby li .avatar{filter:drop-shadow(0 0 3px var(--c));flex:none}.settings.customise h3{color:#8d93a3;margin:0;font-size:9px;font-weight:400}.settings.customise .me-preview{align-items:center;gap:12px;display:flex}.settings.customise .me-preview>span{filter:drop-shadow(0 0 6px var(--me));flex:none;display:flex}.settings.customise .me-preview strong{min-width:0;color:var(--me);word-break:break-all;flex:1;font-size:12px;font-weight:400}.settings.customise .me-preview button{min-width:0}.settings.customise .pick{gap:6px;display:grid}.settings.customise .avatars{grid-template-columns:repeat(6,1fr)}.settings.customise .colours{grid-template-columns:repeat(7,1fr)}.settings.customise .pick button{aspect-ratio:1;border:2px solid #6c4dff80;justify-content:center;align-items:center;min-width:0;padding:0;display:flex}.settings.customise .pick button.on{border-color:#e8f1ff;box-shadow:0 0 8px #e8f1ff99}.settings.customise .colours button:not(.auto){background:var(--c);background-clip:content-box;padding:4px}.settings.customise .flags{grid-template-columns:repeat(7,1fr)}.settings.customise .flags button:not(.none){aspect-ratio:3/2;background-position:50%;background-size:cover;align-self:center}.settings.customise .flags .none{aspect-ratio:3/2;align-self:center;font-size:6px}.settings.customise .colours .auto{color:#04050a;text-shadow:0 0 2px #e8f1ff;background:conic-gradient(#3fd0ff,#ffed4d,#ff4d9d,#738fff,#26ffa8,#3fd0ff) padding-box content-box;padding:4px;font-size:6px}.settings.customise .hint{min-height:3.2em;margin:0}.settings.customise{place-items:start center;overflow-y:auto}.settings.customise h3 span{color:#5d6273;margin-top:4px;font-size:6px;display:block}.settings.customise h3.premium{color:#e8f1ff;border-top:1px dashed #6c4dff99;margin-top:6px;padding-top:14px}.settings.customise h3.premium span{color:#ffc23d}.settings.customise .preview-slot{z-index:1;background:#04050a;padding:4px 0;position:sticky;top:-20px}.settings.customise .look-preview{aspect-ratio:220/90;border:1px solid #6c4dff80;width:100%;display:block}.settings.customise .styles{grid-template-columns:repeat(4,1fr)}.settings.customise .styles.ball{grid-template-columns:repeat(6,1fr)}.settings.customise .styles button{aspect-ratio:auto;flex-direction:column;gap:4px;padding:6px 2px}.settings.customise .styles button i{background:50%/cover no-repeat;width:28px;height:28px;display:block}.settings.customise .styles.trail button,.settings.customise .styles.burst button,.settings.customise .styles.victory button{justify-content:center;min-height:40px}.settings.customise .styles small{word-break:break-all;font-size:6px;line-height:1.2}.settings.customise .styles.ball small{font-size:5px}.practice{z-index:21;border-top:2px solid var(--mode);box-shadow:0 0 14px var(--mode);touch-action:none;background:#04050a;position:fixed;bottom:0;left:0;right:0}.practice[hidden]{display:none}.practice canvas{touch-action:none;width:100%;height:100%;display:block}.practice-label{color:var(--mode);text-align:center;pointer-events:none;margin:0;font:9px/1 "Press Start 2P",ui-monospace,monospace;position:absolute;top:7px;left:0;right:0}.practice-count{display:none}.practice.counting{box-shadow:none;pointer-events:none;background:0 0;border-top-color:#0000}.practice.counting canvas,.practice.counting .practice-label{visibility:hidden}.practice.counting .practice-count{color:#e8f1ff;text-shadow:0 0 18px var(--mode), 0 0 4px var(--mode);justify-content:center;align-items:center;font:min(150px,30vw)/1 "Press Start 2P",ui-monospace,monospace;display:flex;position:absolute;inset:0}.practice-count span{animation:.9s ease-out both practice-pop}.practice-count span.go{color:var(--mode);font-size:.8em}@keyframes practice-pop{0%{opacity:0;transform:scale(1.8)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.35;transform:scale(.9)}}body.practising .lobbies.join.standing{padding-bottom:calc(var(--practice-h,0px) + 10px)}button.how-to-win,.lobby button.how-to-win{width:var(--menu-w,min(440px, 100%));max-width:100%;color:var(--mode);border:2px solid var(--mode);box-shadow:0 0 12px var(--mode);text-shadow:0 0 8px var(--mode);cursor:pointer;background:0 0;margin:4px 0;padding:14px 8px;font:min(12px,min(100vw - 24px,440px)/25 - .96px)/1.4 "Press Start 2P",ui-monospace,monospace}.practice-lock{display:none}.practice.locked canvas{opacity:.25}.practice.locked .practice-lock{color:#e8f1ff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:9px/1.6 "Press Start 2P",ui-monospace,monospace;display:flex;position:absolute;inset:26px 16px 0}.practice-lock p{margin:0}.practice.locked.counting .practice-lock{display:none}.how-to-win-modal{z-index:40;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));touch-action:manipulation;background:#04050acc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.how-to-win-modal[hidden]{display:none}.how-card{box-sizing:border-box;border:2px solid var(--mode);width:min(400px,100%);max-height:100%;box-shadow:0 0 18px var(--mode);color:#e8f1ff;text-align:left;background:#04050a;padding:22px 18px 16px;font:10px/1.7 "Press Start 2P",ui-monospace,monospace;position:relative;overflow-y:auto}.how-card h2{color:#8d93a3;margin:0 36px 14px 0;font-size:11px;font-weight:400;line-height:1.6}.how-card h2 span{color:var(--mode);text-shadow:0 0 10px var(--mode);font-size:min(18px,min(100vw - 32px,400px)/14 - 5.71429px);display:block}.how-card h3{color:var(--mode);margin:14px 0 6px;font-size:10px;font-weight:400}.how-card ul{margin:0;padding:0;list-style:none}.how-card li{padding:0 0 6px 16px;position:relative}.how-card li:before{content:"";background:var(--mode);width:6px;height:6px;position:absolute;top:5px;left:0}.how-card button{font:inherit;color:#e8f1ff;cursor:pointer;background:0 0}.how-card .how-close{border:2px solid #8d93a3;width:36px;height:36px;padding:0;font-size:12px;position:absolute;top:10px;right:10px}.how-card .primary{border:2px solid var(--mode);width:100%;box-shadow:0 0 12px var(--mode);margin:14px 0 0;padding:14px;display:block}.how-starts{color:#8d93a3;text-align:center;margin:10px 0 0;font-size:9px}.how-starts strong{color:var(--mode)}body.winning-strike .endless-card{display:none!important}.lobbies .wallet{width:var(--menu-w);color:#ffc23d;text-shadow:0 0 8px #ffc23d80;justify-content:flex-start;align-items:center;gap:6px;font-size:12px;display:flex}.lobbies .wallet strong{font-weight:400}.lobbies .wallet .coin{filter:drop-shadow(0 0 4px #ffc23db3)}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lobbies .account-name .progress{flex-direction:column;gap:4px;width:100%;min-width:150px;display:flex}.level-line{color:#8d93a3;justify-content:space-between;gap:8px;font-size:8px;display:flex}.level-line strong{font-size:inherit!important;color:#ffc23d!important}.xp-bar{background:#ffc23d14;border:1px solid #ffc23d99;width:100%;height:6px;display:block}.xp-bar>span{height:100%;width:var(--to);animation:1.2s ease-out .3s both xp-fill;animation-delay:calc(.3s - var(--since,0s));background:#ffc23d;display:block;box-shadow:0 0 6px #ffc23dcc}@keyframes xp-fill{0%{width:var(--from)}to{width:var(--to)}}.coin{vertical-align:-2px}.endless-card .reward{box-sizing:border-box;border:1px dashed #ffc23d99;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex}.endless-card .reward .xp-head{color:#8d93a3;justify-content:center;align-items:baseline;gap:10px;font-size:9px;display:flex}.endless-card .reward .xp-head strong{color:#ffc23d;text-shadow:0 0 8px #ffc23d99;font-size:12px}.endless-card .reward .xp-head .up{color:#4dff88;text-shadow:0 0 8px #4dff8899;animation:.6s ease-out 1.4s both level-up;animation-delay:calc(1.4s - var(--since,0s))}@keyframes level-up{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}.endless-card .reward .coins-line{color:#ffc23d;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:7px;display:flex}.endless-card .reward .unlocks{justify-content:center;align-items:center;gap:4px;margin-top:2px;display:flex}.endless-card .reward .unlocks .arrow{border:5px solid #0000;border-left:7px solid #8d93a3;border-right:none;flex:none;width:0;height:0}.endless-card .reward figure{border:1px solid #e8f1ff59;flex-direction:column;flex:0 30%;align-items:center;gap:3px;min-width:0;margin:0;padding:5px 2px;display:flex}.endless-card .reward figure img{width:40px;height:40px}.endless-card .reward figcaption{flex-direction:column;gap:2px;font-size:6px;line-height:1.3;display:flex}.endless-card .reward figcaption strong{color:#e8f1ff;word-break:break-all;font-size:7px}.endless-card .reward figcaption small,.endless-card .reward figcaption em{color:#8d93a3;font-style:normal}.endless-card .reward figure.had{border-color:#3fd0ff99}.endless-card .reward figure.new{animation:1.6s ease-in-out 1.6s infinite unlocked;animation-delay:calc(1.6s - var(--since,0s));border:2px solid #4dff88;box-shadow:0 0 14px #4dff88b3,inset 0 0 10px #4dff8840}.endless-card .reward figure.new em{color:#4dff88}@keyframes unlocked{50%{box-shadow:0 0 22px #4dff88f2,inset 0 0 14px #4dff8866}}.endless-card .reward figure.next{opacity:.45;border-style:dashed}.endless-card .reward figure.next img{filter:grayscale(.7)}.endless-card .reward .all{color:#8d93a3;font-size:7px}.settings.customise .styles button{position:relative}.settings.customise .styles button.locked i,.settings.customise .styles button.locked small{opacity:.4}.settings.customise .styles button.locked{border-style:dashed}.settings.customise .styles button.trying{border-color:#ffc23d;box-shadow:0 0 8px #ffc23d99}.settings.customise .styles .lock{color:#ffc23d;align-items:center;gap:1px;font:5px/1 "Press Start 2P",ui-monospace,monospace;display:flex;position:absolute;top:2px;right:2px}.settings.customise .styles .lock:empty{display:none}.settings.customise h3 .wallet{float:right;color:#ffc23d;font-style:normal}.settings.customise .style-hint{color:#8d93a3;justify-content:space-between;align-items:center;gap:8px;height:28px;min-height:0;margin:6px 0 0;font-size:7px;display:flex}.settings.customise .style-hint.err{color:#ff5c5c}.settings.customise .style-hint>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.settings.customise .style-hint .buy{color:#ffc23d;border-color:#ffc23d;flex:none;min-width:0;padding:6px 10px}.settings.customise .style-hint .buy:disabled{color:#3a3f4d;box-shadow:none;cursor:default;border-color:#3a3f4d}.intro{z-index:60;pointer-events:auto;--flare:0;transition:opacity .2s ease-out;position:fixed;inset:0;overflow:hidden}.intro.out{opacity:0;pointer-events:none}.intro .veil{background:#04050a;position:absolute;inset:0}.intro .piece{color:#e8f1ff;white-space:pre;will-change:transform, opacity;text-shadow:0 0 calc(10px + 14px * var(--flare)) #3fd0ff, 0 0 2px #3fd0ff;position:absolute;top:0;left:0}.intro .piece.ex{color:#ffd6f6;text-shadow:0 0 12px #ff4fd8,0 0 2px #ff4fd8}.mode-transition{z-index:60;touch-action:none;position:fixed;inset:0;overflow:hidden}.mode-transition .veil{background:#04050a;position:absolute;inset:0}.mode-transition .word{white-space:pre;color:var(--mode,#3fd0ff);will-change:transform, opacity;--glow:0;text-shadow:0 0 calc(6px + 14px * var(--glow)) var(--mode,#3fd0ff), 0 0 2px var(--mode,#3fd0ff);position:absolute;top:0;left:0}.mode-transition .word .ch{white-space:pre;display:inline-block}.mode-transition .infinity{filter:drop-shadow(0 0 8px var(--mode)) drop-shadow(0 0 2px var(--mode));position:absolute;top:0;left:0;overflow:visible}.mode-transition .infinity path{fill:none;stroke:var(--mode);stroke-width:9px;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:1px}.mode-transition .flash{opacity:0;background:radial-gradient(circle, #fff 0%, var(--mode) 35%, transparent 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:0;left:0}.lobbies.pre>.rise,.lobbies.pre>.logo-row>.rise{opacity:0}.lobbies.cascade>.rise,.lobbies.cascade>.logo-row>.rise{animation:.22s ease-out both menu-rise;animation-delay:calc(var(--i,0) * 30ms)}@keyframes menu-rise{0%{opacity:0;transform:translateY(8px)}}.lobbies .logo-row>h1[data-text]{position:relative}.lobbies.settled .logo-row>h1[data-text]:after{content:attr(data-text);white-space:nowrap;pointer-events:none;color:#0000;text-shadow:none;background:linear-gradient(105deg,#0000 42%,#fff 50%,#0000 58%) 110% 0/250% 100% no-repeat;filter:drop-shadow(0 0 3px #fff)drop-shadow(0 0 8px #fff)drop-shadow(0 0 16px #3fd0ff);-webkit-background-clip:text;background-clip:text;animation:8s linear 1.5s infinite logo-shimmer;position:absolute;inset:0}@keyframes logo-shimmer{0%{background-position:110% 0}7.5%,to{background-position:-10% 0}}.tap-glow{animation:.2s ease-out tap-glow}@keyframes tap-glow{0%{filter:brightness(1.8) drop-shadow(0 0 6px var(--mode,#6c4dff))}}.coin.hop{animation:.6s ease-out coin-hop}@keyframes coin-hop{35%{transform:translateY(-6px)}65%{transform:translateY(0)}82%{transform:translateY(-2px)}}ul.seats li.arrived{animation:.4s ease-out both seat-flash;animation-delay:var(--late,0s)}ul.seats li.arrived .who{animation:seat-type .3s steps(var(--n,8), end) both;animation-delay:var(--late,0s)}@keyframes seat-flash{0%{background:color-mix(in srgb, var(--c) 50%, transparent)}}@keyframes seat-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.settings:not(.first-run){animation:.2s ease-out panel-fade}.settings:not(.first-run) .card{animation:.2s ease-out panel-up}@keyframes panel-fade{0%{background-color:#0000}}@keyframes panel-up{0%{opacity:0;transform:translateY(32px)}}@media (prefers-reduced-motion:reduce){.lobbies.cascade>.rise,.lobbies.cascade>.logo-row>.rise,.lobbies.settled .logo-row>h1[data-text]:after,.tap-glow,.coin.hop,ul.seats li.arrived,ul.seats li.arrived .who,.settings,.settings .card{animation:none}}.settings.account.coin-shop{z-index:55}.settings.coin-shop .card{text-align:center;border-color:#ffc23d;box-shadow:0 0 18px #ffc23d66}.settings.coin-shop h2{color:#ffc23d}.settings.coin-shop p{margin:0}.settings.coin-shop .short{color:#8d93a3;font-size:8px}.settings.coin-shop .bundles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.settings.coin-shop .bundle{color:#ffc23d;opacity:.4;cursor:default;border-color:#ffc23d;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px;display:flex}.settings.coin-shop .bundle .amount{align-items:center;gap:4px;font-size:11px;display:flex}.settings.coin-shop .bundle .price{color:#e8f1ff}.settings.coin-shop .bundle .save{color:#26ffa8;min-height:1.6em;font-size:6px}.settings.coin-shop .bundle em{color:#e8f1ff;font-size:6px;font-style:normal}.lobbies button.tasks-strip{width:var(--menu-w);min-width:0;font-size:var(--mode-live);white-space:nowrap;background:#000;border:2px dashed #ffc23d;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;line-height:1.4;display:flex;box-shadow:0 0 10px #ffc23d59}.tasks-strip .set{align-items:center;gap:4px;display:flex}.tasks-strip .label{color:#ffc23d;margin-right:4px}.tasks-strip .set.all .label{color:#4dff88}.tasks-strip .pip{border:1px solid #ffc23d;width:8px;height:8px}.tasks-strip .pip.on{background:#ffc23d;box-shadow:0 0 5px #ffc23de6}.tasks-strip .set.all .pip{background:#4dff88;border-color:#4dff88;box-shadow:0 0 5px #4dff88e6}.tasks-strip .when{color:#8d93a3;text-overflow:ellipsis;overflow:hidden}.lobbies a.endless{position:relative}.lobbies a.endless .task-tag{color:#04050a;background:#ffc23d;padding:3px 5px;font:7px/1 "Press Start 2P",ui-monospace,monospace;position:absolute;top:-8px;right:12px;box-shadow:0 0 8px #ffc23dcc}.lobbies a.endless .task-tag[hidden]{display:none}.settings.tasks .card{gap:12px;width:min(380px,100%)}.settings.tasks .tabs button{flex:1}.settings.tasks .tabs small{color:#ffc23d;font-size:7px}.settings.tasks .task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.settings.tasks .task{--mode:#8d93a3;box-sizing:border-box;border:1px solid #262a36;border-left:4px solid var(--mode);background:#000;grid-template-columns:1fr auto;grid-template-areas:"text chip""bar bar""count go";align-items:center;gap:6px 8px;min-height:76px;padding:8px 10px;display:grid}.settings.tasks .mode-standing{--mode:#ffb020}.settings.tasks .mode-shrink{--mode:#ff4fd8}.settings.tasks .mode-smashageddon{--mode:#a6ff2e}.settings.tasks .mode-teams{--mode:#738fff}.settings.tasks .mode-endless{--mode:#3fd0ff}.settings.tasks .task .text{text-align:left;grid-area:text;font-size:8px;line-height:1.6}.settings.tasks .task .reward-chip{color:#ffc23d;grid-area:chip;font-size:7px}.settings.tasks .task .bar,.task-ticks .bar{border:1px solid var(--mode,#ffc23d);background:#ffffff0a;grid-area:bar;height:6px;display:block}.settings.tasks .task .bar>span,.task-ticks .bar>span{background:var(--mode,#ffc23d);height:100%;display:block}.settings.tasks .task .count{color:#8d93a3;grid-area:count;font-size:7px}.settings.tasks .task button{border-color:var(--mode);grid-area:go;min-width:0;padding:5px 12px;font-size:8px}.settings.tasks .task .tick{color:#4dff88;grid-area:go;justify-self:end;font-size:12px}.settings.tasks .task.done{border-color:#1f4a2d #1f4a2d #1f4a2d #4dff88}.settings.tasks .task.done .bar{border-color:#4dff88}.settings.tasks .task.done .bar>span{background:#4dff88}.settings.tasks .task.done .count{color:#4dff88}.settings.tasks .task-bonus{color:#ffc23d;border:1px dashed #ffc23d99;justify-content:space-between;gap:8px;margin:0;padding:8px 10px;font-size:8px;display:flex}.settings.tasks .task-bonus.paid{color:#4dff88;border-color:#4dff88}.settings.tasks .task-reset{text-align:center;color:#8d93a3;margin:2px 0 0;font-size:7px}.settings.tasks .task-reset strong{color:#e8f1ff;font-weight:400}.endless-card .reward .task-ticks{text-align:left;flex-direction:column;gap:5px;margin:0;padding:0;font-size:7px;list-style:none;display:flex}.endless-card .reward .task-ticks li{color:#e8f1ff;background:0 0;border:none;grid-template-columns:1fr auto;grid-template-areas:"text count""bar bar";gap:3px 8px;padding:0;display:grid}.task-ticks .text{grid-area:text}.task-ticks .text em{color:#ffc23d;font-style:normal}.task-ticks .count{color:#8d93a3;grid-area:count}.task-ticks li.done .count{color:#4dff88}.task-ticks .bar{--mode:#ffc23d;height:4px}.task-ticks li.done .bar{--mode:#4dff88}.task-ticks .bar>span{width:var(--to);animation:1.2s ease-out .6s both xp-fill;animation-delay:calc(.6s - var(--since,0s))}.task-ticks li.more{color:#8d93a3;display:block}.settings.tasks-done .card{text-align:center;border-color:#ffc23d;align-items:center;box-shadow:0 0 22px #ffc23d8c}.settings.tasks-done h2{color:#ffc23d;text-shadow:0 0 10px #ffc23dcc}.settings.tasks-done p{margin:0}.settings.tasks-done .big{color:#ffc23d;font-size:16px}.settings.tasks-done .coin-drop{animation:.9s cubic-bezier(.3,1.4,.5,1) .2s both coin-drop}@keyframes coin-drop{0%{opacity:0;transform:translateY(-80px)rotateY(0)}to{opacity:1;transform:translateY(0)rotateY(720deg)}}@media (prefers-reduced-motion:reduce){.settings.tasks-done .coin-drop,.task-ticks .bar>span{animation:none}}.endless-card .reward .task-ticks li span:first-child{color:#e8f1ff;width:auto}.lobbies .visibility{box-sizing:border-box;width:var(--menu-w);border:2px solid #e8f1ff;display:flex}.lobbies .visibility button{color:#8d93a3;min-width:0;box-shadow:none;background:#000;border:0;flex:1;padding:10px 6px;font-size:12px}.lobbies .visibility button.on{color:#04050a;background:#e8f1ff}.lobbies.private-on .visibility button.on{background:#c9a8ff}.lobbies.private-on .visibility{border-color:#c9a8ff;box-shadow:0 0 12px #c9a8ff80}.lobbies a.endless .top{align-items:baseline;font-size:clamp(10px,min(100vw - 24px,440px)/26 - 1.07692px,15px)}.lobbies a.endless .top .vis{color:#e8f1ff;white-space:nowrap;margin-right:.7em;font-size:.7em;font-style:normal}.lobbies.private-on a.endless:not(.mode-endless) .top .vis{color:#c9a8ff}.lobbies a.endless .top>span:first-of-type{flex:1;min-width:0}.private-join{width:var(--menu-w)}.private-join[hidden],.private-join .err:empty{display:none}form.private-code{gap:8px;width:100%;display:flex}form.private-code input{letter-spacing:.4em;text-align:center;text-transform:uppercase;flex:1;min-width:0;font-size:18px}form.private-code button{padding:0 16px}.host-options,.practice-cancel,.practice.hosting canvas,.practice.hosting .practice-lock{display:none}.practice.hosting .host-options{padding:0 16px max(12px, env(safe-area-inset-bottom));color:#e8f1ff;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:11px/1.4 "Press Start 2P",ui-monospace,monospace;display:flex;position:absolute;inset:26px 0 0}.host-options .host-row{justify-content:space-between;align-items:center;width:min(320px,100%);display:flex}.host-options .stepper,.host-options .seg{align-items:center;gap:6px;display:flex}.host-options .stepper output{text-align:center;min-width:3ch;font-size:14px}.host-options button{min-width:48px;font:inherit;color:#e8f1ff;border:2px solid var(--mode);background:#000;padding:10px 12px}.host-options .seg button.on{color:#04050a;background:var(--mode)}.host-options button:disabled{opacity:.35}.host-options button.start{color:#04050a;background:var(--mode);width:min(320px,100%);box-shadow:0 0 14px var(--mode);padding:14px;font-size:16px}.host-options button.start:disabled{color:#8d93a3;box-shadow:none;background:#000}.host-options .host-hint{color:#b4bac8;margin:0;font-size:8px}.practice.can-cancel .practice-cancel{left:50%;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;color:#e8f1ff;background:#000;border:2px solid #e8f1ff;padding:12px 28px;font:12px/1 "Press Start 2P",ui-monospace,monospace;display:block;position:absolute;transform:translate(-50%)}.lobbies.standing h1 .vis{letter-spacing:.1em;color:#e8f1ff;margin-bottom:3px;font-size:8px;font-style:normal;display:block}.lobbies.private-lobby h1 .vis{color:#c9a8ff}.lobbies.private-lobby .private-share{width:var(--menu-w);box-sizing:border-box;background:#000;border:2px dashed #c9a8ff;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.lobbies.private-lobby .private-share .code{letter-spacing:.2em;color:#c9a8ff;margin-left:6px;font-size:20px}.lobbies.private-lobby .private-share button{color:#04050a;background:#c9a8ff;border-color:#c9a8ff;width:auto;min-width:0;padding:10px 14px;font-size:11px}.lobbies.private-lobby .room{white-space:nowrap;font-size:min(14px,min(100vw - 24px,440px)/33)}.lobbies.private-lobby .share-note{color:#b4bac8;word-break:break-all;min-height:1.4em;font-size:8px}.lobbies.standing ul.seats li.open .who,.lobbies.standing ul.seats li.closed .who{color:#5d6373}.lobbies.standing ul.seats li.closed{opacity:.45}.reward .private-xp{color:#c9a8ff;margin:0;font-size:8px;line-height:1.5}.reward .private-xp.capped{color:#ffc23d}.host-options button.close-lobby{color:#ff5c5c;border-color:#ff5c5c;padding:8px 14px;font-size:9px}.host-options button.close-lobby.really{width:min(320px,100%);padding:14px;font-size:14px}.host-options .host-confirm{text-align:center;margin:0;font-size:13px;line-height:1.6}.host-options .host-confirm small{color:#b4bac8;font-size:8px}.endless-card a.own-lobby{box-sizing:border-box;color:#e8f1ff;text-align:center;border:2px solid #3fd0ff;width:100%;padding:14px;text-decoration:none;display:block;box-shadow:0 0 14px #3fd0ff99}.lobbies .logo-row{width:var(--menu-w);align-items:center;gap:10px;display:flex}.lobbies .logo-row h1{text-align:center;white-space:nowrap;flex:1;min-width:0}.lobbies .friends-btn{color:#e8f1ff;width:44px;min-width:0;height:44px;box-shadow:none;background:#04050a;border:2px solid #6c4dff;flex:none;place-items:center;margin-top:2px;padding:0;display:grid;position:relative}.lobbies .friends-btn.has-requests{border-color:#ffc23d;box-shadow:0 0 10px #ffc23d99}.friends-btn .badge{box-sizing:border-box;color:#04050a;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 3px;font:8px/1 "Press Start 2P",ui-monospace,monospace;display:grid;position:absolute;right:-8px}.friends-btn .badge[hidden]{display:none}.friends-btn .badge.req{background:#ffc23d;top:-8px;box-shadow:0 0 8px #ffc23de6}.friends-btn .badge.on{background:#4dff88;bottom:-8px;box-shadow:0 0 8px #4dff88cc}.settings.friends .card{box-sizing:border-box;width:min(380px,100%);max-height:100%}.settings.friends .friend-add{gap:8px;display:flex}.settings.friends .friend-add input{flex:1;min-width:0;font-size:11px}.settings.friends .friend-add button{border-color:#3fd0ff;flex:none;width:92px;min-width:0;padding:8px 4px}.settings.friends .friend-msg{color:#8d93a3;min-height:16px;font-size:7px}.settings.friends .friend-msg.ok{color:#4dff88}.settings.friends .friend-msg.err{color:#ffc23d}.settings.friends .guest-nudge{text-align:left;border:2px dashed #3fd0ff;align-items:center;gap:10px;padding:8px 10px;font-size:7px;display:flex}.settings.friends .guest-nudge[hidden]{display:none}.settings.friends .guest-nudge p{color:#3fd0ff;flex:1}.settings.friends .guest-nudge button{border-color:#3fd0ff;min-width:0}.settings.friends .friend-lists{text-align:left;flex-direction:column;gap:8px;display:flex}.settings.friends h3,.settings.friends summary{color:#8d93a3;margin:4px 0 0;font-size:9px;font-weight:400}.settings.friends summary{cursor:pointer}.settings.friends h3 em,.settings.friends summary em{color:#e8f1ff;font-style:normal}.settings.friends .requests-title,.settings.friends .requests-title em{color:#ffc23d}.settings.friends .online-count{float:right;color:#4dff88}.settings.friends ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.settings.friends details ul{margin-top:6px}.settings.friends .friend{background:#000;border:1px solid #262a36;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.settings.friends .friend.request{border-color:#ffc23d}.settings.friends .friend.online{border-left:4px solid #4dff88}.settings.friends .friend .row{text-align:left;border:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.settings.friends .who{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.settings.friends .who svg{flex:none}.settings.friends .who .text{flex-direction:column;gap:4px;min-width:0;display:flex}.settings.friends .who strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:400;overflow:hidden}.settings.friends .who small{color:#8d93a3;font-size:7px}.settings.friends .who small.menu{color:#4dff88}.settings.friends .who small.game{color:var(--mode,#4dff88)}.settings.friends .who small.mode-standing{--mode:#ffb020}.settings.friends .who small.mode-shrink{--mode:#ff4fd8}.settings.friends .who small.mode-smashageddon{--mode:#a6ff2e}.settings.friends .who small.mode-teams{--mode:#738fff}.settings.friends .who small.mode-endless{--mode:#3fd0ff}.settings.friends .lvl{color:#ffc23d;font-size:7px}.settings.friends .acts{gap:6px;display:flex}.settings.friends .acts button{min-width:0;padding:6px;font-size:7px}.settings.friends .acts .yes{color:#4dff88;border-color:#4dff88}.lobby .invite-friends{color:#4dff88;border-color:#4dff88;margin:0 auto 10px;font-size:9px;display:block}.settings.friends.invite .invite-btn{color:#4dff88;border-color:#4dff88;flex:none;min-width:84px;padding:8px;font-size:8px}.settings.friends.invite .invite-btn:disabled{color:#8d93a3;border-color:#3a3f55}.settings.friend-invite .invite-from{justify-content:center;margin:4px 0 10px;display:flex}.settings.friend-invite strong.mode-standing{color:#ffb020}.settings.friend-invite strong.mode-shrink{color:#ff4fd8}.settings.friend-invite strong.mode-smashageddon{color:#a6ff2e}.settings.friend-invite strong.mode-teams{color:#738fff}.settings.friend-invite [data-action=join]{color:#4dff88;border-color:#4dff88}.settings.friend-invite [data-action=join]:disabled{color:#8d93a3;border-color:#3a3f55}.settings.friend-invite .invite-ends{color:#8d93a3;min-height:1em;font-size:8px}.friend-toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;color:#fff;opacity:0;background:#05060c;border:2px solid #4dff88;max-width:calc(100vw - 32px);padding:10px 14px;font:8px/1.6 "Press Start 2P",ui-monospace,monospace;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,24px);box-shadow:0 0 14px #4dff8859}.friend-toast.in{opacity:1;transform:translate(-50%)}.friend-toast.on strong{color:#4dff88}.friend-toast.req{border-color:#ffc23d;box-shadow:0 0 14px #ffc23d59}.friend-toast.req strong{color:#ffc23d}.settings.friends .join{min-width:0;color:var(--mode,#4dff88);border-color:var(--mode,#4dff88);flex:none;padding:8px 10px;font-size:8px}.settings.friends .join.mode-standing{--mode:#ffb020}.settings.friends .join.mode-shrink{--mode:#ff4fd8}.settings.friends .join.mode-smashageddon{--mode:#a6ff2e}.settings.friends .join.mode-teams{--mode:#738fff}.settings.friends .join.mode-endless{--mode:#3fd0ff}.settings.friends .remove{flex-basis:100%;font-size:8px}.settings.friends .empty{color:#8d93a3;text-align:center;padding:8px 0;font-size:7px}.settings.friends .friend-preview{box-sizing:border-box;text-align:left;border:2px dashed #3a3f55;align-items:center;gap:8px;height:52px;padding:0 10px;display:flex}.settings.friends .friend-preview.matched{border-style:solid;border-color:#3fd0ff}.settings.friends .friend-preview .hint,.settings.friends .friend-preview small{color:#5a6075}.settings.friends .friend-preview.matched small{color:#8d93a3}.settings.friends .friend-preview .tag{color:#8d93a3;flex:none;font-size:7px}.settings.friends .friend-preview .tag.rel-received{color:#ffc23d}.settings.friends .friend-preview .tag.rel-friend{color:#4dff88}.settings.friends .friend-add button:disabled{opacity:.35}.settings.friends .friend-share{align-items:center;gap:8px;display:flex}.settings.friends .friend-share .share{border-color:#3fd0ff;flex:1}.settings.friends .friend-share .link{color:#8d93a3;border:none;flex:none;min-width:0;padding:8px 4px;font-size:7px;text-decoration:underline}