:root{color:#eaf6ef;font-synthesis:none;background:#14252e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #fff2b4}[hidden]{display:none!important}#battle{touch-action:none;width:100%;height:100%;position:fixed;inset:0}header{top:max(15px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;left:24px;right:24px}.brand{letter-spacing:.03em;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.brand-icon{color:#213941;text-align:center;background:#f2d78c;border-radius:10px;width:31px;font-size:24px;line-height:29px;box-shadow:0 3px #9e8154}.brand small{letter-spacing:.14em;opacity:.55;margin-left:8px;font-size:9px;font-weight:700}#alive{background:#10212abb;border:1px solid #a6cbb222;border-radius:12px;padding:6px 12px;font-size:25px;font-weight:900}#alive span{letter-spacing:.12em;vertical-align:middle;color:#aac7ba;font-size:10px}#hint{text-align:center;letter-spacing:.15em;color:#a7c9bf;pointer-events:none;font-size:9px;position:fixed;top:61px;left:0;right:0}#hint span{color:#ecd8a5;padding:0 8px}footer{bottom:max(12px,env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;left:20px;right:20px}.edge-key{letter-spacing:.07em;color:#9bbdb5;font-size:9px}.edge-key span{vertical-align:middle;margin-right:4px;font-size:20px}.edge-key .rail{color:#e8fff8}.edge-key .open{color:#ed998e;margin-left:14px}#battle-net{letter-spacing:.03em;color:#77968f;font-size:9px}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0c192779;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.panel{text-align:center;background:linear-gradient(155deg,#233f47,#19313c);border:1px solid #bce5d827;border-radius:26px;width:min(100%,400px);padding:34px;box-shadow:0 24px 85px #0005,inset 0 1px #fff1}.eyebrow{letter-spacing:.18em;color:#a3c4b9;font-size:9px;font-weight:800}h1{letter-spacing:-.06em;margin:20px 0 16px;font-size:38px;font-weight:900;line-height:1.06}h1 em{color:#f1d88d;font-style:normal}p{color:#b2cdc5;margin:14px 0 22px;font-size:13px;line-height:1.6}label{text-align:left;letter-spacing:.1em;color:#94b7ad;margin-bottom:7px;font-size:9px;font-weight:800;display:block}input{color:#eefbf5;-webkit-user-select:text;user-select:text;background:#112a34;border:1px solid #93c4b13b;border-radius:11px;outline:none;width:100%;padding:13px 15px}input::placeholder{color:#789d94}button{color:#23343a;letter-spacing:.05em;background:#f2d78c;border:0;border-radius:11px;width:100%;margin-top:12px;padding:14px 16px;font-size:13px;font-weight:900;transition:filter .12s,transform .12s;box-shadow:0 4px #9f854f}button:hover{filter:brightness(1.06)}button:active{transform:translateY(2px);box-shadow:0 2px #9f854f}button span{float:right;font-size:18px;line-height:17px}.panel>small{color:#86aaa0;margin-top:22px;font-size:10px;line-height:1.7;display:block}.compact{padding:30px}h2{letter-spacing:-.045em;margin:14px 0;font-size:28px}.progress{background:#0d2531;border-radius:10px;height:7px;margin-top:25px;overflow:hidden}.progress i{border-radius:inherit;background:#ecd69d;width:0;height:100%;transition:width .1s linear;display:block}#queue-time{font-variant-numeric:tabular-nums;color:#e8f6ec;margin:12px 0;font-size:16px;font-weight:800}.queue-bubble{color:#a5ead7;font-size:68px;line-height:90px;animation:1.1s ease-in-out infinite bob}#result-icon{color:#f5db94;margin-bottom:14px;font-size:50px;line-height:1.3}.secondary{box-shadow:none;color:#99b9b0;background:0 0;padding:10px;font-size:11px}.secondary:active{box-shadow:none}#toast{color:#ebf5e9;z-index:20;pointer-events:none;text-align:center;background:#122b36e8;border:1px solid #c5e8d938;border-radius:12px;max-width:90vw;padding:10px 18px;font-size:12px;position:fixed;bottom:65px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translateY(-8px)}}@media (width<=600px){header{left:16px;right:16px}.brand{font-size:14px}.brand small{display:none}#alive{font-size:21px}footer{flex-direction:column;gap:4px;left:12px;right:12px}.edge-key,#battle-net{font-size:8px}.panel{padding:28px}.panel h1{font-size:35px}#hint{font-size:8px;top:58px}}@media (prefers-reduced-motion:reduce){.queue-bubble{animation:none}button{transition:none}}header{top:max(10px,env(safe-area-inset-top));z-index:2;left:14px;right:14px}.brand{font-size:15px}.brand small{margin-left:4px;font-size:8px}.brand-icon{width:27px;font-size:20px;line-height:27px}#hint{font-size:8px;top:47px}footer{bottom:max(6px,env(safe-area-inset-bottom));left:12px;right:12px}.header-tools{pointer-events:auto;align-items:center;gap:10px;display:flex}#alive{padding:4px 10px;font-size:22px}button:disabled{cursor:default;filter:saturate(.25);opacity:.55;transform:none}.small-button{width:auto;box-shadow:none;margin:0;padding:9px 10px;font-size:10px}.header-tools .small-button{color:#e4ead9;background:#233e48;border:1px solid #acc7bb44}.slogan{color:#d6e6cd;font-size:14px}#watch-label{letter-spacing:.16em;color:#b4ded1;pointer-events:none;background:#142d35c9;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:800;position:fixed;top:50px;left:50%;transform:translate(-50%)}#live-actions{bottom:max(46px,env(safe-area-inset-bottom));z-index:3;align-items:center;gap:10px;max-width:95vw;display:flex;position:fixed;left:50%;transform:translate(-50%)}#live-actions button{white-space:nowrap;min-width:132px;margin:0}.outline-button{color:#d6e7d8;background:#19333eeb;border:1px solid #bcd5c344;font-size:11px;box-shadow:0 4px #0d2029}.overlay{overflow-y:auto}.panel{max-height:calc(100dvh - 40px);overflow-y:auto}.room-panel{width:min(100%,470px);padding:26px}.share-row{align-items:center;gap:6px;display:flex}.share-row input{min-width:0;padding:11px;font-size:11px}.share-row .small-button{color:#e0eada;background:#34515b;font-size:9px}#room-members{text-align:left;max-height:35dvh;margin:18px 0 10px;padding:0;list-style:none;overflow-y:auto}#room-members li{border-bottom:1px solid #b8d6c61a;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;font-size:13px;display:flex}#room-members li span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#room-members li span:last-child{letter-spacing:.07em;color:#92ada6;flex-shrink:0;font-size:8px}#room-members li span.is-ready{color:#b6f3c6}#room-message{margin:12px 0;font-size:11px}#room-countdown{color:#f7dda0;margin:12px 0;font-size:25px;font-weight:900}#entry .panel{width:min(100%,400px)}#entry h1{margin:17px 0;font-size:35px}#entry .secondary{margin-top:9px}#entry .panel>small{margin-top:14px}@media (width<=600px){header{left:12px;right:12px}.brand{gap:6px;font-size:12px}.brand-icon{width:24px;line-height:25px}.header-tools{gap:6px}#hint{top:46px}.room-panel{padding:22px 20px}#live-actions{flex-direction:column;gap:9px;width:min(280px,85vw);bottom:52px}#live-actions button{width:100%}footer{gap:1px}#alive{padding:5px 8px;font-size:19px}#room-members li{padding:9px 2px}}#intro-countdown{pointer-events:none;z-index:12;text-align:center;position:fixed;inset:64px 10px 50px}#intro-number{color:#fff3b7;text-shadow:0 3px #1a313a;background:#172c39d9;border:1px solid #ffe7a266;border-radius:20px;min-width:62px;padding:9px 14px;font:900 clamp(36px,6vh,58px)/1 system-ui;display:inline-block}#intro-hint{color:#fff0ad;letter-spacing:1px;background:#142c3aea;border-radius:18px;width:max-content;max-width:90vw;padding:8px 14px;font:800 11px system-ui;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}#match-time{font-variant-numeric:tabular-nums;color:#eef8e9;font:800 12px ui-monospace,monospace}#scores{z-index:70}.scores-panel{width:min(430px,92vw);max-height:90dvh;overflow:auto}#scores-day{opacity:.72;font-size:11px}#scores-list{margin:16px 0;padding:0;list-style:none}#scores-list li{text-align:left;border-bottom:1px solid #d3f3e222;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:grid}#scores-list li span:nth-child(2){overflow-wrap:anywhere}#scores-list strong,.race-result{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.race-result{color:#fff0b2;font-size:36px!important}.rank-result{color:#bbeacb;font-size:12px!important}#scores-status{font-size:12px;line-height:1.5}@media (width<=520px){#match-time{font-size:10px}.header-tools{gap:6px}#intro-number{font-size:38px}.brand{font-size:13px}}