@font-face{font-family:Kenney Future;src:url(/assets/ui/fonts/kenney-future.ttf)format("truetype");font-display:swap}@font-face{font-family:Kenney Future Narrow;src:url(/assets/ui/fonts/kenney-future-narrow.ttf)format("truetype");font-display:swap}@font-face{font-family:Kenney Pixel;src:url(/assets/ui/fonts/kenney-pixel.ttf)format("truetype");font-display:swap}@font-face{font-family:Kenney Future;src:local(Arial Black),local(Arial-Black),local(Verdana Bold),local(Verdana-Bold),local(DejaVu Sans Bold),local(DejaVuSans-Bold);unicode-range:U+58,U+78;size-adjust:78%}@font-face{font-family:Kenney Future Narrow;src:local(Arial Black),local(Arial-Black),local(Verdana Bold),local(Verdana-Bold),local(DejaVu Sans Bold),local(DejaVuSans-Bold);unicode-range:U+58,U+78;size-adjust:78%}:root{--navy:#181c30e6;--navy-solid:#181c30;--navy-light:#252b48;--edge:#ffffff1f;--yellow:#ffc044;--green:#61cb8b;--red:#cf534f;--blue:#6794d9;--pink:#f378f0;--text:#fff;--muted:#a0a8c9;--radius:14px;--side-panel-width:min(660px, max(54vw, 330px));--shadow:0 12px 32px #06081461, 0 2px 6px #06081440;--font-display:"Kenney Future", system-ui, sans-serif;--font-narrow:"Kenney Future Narrow", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font:15px/1.4 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#9fd3ff;margin:0;overflow:hidden}#app,#app canvas{touch-action:none;display:block;position:fixed;inset:0}button{font:inherit;color:inherit}.panel{background:var(--navy);border:2px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow)}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em}.narrow{font-family:var(--font-narrow);text-transform:uppercase}.btn{--btn-bg:var(--navy-light);--btn-fg:var(--text);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:15px;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 -4px #00000038,0 3px 8px #0003}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #00000038,0 1px 3px #0003}.btn:disabled{cursor:default;opacity:.6}.btn:focus-visible{outline-offset:2px;outline:3px solid #ffffffb3}.btn-primary{--btn-bg:var(--yellow);--btn-fg:#2a2140}.btn-success{--btn-bg:var(--green);--btn-fg:#10291b}.btn-danger{--btn-bg:var(--red)}.btn-info{--btn-bg:var(--blue)}.btn-ghost{--btn-bg:#ffffff0f;box-shadow:inset 0 0 0 2px var(--edge)}.btn-big{border-radius:16px;min-height:58px;padding:14px 34px;font-size:22px}.icon{width:1.2em;height:1.2em;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.currency{vertical-align:-.25em;flex:none;width:1.25em;height:1.25em;display:inline-block}.currency svg{width:100%;height:100%;display:block}.keycap{min-width:30px;height:30px;color:var(--navy-solid);font-family:var(--font-display);text-transform:uppercase;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 7px;font-size:14px;display:inline-flex;box-shadow:inset 0 -3px #c5cae0}.keycap.small{border-radius:6px;min-width:24px;height:24px;font-size:11px;box-shadow:inset 0 -2px #c5cae0}#title{z-index:40;background:radial-gradient(at 50% 120%,#ffc04459,#0000 55%),linear-gradient(#4a9be8 0%,#8fc8f5 55%,#cfe9ff 100%);flex-direction:column;justify-content:center;align-items:center;gap:34px;transition:opacity .6s,background 1.2s;display:flex;position:fixed;inset:0}#title.city-ready{background:radial-gradient(at 50% 55%,#10142800 35%,#10142873 100%)}#title.leaving{opacity:0;pointer-events:none}.title-cloud{opacity:.8;filter:blur(.5px);background:#ffffffd9;border-radius:40px;height:46px;transition:opacity 1s;animation:linear infinite drift;position:absolute}.title-cloud:before,.title-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.title-cloud:before{width:56%;height:150%;top:-60%;left:14%}.title-cloud:after{width:36%;height:120%;top:-40%;right:12%}#title.city-ready .title-cloud{opacity:0}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}.logo{text-align:center;filter:drop-shadow(0 8px #181c308c)drop-shadow(0 14px 24px #00000040);line-height:.95;position:relative}.logo-line{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;font-size:clamp(44px,8.4vw,104px);display:block}.logo-line.tagline{letter-spacing:.06em;color:#fff;-webkit-text-stroke:6px var(--navy-solid);paint-order:stroke fill;margin-top:14px;font-size:clamp(18px,2.7vw,34px)}.logo-letter{-webkit-text-stroke:5px var(--navy-solid);paint-order:stroke fill;animation:2.6s ease-in-out infinite bob;display:inline-block}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-8px) rotate(calc(var(--tilt,0deg) * -1))}}.title-card{text-align:center;flex-direction:column;gap:14px;width:min(440px,92vw);padding:26px 28px 24px;display:flex}.title-card h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:22px;font-weight:400}.title-card p{color:var(--muted);margin:0}.name-input{border:2px solid var(--edge);width:100%;height:54px;color:var(--navy-solid);font-family:var(--font-display);text-transform:uppercase;text-align:center;-webkit-user-select:text;user-select:text;background:#fffffff2;border-radius:12px;outline:none;padding:0 18px;font-size:20px;transition:border-color .15s,box-shadow .15s}.name-input:focus{border-color:var(--yellow);box-shadow:0 0 0 4px #ffc04459}.name-input.invalid{border-color:var(--red);box-shadow:0 0 0 4px #cf534f4d}.form-error{color:#ff9b97;min-height:20px;font-size:14px}.link-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:14px;text-decoration:underline}.link-button:hover{color:var(--text)}.progress{background:#ffffff1a;border-radius:8px;height:14px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress>div{background:linear-gradient(90deg, var(--yellow), #ffd77f);border-radius:8px;width:0%;height:100%;transition:width .25s}.progress-label{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.title-footer{color:#ffffffd9;text-shadow:0 1px 3px #0006;font-size:13px;position:absolute;bottom:18px}#hud{z-index:10;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}#hud.hidden{opacity:0;visibility:hidden}#hud .interactive{pointer-events:auto}.wallet{gap:10px;display:flex;position:absolute;top:16px;right:16px}.wallet-chip{height:46px;font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:9px;padding:0 16px 0 9px;font-size:20px;display:flex}.wallet-chip .currency{width:30px;height:30px}.wallet-chip.bump{animation:.45s bump}@keyframes bump{30%{transform:scale(1.12)}}.wallet-delta{font-family:var(--font-display);text-transform:uppercase;color:var(--green);text-shadow:0 2px #00000059;font-size:18px;animation:1.4s forwards rise;position:absolute;top:54px}.wallet-delta.negative{color:#ff9b97}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1}to{opacity:0;transform:translateY(18px)}}.hud-buttons{gap:8px;display:flex;position:absolute;top:72px;right:16px}.hud-buttons.with-home{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 248px)}.hud-button{height:38px;font-family:var(--font-narrow);text-transform:uppercase;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:14px;transition:transform .12s;display:flex}.hud-button:hover{transform:translateY(-2px)}.hud-button.hidden{display:none}.hud-button.hud-home,.hud-button.hud-build{box-shadow:inset 0 0 0 2px #9ccc3dbf}@media (width<=880px){.hud-button{padding:0 8px 0 6px}.hud-button .hud-label{display:none}}@media (width<=560px){.hud-buttons,.hud-buttons.with-home{flex-flow:column;align-items:flex-end;max-width:none}}.minimap{border:3px solid #ffffffd9;border-radius:50%;width:200px;height:200px;padding:0;position:absolute;top:16px;left:16px;overflow:hidden}.minimap canvas{width:100%;height:100%;display:block}.minimap-label{text-align:center;width:200px;font-family:var(--font-narrow);text-transform:uppercase;color:#fff;text-shadow:0 1px 3px #0009;font-size:13px;position:absolute;top:222px;left:16px}.stats{white-space:pre;border-radius:10px;padding:8px 12px;font:12px/1.5 ui-monospace,Consolas,monospace;position:absolute;bottom:16px;left:16px}.help{width:340px;padding:12px 16px;transition:opacity .35s,transform .35s;position:absolute;bottom:16px;left:16px}.help.hidden{opacity:0;transform:translateY(12px)}.help h3{font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:15px;font-weight:400;display:flex}.help h3 span{font-family:var(--font-narrow);text-transform:uppercase;color:var(--muted);font-size:12px}.help-row{align-items:center;gap:10px;padding:2px 0;font-size:13.5px;display:flex}.help-keys{gap:4px;min-width:112px;display:flex}.help-section{border-top:1px solid var(--edge);margin-top:8px;padding-top:8px}.help.compact{width:auto}.help.compact h3{gap:14px;margin:0}.help.compact .help-columns{display:none}@media (height<=880px) and (width>=720px){.help{width:600px}.help-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:16px;display:grid}.help-column.help-section{border-top:0;border-left:1px solid var(--edge);margin-top:0;padding-top:0;padding-left:16px}.help-keys{min-width:96px}.help-column.help-section .help-keys{min-width:40px}.help.compact{width:auto}}.prompt{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:16px;transition:opacity .15s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.prompt:after{content:"";background:var(--navy-solid);border-right:2px solid var(--edge);border-bottom:2px solid var(--edge);width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.prompt.hidden{opacity:0}.prompt.pop{animation:.25s pop}@keyframes pop{0%{scale:.7}70%{scale:1.06}}.sail-hud{max-width:calc(100vw - 32px);padding:10px 16px;transition:opacity .25s,transform .25s;position:absolute;bottom:18px;left:50%;translate:-50%}.sail-hud.hidden{opacity:0;pointer-events:none;transform:translateY(14px)}.sail-top{align-items:center;gap:10px;display:flex}.sail-badge{background:#35c2d4;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.sail-badge .icon{width:22px;height:22px}.sail-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);text-transform:uppercase;flex:1;font-size:16px;overflow:hidden}.sail-speed{font-family:var(--font-display);align-items:baseline;gap:5px;display:flex}.sail-speed-value{text-align:right;min-width:2ch;color:var(--yellow);font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.sail-unit{font-family:var(--font-narrow);text-transform:uppercase;color:var(--muted);font-size:12px}.sail-anchor{color:#ffffff47;border-radius:50%;place-items:center;width:30px;height:30px;transition:color .15s,background .15s;display:grid}.sail-anchor .icon{width:18px;height:18px}.sail-anchor.on{color:var(--navy-solid);background:var(--yellow)}.sail-bar{background:#ffffff1f;border-radius:3px;height:6px;margin:9px 0 8px;overflow:hidden}.sail-bar-fill{background:linear-gradient(90deg,#35c2d4,#4cb4e6);border-radius:3px;width:0;height:100%;transition:width .12s linear;display:block}.sail-keys{font-family:var(--font-narrow);text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:16px;font-size:11.5px;display:flex}.sail-keys>span{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.skate-hud .sail-badge{background:#f08a3c}.skate-hud .sail-bar-fill{background:linear-gradient(90deg,#f08a3c,#ffc044)}.skate-pop{--pop:0;width:34px;height:34px;font-family:var(--font-narrow);letter-spacing:.04em;color:#ffffff59;background:radial-gradient(closest-side, var(--navy-solid) 72%, transparent 74%), conic-gradient(var(--yellow) calc(var(--pop) * 360deg), #ffffff1f 0);border-radius:50%;place-items:center;font-size:10px;transition:color .12s;display:grid}.skate-pop.on{color:var(--yellow)}.skate-pop.full{color:var(--navy-solid);background:var(--yellow)}.toasts{top:max(16px, calc(var(--live-banner-bottom,0px) + 10px));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (width<=2140px){.toasts{top:max(124px, calc(var(--live-banner-bottom,0px) + 10px))}}body.modal-open .toasts{top:auto;bottom:var(--toast-bottom,16px);flex-direction:column-reverse}body.modal-open:not(.side-panel-open) .toasts{align-items:flex-end;left:auto;right:16px;transform:none}body.modal-open:not(.side-panel-open) .toast{min-width:0;max-width:min(clamp(340px,50vw - 532px,440px),100vw - 32px)}@media (width>=701px){body.side-panel-open .toasts{left:calc((100vw - var(--side-panel-width) - 20px) / 2)}body.side-panel-open .toast{min-width:0;max-width:min(520px, calc(100vw - var(--side-panel-width) - 52px))}}.toast{--accent:var(--blue);border-left:6px solid var(--accent);pointer-events:none;align-items:center;gap:12px;min-width:280px;max-width:min(520px,92vw);padding:12px 16px 12px 12px;animation:.35s cubic-bezier(.2,1.4,.4,1) toast-in;display:flex}.toast.leaving{animation:.3s forwards toast-out}.toast.success{--accent:var(--green)}.toast.error{--accent:var(--red)}.toast.reward{--accent:var(--yellow)}.toast.unlock{--accent:var(--pink)}.toast-badge{background:var(--accent);width:40px;height:40px;color:var(--navy-solid);border-radius:12px;flex:none;place-items:center;display:grid}.toast-badge .icon{width:24px;height:24px}.toast-thumb{object-fit:contain;background:radial-gradient(circle at 50% 40%,#ffffff40,#ffffff0a);border-radius:12px;flex:none;width:64px;height:64px}.toast-body{flex:1}.toast-title{font-family:var(--font-display);text-transform:uppercase;font-size:15px}.toast-text{color:var(--muted);font-size:13.5px}.toast .btn{pointer-events:auto;min-height:36px;padding:6px 14px;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(-12px)scale(.96)}}.net-chip{max-width:360px;font-family:var(--font-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:12px;animation:.3s toast-in;display:flex;position:absolute;top:246px;left:16px}.net-chip.hidden{display:none}.net-chip .icon{width:16px;height:16px;color:var(--yellow)}.net-chip-button{white-space:nowrap;--btn-bg:var(--blue);border-radius:999px;min-height:26px;padding:3px 10px;font-size:11px}.net-chip-button[hidden]{display:none}.net-chip:has(.net-chip-button[hidden]){padding-right:14px}.banner{top:max(16px, calc(var(--live-banner-bottom,0px) + 8px));z-index:70;border-color:#cf534f99;align-items:center;gap:14px;padding:10px 12px 10px 16px;animation:.35s toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%)}.banner .icon{color:var(--red);width:22px;height:22px}.banner .btn{min-height:36px;padding:6px 14px;font-size:13px}#fade{z-index:50;background:var(--navy-solid);opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}.fade-label{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);font-size:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0c1a80;place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal-backdrop.leaving{animation:.18s forwards fade-out}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.modal{background:#181c30f5;flex-direction:column;width:min(1000px,94vw);max-height:min(820px,90vh);animation:.28s cubic-bezier(.2,1.3,.4,1) modal-in;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.97)}}.modal-header{border-bottom:2px solid var(--edge);align-items:center;gap:14px;padding:18px 18px 14px 20px;display:flex}.modal-badge{background:var(--accent,var(--blue));width:52px;height:52px;color:var(--navy-solid);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 -4px #0000002e}.modal-badge .icon{width:30px;height:30px}.modal-titles{flex:1}.modal-title{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:26px;font-weight:400}.modal-subtitle{color:var(--muted);font-size:14px}.modal-wallet{gap:8px;display:flex}.modal-wallet .wallet-chip{background:#ffffff0f;border-radius:12px;height:40px;font-size:17px}.modal-close{width:44px;height:44px;min-height:0;padding:0}.modal-close .icon{width:18px;height:18px}.modal-tabs{gap:8px;padding:12px 20px 0;display:flex}.tab{height:38px;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;color:var(--muted);background:#ffffff0f;border:0;border-radius:10px;padding:0 16px;font-size:14px}.tab.active{background:var(--blue);color:#fff}.modal-body{-webkit-user-select:none;user-select:none;padding:18px 20px 22px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:5px}.modal-footer{color:var(--muted);border-top:2px solid var(--edge);justify-content:space-between;align-items:center;padding:10px 20px 14px;font-size:13px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px;display:grid}.empty{text-align:center;color:var(--muted);padding:40px}.card{border-radius:var(--radius);background:#ffffff0b;border:2px solid #ffffff14;flex-direction:column;gap:8px;padding:10px 10px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative}.card:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-3px)}.card.equipped{border-color:var(--green);background:#61cb8b14}.card.flash{animation:.7s flash}@keyframes flash{30%{background:#61cb8b4d;transform:scale(1.03)}}.card.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.card-thumb{background:radial-gradient(circle at 50% 42%,#ffffff38,#ffffff05 70%);border-radius:10px;place-items:center;height:132px;display:grid;overflow:hidden}.card-thumb img{object-fit:contain;width:128px;height:128px;transition:transform .2s}.card:hover .card-thumb img{transform:scale(1.07)rotate(-2deg)}.card.locked .card-thumb img{filter:grayscale()brightness(.55)}.card-lock{background:var(--red);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:16px;left:16px}.card-lock .icon{width:16px;height:16px}.card-tag{font-family:var(--font-narrow);text-transform:uppercase;background:#181c30d9;border-radius:8px;padding:3px 8px;font-size:11px;position:absolute;top:16px;right:16px}.card-tag.equipped{background:var(--green);color:#10291b}.card-name{font-family:var(--font-display);text-transform:uppercase;font-size:15px}.card-meta{min-height:22px;font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:6px;font-size:15px;display:flex}.card-meta.short{color:#ff9b97}.card-meta .narrow{color:var(--muted);font-size:13px}.card-hint{color:#ffb3b0;align-items:center;gap:6px;min-height:22px;font-size:13px;display:flex}.card-hint.tip{color:var(--muted)}.card .btn{width:100%;min-height:40px;font-size:14px}.card .btn.confirm{animation:.9s infinite pulse}@keyframes pulse{50%{filter:brightness(1.15);transform:scale(1.02)}}.game-root{z-index:20;pointer-events:none;display:none;position:fixed;inset:0}.game-root.active{display:block}:where(.game-root)>*{pointer-events:auto}.modal-backdrop.side{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#0a0c1a00 35%,#0a0c1a80 100%);place-items:center end;padding-right:20px}.modal-backdrop.side .modal{width:var(--side-panel-width);max-height:94vh}.modal-backdrop.side .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-backdrop.side .modal-tabs{flex-wrap:wrap}@media (width<=760px){.modal-header{flex-wrap:wrap}.modal-header .modal-wallet{flex-basis:100%;order:1}.modal-title{font-size:21px}.prize-footer{flex-wrap:wrap}.prize-footer .ticket-meter{flex-basis:100%}}.modal-tabs{flex-wrap:wrap}.modal-tabs .tab{white-space:nowrap;align-items:center;gap:6px;padding:0 13px;display:inline-flex}.modal-tabs .tab .icon{width:16px;height:16px}.btn .icon{width:18px;height:18px}.tag-swatch{max-width:92%;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border:3px solid #fff;border-radius:14px;padding:7px 16px;font-size:17px;overflow:hidden;box-shadow:0 4px 10px #0000004d}.tag-plain{background:#181c30d9;border-color:#ffffff40}.tag-mint{background:var(--green);color:var(--navy-solid)}.tag-pink{background:var(--pink);color:var(--navy-solid)}.tag-sky{background:var(--blue);-webkit-text-stroke:4px var(--navy-solid);paint-order:stroke fill}.tag-gold{background:var(--yellow);color:var(--navy-solid);border-color:#fff4d6}.tag-rainbow{-webkit-text-stroke:4px var(--navy-solid);paint-order:stroke fill;background:linear-gradient(90deg,#cf534f,#ffc044,#61cb8b,#6794d9,#f378f0,#cf534f) 0 0/200% 100%;animation:3s linear infinite rainbow-slide}@keyframes rainbow-slide{to{background-position:-200% 0}}.prize-footer{align-items:flex-end;gap:18px}.prize-keys{white-space:nowrap}.ticket-meter{flex:1;min-width:0}.tm-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tm-title{font-family:var(--font-display);text-transform:uppercase;color:var(--text);align-items:center;gap:6px;font-size:14px;display:inline-flex}.tm-count{font-family:var(--font-display);text-transform:uppercase;color:var(--pink);font-size:14px}.tm-bar{background:#ffffff0f;border-radius:7px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.tm-zone{position:absolute;top:0;bottom:0}.tm-zone.full{background:#f378f024;left:0}.tm-zone.half{background:repeating-linear-gradient(135deg,#ffc04421 0 6px,#ffc0440d 6px 12px)}.tm-fill{background:linear-gradient(90deg,#f378f0,#ff9df9);border-radius:7px;width:0;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.tm-fill.half{background:linear-gradient(90deg,#f378f0 0 50%,#ffc044)}.tm-fill.empty{background:linear-gradient(90deg,#f378f0,#ffc044 50%,#cf534f)}.tm-mark{background:#ffffffb3;width:2px;position:absolute;top:-2px;bottom:-2px}.tm-text{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.35}.emote-wheel{z-index:25;background:radial-gradient(circle,#0a0c1a59,#0a0c1a00 60%);transition:opacity .12s;position:fixed;inset:0}.emote-wheel.hidden{opacity:0;visibility:hidden}.emote-ring{position:absolute;top:50%;left:50%}.emote-entry{cursor:pointer;border-radius:50%;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:104px;height:104px;padding:6px 4px 4px;transition:transform .12s,border-color .12s,background .12s;display:flex;position:absolute;transform:translate(-50%,-50%)}.emote-entry img{object-fit:contain;pointer-events:none;width:64px;height:64px}.emote-entry .emote-name{font-family:var(--font-narrow);text-transform:uppercase;white-space:nowrap;font-size:11px}.emote-entry .keycap{position:absolute;top:-6px;right:2px}.emote-entry.active{border-color:var(--yellow);background:#3c341ef2;transform:translate(-50%,-50%)scale(1.14)}.emote-center{aspect-ratio:1;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;padding:12px 10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emote-label{font-family:var(--font-display);text-transform:uppercase;font-size:15px}.emote-hint{color:var(--muted);margin-top:4px;font-size:12px}.hud-button.muted{color:#ffb3b0}.compact-modal .modal{width:min(780px,94vw)}.report-modal .modal{width:min(560px,94vw)}.profile-modal .muted,.report-modal .muted{color:var(--muted)}.profile-badges{gap:8px;display:flex}.member-badge{background:linear-gradient(135deg, #ffd77f, var(--yellow) 55%, #f6a33a);height:34px;color:var(--navy-solid);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:14px;display:inline-flex;box-shadow:inset 0 -3px #00000026,0 3px 10px #ffc04459}.member-badge .icon{width:16px;height:16px}.profile-grid{grid-template-columns:250px 1fr;align-items:start;gap:22px;display:grid}.profile-look{border-radius:var(--radius);background:#ffffff0b;border:2px solid #ffffff14;flex-direction:column;align-items:center;gap:12px;padding:14px 12px 16px;display:flex}.profile-avatar{background:radial-gradient(circle at 50% 42%,#ffffff3d,#6794d91f 62%,#fff0 72%);border-radius:50%;place-items:center;width:196px;height:196px;display:grid}.profile-avatar img{object-fit:contain;width:184px;height:184px}.profile-avatar>.icon{width:72px;height:72px;color:var(--muted)}.profile-look .tag-swatch{max-width:100%;font-size:16px}.profile-worn{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.profile-chip{background:#ffffff12;border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 3px;display:inline-flex}.profile-chip img{object-fit:contain;width:32px;height:32px}.profile-chip-name{font-family:var(--font-narrow);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-facts{flex-direction:column;gap:10px;min-width:0;display:flex}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.profile-stat{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.profile-stat-value{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;font-size:17px}.profile-stat-label,.profile-record-game{font-family:var(--font-narrow);text-transform:uppercase;color:var(--muted);font-size:12px}.profile-heading{font-family:var(--font-display);text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:6px 0 0;font-size:14px;font-weight:400;display:flex}.profile-heading .icon{width:16px;height:16px}.profile-rides{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.profile-ride{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:6px 12px 6px 6px;display:flex}.profile-ride-thumb{background:radial-gradient(circle at 50% 45%,#fff3,#ffffff05 70%);border-radius:10px;flex:none;place-items:center;width:64px;height:56px;display:grid}.profile-ride-thumb img{object-fit:contain;width:60px;height:52px}.profile-ride-thumb .icon{width:26px;height:26px;color:var(--muted)}.profile-ride-name{font-family:var(--font-display);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.profile-ride.empty .profile-ride-name{color:var(--muted)}.profile-records{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.profile-record{background:#ffffff0d;border-radius:12px;grid-template-columns:64px 1fr auto auto;align-items:center;gap:12px;padding:5px 10px 5px 5px;display:grid}.profile-record-thumb{object-fit:cover;background:#ffffff0f;border-radius:8px;width:64px;height:40px}.profile-record-name{flex-direction:column;min-width:0;display:flex}.profile-record-level{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.profile-record-value{font-family:var(--font-display);font-size:15px}.profile-record-rank{background:var(--yellow);color:var(--navy-solid);font-family:var(--font-display);border-radius:8px;padding:3px 9px;font-size:13px}.profile-empty{color:var(--muted);background:#ffffff0a;border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.profile-notice{background:#6794d924;border:2px solid #6794d973;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex}.profile-notice-icon .icon{width:28px;height:28px;color:var(--blue)}.profile-notice-text{color:var(--muted);flex-direction:column;flex:1;gap:3px;font-size:14px;display:flex}.profile-notice-text strong{font-family:var(--font-display);text-transform:uppercase;color:var(--text);font-size:14px;font-weight:400}.profile-notice .btn,.title-notice-button{min-height:38px;padding:6px 14px;font-size:13px}.profile-rename{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:14px}.profile-rename-label{font-family:var(--font-display);text-transform:uppercase;margin-bottom:8px;font-size:14px;display:block}.profile-rename-row{gap:10px;display:flex}.name-input.profile-rename-input{text-align:left;flex:1;min-width:0;height:46px;font-size:18px}.profile-rename .form-error{margin-top:6px}.profile-rename-hint{color:var(--muted);font-size:13px}.profile-failed{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:34px 20px;display:flex}.profile-failed>.icon{width:40px;height:40px;color:var(--yellow)}.profile-failed p{margin:0;font-size:16px}.profile-footer{gap:12px}.profile-actions,.report-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-actions .btn,.report-actions .btn{min-height:40px;padding:8px 16px;font-size:14px}.profile-note{color:var(--muted);font-size:13px}.profile-keys{white-space:nowrap}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/300% 100%;border-radius:12px;animation:1.2s linear infinite skeleton}.profile-look.skeleton{min-height:300px}.profile-stats.skeleton{height:62px}.profile-rides.skeleton{height:68px}.profile-records.skeleton{height:52px}@keyframes skeleton{to{background-position:-150% 0}}@media (width<=700px){.profile-grid{grid-template-columns:1fr}.profile-notice{flex-wrap:wrap}}.report-reasons{border:0;gap:8px;margin:0;padding:0;display:grid}.report-legend{font-family:var(--font-display);text-transform:uppercase;margin-bottom:10px;padding:0;font-size:15px}.report-reason{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;transition:background .12s,border-color .12s;display:flex;position:relative}.report-reason:hover{background:#ffffff17}.report-reason:has(input:checked){border-color:var(--red);background:#cf534f24}.report-reason:has(input:focus-visible){outline-offset:2px;outline:3px solid #ffffffb3}.report-reason input{opacity:0;width:1px;height:1px;position:absolute}.report-radio{border:2px solid #ffffff80;border-radius:50%;flex:none;width:20px;height:20px}.report-reason input:checked+.report-radio{border-color:var(--red);background:radial-gradient(circle, var(--red) 0 42%, transparent 48%)}.report-note-label{font-family:var(--font-display);text-transform:uppercase;align-items:baseline;gap:6px;margin:18px 0 8px;font-size:14px;display:flex}.report-note-label .muted{font-family:var(--font-narrow);font-size:12px}.report-count{font-family:var(--font-narrow);color:var(--muted);margin-left:auto;font-size:12px}.report-count.full{color:#ff9b97}.report-note{border:2px solid var(--edge);width:100%;min-height:84px;color:var(--navy-solid);font:15px/1.4 var(--font-body);resize:vertical;-webkit-user-select:text;user-select:text;background:#fffffff2;border-radius:12px;outline:none;padding:10px 12px;display:block}.report-note:focus{border-color:var(--yellow);box-shadow:0 0 0 4px #ffc04459}.report-modal .form-error{margin-top:8px}@media (height<=800px){.report-reason{padding:8px 14px}.report-note{min-height:64px}.report-note-label{margin-top:12px}}.report-thanks{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 8px;display:flex}.report-thanks h3{font-family:var(--font-display);text-transform:uppercase;margin:4px 0 0;font-size:21px;font-weight:400}.report-thanks p{max-width:420px;margin:0}.report-thanks-badge{background:var(--green);color:#10291b;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 -4px #0000002e}.report-thanks-badge .icon{width:32px;height:32px}.title-invite{font-family:var(--font-narrow);text-transform:uppercase;letter-spacing:.03em;background:#f378f029;border:2px solid #f378f08c;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:5px 14px 5px 10px;font-size:13px;display:inline-flex}.title-invite .icon{width:18px;height:18px;color:var(--pink)}.title-notice{background:#6794d929;border:2px solid #6794d980;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.title-note{color:var(--muted);font-size:13px}.banned-screen{z-index:90;background:radial-gradient(circle at 50% 35%, #2a3156, var(--navy-solid) 70%);place-items:center;padding:20px;animation:.3s fade-in;display:grid;position:fixed;inset:0}.banned-card{text-align:center;outline:none;flex-direction:column;align-items:center;gap:12px;width:min(520px,92vw);padding:32px 30px 28px;display:flex}.banned-badge{background:var(--red);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:inset 0 -5px #0003}.banned-badge .icon{width:36px;height:36px}.banned-title{font-family:var(--font-display);text-transform:uppercase;margin:4px 0 0;font-size:26px;font-weight:400}.banned-reason{margin:0;font-size:17px}.banned-help{color:var(--muted);margin:10px 0 0;font-size:14px}.live-banner{z-index:45;border-left:6px solid var(--yellow);pointer-events:none;align-items:center;gap:10px;width:fit-content;max-width:560px;margin:0 auto;padding:7px 7px 7px 12px;display:flex;position:fixed;top:16px;left:16px;right:16px}.live-banner[hidden]{display:none}.live-banner.in{animation:.35s live-banner-in}@keyframes live-banner-in{0%{opacity:0;transform:translateY(-10px)}}.live-banner>.icon{width:22px;height:22px;color:var(--yellow);flex:none}.live-banner-text{min-width:0;font:600 14px/1.35 var(--font-body);color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.live-banner-close{width:32px;height:32px;color:var(--muted);cursor:pointer;pointer-events:auto;background:#ffffff14;border:0;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.live-banner-close:hover,.live-banner-close:focus-visible{color:var(--text);background:#ffffff2e}.live-banner-close .icon{width:14px;height:14px}@media (width<=1179px){.live-banner{top:118px;left:232px}:root:has(.hud-buttons.with-home) .live-banner{top:166px}}@media (width<=560px){.live-banner{width:auto;top:auto;bottom:16px;left:16px}.live-banner-text{font-size:13px}}:root:has(#title) .live-banner{width:fit-content;top:16px;bottom:auto;left:16px}body .player-list{top:max(132px, calc(var(--live-banner-bottom,0px) + 10px))}@media (width<=1335px){:root:has(.hud-buttons.with-home) body .player-list{top:max(172px, calc(var(--live-banner-bottom,0px) + 10px))}}.live-event{font-family:var(--font-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--yellow);border-color:#ffc044b3;border-radius:999px;align-items:center;gap:7px;padding:4px 14px 4px 5px;font-size:12px;animation:.3s toast-in;display:flex;position:absolute;top:310px;left:16px}.live-event[hidden]{display:none}.live-event .currency{width:22px;height:22px}@media (width<=560px){.live-event{top:352px}}#hud:has(.help:not(.hidden):not(.compact)) .live-event{visibility:hidden}.home-cabinet-game.closed .home-cabinet-tagline{color:var(--yellow)}.style-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.style-thumb{height:108px}.style-thumb img{width:100px;height:100px}.card.style-card.locked .card-thumb img{filter:saturate(.75)brightness(.8)}.style-card .card-name{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.style-effect{font-family:var(--font-narrow);letter-spacing:.02em;color:var(--navy-solid);background:#d6dbea;border-radius:7px;padding:2px 7px;font-size:11px}.style-effect.rainbow{background:linear-gradient(90deg,#ff8a8a,#ffd27a,#8ff0a0,#8fd0ff,#c9a8ff)}.style-effect.sparkle{background:#ffe9a6}.style-effect.metallic{background:linear-gradient(135deg,#f4f6fb,#aab3c5 55%,#e8ecf5)}.style-effect.two-tone{background:linear-gradient(90deg,#ffb38a,#ff9ac0)}.style-progress{font-family:var(--font-narrow);color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.style-progress-bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.style-progress-fill{background:var(--yellow);border-radius:4px;height:100%}.style-tabs .style-tab-count{font-family:var(--font-narrow);opacity:.75;font-size:12px}.style-section+.style-section{margin-top:22px}.style-section-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px;display:flex}.style-section-title{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:18px;font-weight:400}.style-section-games{color:var(--muted);font-size:13px}.style-section-using{color:#bdf0d0;background:#61cb8b24;border-radius:8px;margin-left:auto;padding:3px 10px;font-size:13px}.style-rows-section+.style-rows-section{margin-top:20px}.style-rows-title{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 8px;font-size:17px;font-weight:400;display:flex}.style-rows-title .icon{width:18px;height:18px}.style-row+.style-row{margin-top:14px}.style-row-head{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:8px;display:flex}.style-row-label{font-family:var(--font-display);text-transform:uppercase;font-size:15px}.style-row-games{color:var(--muted);font-size:12px}.style-row.busy{opacity:.7}.style-row-more{color:var(--muted);margin-top:6px;font-size:12px}.style-chips{flex-wrap:wrap;gap:10px;display:flex}.style-chip{color:#fff;width:94px;min-height:100px;font:inherit;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 7px;transition:transform .12s,border-color .12s,background .12s;display:flex;position:relative}.style-chip:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.style-chip:focus-visible{outline-offset:2px;outline:3px solid #ff5c8a}.style-chip:disabled{cursor:progress}.style-chip.picked{border-color:var(--green);background:#61cb8b1f}.style-chip-pic{background:radial-gradient(circle at 50% 42%,#fff3,#ffffff05 70%);border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.style-chip-pic img{width:60px;height:60px}.style-classic-pic{width:50px;height:50px;color:var(--muted);border:2px dashed #ffffff59;border-radius:50%;place-items:center;display:grid}.style-classic-pic .icon{width:24px;height:24px}.style-chip-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.15;display:-webkit-box;overflow:hidden}.style-chip-check{background:var(--green);width:20px;height:20px;color:var(--navy-solid);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.style-chip-check .icon{width:12px;height:12px}.modal.style-picker{width:min(620px,94vw)}.style-picker-error{color:#ff9b97;margin-bottom:10px;font-size:13px}.style-picker-error:empty{display:none}.style-picker-footer,.modal.style-shop .modal-footer{flex-wrap:wrap;gap:6px 14px}.style-picker-keys,.style-shop-keys{white-space:nowrap}@media (width<=520px){.style-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.style-thumb{height:92px}.style-thumb img{width:84px;height:84px}.style-chip{width:80px}.modal-tabs.style-tabs{scrollbar-width:thin;flex-wrap:nowrap;flex-shrink:0;padding-bottom:6px;overflow-x:auto}.modal-tabs.style-tabs .tab{flex:none}.style-section-using{margin-left:0}}.hud-missions{position:relative}.hud-missions-badge{background:var(--yellow);min-width:26px;color:var(--navy-solid);font-family:var(--font-narrow);text-align:center;border-radius:10px;padding:1px 6px;font-size:12px;line-height:18px;position:absolute;top:-7px;right:-7px;box-shadow:0 2px #00000040}.hud-missions-badge:empty{display:none}.hud-missions-badge.all-done{background:var(--green)}.missions-backdrop .modal{width:min(460px,94vw)}.missions-countdown{color:var(--muted);text-transform:uppercase;background:#ffffff0f;border-radius:12px;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 12px;font-size:12px;display:flex}.missions-countdown-time{font-family:var(--font-display);color:var(--text);text-transform:none;font-variant-numeric:tabular-nums;font-size:17px}.missions-list{flex-direction:column;gap:10px;display:flex}.mission-card{animation:.35s cubic-bezier(.2,1.3,.4,1) both mission-in;animation-delay:calc(var(--i,0) * 70ms);background:#ffffff0d;border:2px solid #ffffff0f;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}@keyframes mission-in{0%{opacity:0;transform:translate(16px)}}.mission-card.done{background:#61cb8b1f;border-color:#61cb8b73}.mission-check{width:40px;height:40px;font-family:var(--font-display);color:var(--muted);background:#ffffff14;border-radius:50%;place-items:center;font-size:18px;display:grid}.mission-card.done .mission-check{background:var(--green);color:var(--navy-solid)}.mission-check .icon{width:22px;height:22px}.mission-main{flex-direction:column;gap:5px;min-width:0;display:flex}.mission-name{font-size:15px;font-weight:600;line-height:1.25}.mission-card.done .mission-name{color:#d6f5e2}.mission-where{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.mission-where .icon{flex:none;width:13px;height:13px}.mission-bar{background:#ffffff1a;border-radius:4px;height:8px;position:relative;overflow:visible}.mission-bar-fill{background:var(--yellow);border-radius:4px;height:100%;transition:width .4s}.mission-card.done .mission-bar-fill{background:var(--green)}.mission-steps{color:var(--muted);font-size:11px;position:absolute;top:-17px;right:0}.mission-pay{min-width:46px;font-family:var(--font-display);color:var(--yellow);flex-direction:column;align-items:center;gap:2px;font-size:17px;display:flex}.mission-card.done .mission-pay{color:var(--green)}.mission-pay .currency{width:22px;height:22px}.mission-paid{text-transform:uppercase;font-size:11px}.missions-all-done{text-align:center;font-family:var(--font-display);text-transform:uppercase;color:var(--green);margin-top:4px;padding:10px}.missions-footer{gap:12px}.missions-meter{background:#ffffff14;border-radius:5px;flex:1;height:10px;overflow:hidden}.missions-meter-fill{background:linear-gradient(90deg, var(--yellow), #ffd96b);height:100%;transition:width .5s}.missions-today{color:var(--text);white-space:nowrap;align-items:center;gap:6px;display:flex}.missions-today .currency{width:18px;height:18px}.city-chip{font-family:var(--font-narrow);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 6px;font-size:12px;display:flex;position:absolute;top:246px;left:16px}.city-chip.hidden{display:none}.city-chip-open{min-height:28px;color:var(--text);font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:2px 8px 2px 4px;display:flex}.city-chip-open:hover,.city-chip-open:focus-visible{background:#ffffff14}.city-chip-open .icon{width:18px;height:18px;color:var(--pink)}.city-chip-name{color:var(--yellow)}.city-chip-count{color:var(--muted)}.city-chip .keycap.small{min-width:30px;font-size:10px}.city-chip-invite{--btn-bg:var(--blue);border-radius:999px;min-height:28px;padding:3px 12px;font-size:11px}.player-list{z-index:25;flex-direction:column;width:min(560px,100vw - 32px);max-height:min(640px,100vh - 170px);animation:.16s player-list-in;display:flex;position:fixed;top:132px;left:50%;transform:translate(-50%)}.player-list.hidden{display:none}body.player-list-open .toasts{flex-direction:column-reverse;top:auto;bottom:16px}@keyframes player-list-in{0%{opacity:0;transform:translate(-50%,-8px)}}.player-list-header{border-bottom:2px solid var(--edge);align-items:center;gap:12px;padding:14px 14px 12px 16px;display:flex}.player-list-badge{background:var(--pink);width:42px;height:42px;color:var(--navy-solid);border-radius:12px;flex:none;place-items:center;display:grid}.player-list-badge .icon{width:26px;height:26px}.player-list-titles{flex:1;min-width:0}.player-list-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:20px}.player-list-subtitle{color:var(--muted);font-size:13px}.player-list-header .btn{min-height:36px;padding:6px 14px;font-size:13px}.player-list-close,.player-list-place-action{width:36px;padding:0!important}.player-list-place-actions{gap:6px;display:flex}.player-list-place-actions:empty{display:none}.player-list-header .btn-report{--btn-fg:#ffb4b1}.player-list-rows{margin:0;padding:6px 8px;list-style:none;overflow-y:auto}.player-row{border-radius:10px;align-items:center;gap:12px;padding:8px 8px 8px 10px;display:flex}.player-row+.player-row{border-top:1px solid #ffffff0f}.player-row:hover{background:#ffffff0a}.player-row-who{flex:1;min-width:0}.player-row-name{font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.player-row-status{color:var(--muted);font-size:13px}.player-row-status.playing{color:var(--yellow)}.player-row.hidden-player .player-row-name,.player-row.hidden-player .player-row-status{opacity:.5}.player-row-actions{gap:6px;display:flex}.player-row-actions .btn{border-radius:10px;width:38px;min-height:38px;padding:0}.player-row-actions .btn .icon{width:20px;height:20px}.player-row-actions .btn.player-row-match{gap:6px;width:auto;min-height:38px;padding:0 12px 0 10px;font-size:13px}.player-row-actions .btn.player-row-match .icon{width:18px;height:18px}.player-row-actions .btn-report{--btn-fg:#ffb4b1}.player-list-empty{color:var(--muted);text-align:center;padding:22px 16px 26px}.player-list-footer{border-top:2px solid var(--edge);color:var(--muted);padding:10px 16px 12px;font-size:12px}.player-list-footer .keycap.small{vertical-align:middle;min-width:30px;margin:0 2px}