@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink: #18213d;--ink-2: #232d52;--paper: #f8f5ef;--sun: #ffca58;--mint: #8ce3d0;--coral: #eb6650;--muted: #8e96a9;--accent: var(--sun);--surface: #ffffff12;--surface-strong: #ffffff24;--line: #ffffff26;--text-soft: #c8d0e3;font-family:Space Grotesk,system-ui,sans-serif;color:var(--paper);background:var(--ink);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--ink)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}.eyebrow{font:500 12px DM Mono,monospace;letter-spacing:.12em;color:var(--mint);margin:0 0 12px}.brand{font-weight:700;letter-spacing:-.08em;font-size:22px;text-decoration:none;color:inherit}.brand span{color:var(--coral)}.pill{font:500 10px DM Mono,monospace;letter-spacing:.12em;padding:7px 10px;border:1px solid #d7d4cd;border-radius:99px}.button{border:0;border-radius:12px;padding:13px 18px;font:600 16px Space Grotesk,sans-serif;text-decoration:none;color:var(--ink);background:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .1s,opacity .2s}.button:active:not(:disabled){transform:translateY(2px)}.button.primary{background:var(--sun)}.button.big{padding:17px 24px;font-size:18px;border-radius:14px}.button.small{padding:9px 14px;font-size:14px}.button.ghost{background:transparent;color:inherit;border:1px solid #ffffff33}.button.wide{width:100%}.button:disabled{opacity:.4}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions.center{justify-content:center}.error{font-size:15px;color:var(--coral);font-weight:600}.muted{color:var(--muted);font-size:15px;line-height:1.5}.center-text{text-align:center}.big-number{font-size:48px;font-weight:700;letter-spacing:-.05em;margin:0}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;background:var(--c);color:var(--ink);font-weight:700;line-height:1;box-shadow:inset 0 -3px #0002}.spinner{width:44px;height:44px;margin:auto;border-radius:50%;border:4px solid #ffffff22;border-top-color:var(--mint);animation:spin .8s linear infinite}.spinner.dark{border-color:#18213d22;border-top-color:var(--ink);margin:10px auto 18px}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:20px;animation:fade-in .25s both}.splash-icon{font-size:72px;line-height:1;margin-bottom:14px;animation:pop .4s both}.splash h2{font-size:clamp(36px,11vw,60px);letter-spacing:-.06em;line-height:.95;margin:0}.splash.good h2{color:#7ff0b0}.splash.bad h2{color:var(--coral)}.splash-body{font-size:18px;color:#c8d0e3;line-height:1.45}.splash-body p{margin:8px 0}.phone-page{min-height:100dvh;padding:24px 20px;background:linear-gradient(155deg,var(--ink),#292459)}.phone-card{max-width:470px;margin:8vh auto 0;padding:30px 26px;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 18px 50px #11152d80}.phone-card h1{font-size:48px;letter-spacing:-.07em;line-height:.9;margin:0 0 22px}.phone-card .eyebrow{color:#3da990}.phone-card label{font:500 13px DM Mono,monospace;display:block;margin:16px 0;color:#535f77}.phone-card input{display:block;width:100%;margin-top:7px;padding:15px;border:1px solid #c9cbd1;border-radius:12px;background:#fff;font:600 20px Space Grotesk,sans-serif;color:var(--ink)}.phone-card input:focus{outline:3px solid var(--mint);border-color:var(--ink)}.phone-card .error{color:#bd3044}.host{min-height:100vh;background:var(--paper);color:var(--ink);--surface: #ffffff;--surface-strong: #18213d10;--line: #dfddd6;--text-soft: #5d6780}.host .eyebrow{color:#3da990}.host-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px}.host-message h1{font-size:56px;letter-spacing:-.06em;margin:0}.host-message-note{max-width:420px;margin:0;color:#59627a;font-size:15px}.host-message .spinner{border-color:#18213d22;border-top-color:var(--ink);margin:0}.qr{background:#fff;border-radius:20px;padding:10px;line-height:0}.qr svg{width:min(22vw,34vh,260px);height:auto}.join-url{margin:14px 0 5vh;color:#c8d0e3;font-size:17px}.join-url b{color:var(--paper)}.room-code{display:flex;gap:8px}.room-code span{display:grid;place-items:center;width:min(4.6vw,76px);aspect-ratio:.8;border-radius:14px;background:var(--sun);color:var(--ink);font:700 min(3.6vw,56px) "Space Grotesk",sans-serif}.kick{margin-left:auto;flex:none;width:32px;height:32px;border:0;background:#18213d0a;color:#8e96a9;font-size:13px;border-radius:8px;transition:background .15s,color .15s}.kick:hover,.kick:focus-visible{background:#f3e1de;color:var(--coral)}.game-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.game-meta span{font:500 11px DM Mono,monospace;padding:4px 7px;border-radius:6px;background:#18213d0d}.stage{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 90% -10%,color-mix(in srgb,var(--accent),transparent 80%),transparent 40%),var(--ink);color:var(--paper);overflow:hidden}.stage-bar{display:flex;align-items:center;gap:20px;padding:16px max(2.5vw,18px)}.stage-title{font-weight:700;font-size:22px;letter-spacing:-.03em}.stage-right{margin-left:auto;display:flex;align-items:center;gap:20px}.stage-room{font:500 14px DM Mono,monospace;color:#c8d0e3}.stage-room b{color:var(--sun);letter-spacing:.1em}.stage-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:1vh max(2.5vw,18px) 2vh}.score-rail{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:12px max(2.5vw,18px) 16px;background:#0d1330}.rail-chip{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:99px;background:#ffffff0f;font-weight:600}.rail-chip.offline{opacity:.4}.rail-chip b{font-family:DM Mono,monospace;color:var(--sun)}.stage.full-bleed{--hud-top: 96px;--hud-bottom: 82px;position:relative;height:100vh;background:#eef1f6}.full-bleed .stage-main{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.full-bleed .stage-bar,.full-bleed .score-rail{position:absolute;z-index:2;left:16px;right:16px;border-radius:999px;background:#121a36;box-shadow:0 10px 30px #121a3633}.full-bleed .stage-bar{top:16px;height:66px;padding:0 14px 0 30px}.full-bleed .stage-title{font-size:18px}.full-bleed .stage-title>span{display:none}.stage-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.full-bleed .score-rail{bottom:16px;min-height:54px;align-items:center;padding:8px 20px}.full-bleed .rail-chip{padding:4px 12px 4px 4px;gap:7px;font-size:14px;transition:transform .3s}.full-bleed .rail-chip b{display:inline-block;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.full-bleed .rail-chip .avatar{width:24px!important;height:24px!important;font-size:11px!important}.stage.corner-hud{--hud-top: 0px;--hud-bottom: 0px}.stage-corner{position:absolute;z-index:3;top:14px;right:14px;width:260px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;border-radius:20px;background:#121a36e8;border:1px solid #ffffff1a;box-shadow:0 12px 30px #0006;transition:opacity .3s}.stage-corner.faded{opacity:.22}.stage-corner.faded:hover{opacity:1}.stage-corner-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.stage-corner .stage-title{font-size:18px}.stage-corner .stage-room{font-size:12px}.stage-corner-status{padding:8px 0;border-block:1px solid #ffffff14;text-align:center}.stage-corner-scores{list-style:none;margin:0;padding:0;display:grid;gap:4px}.stage-corner-scores li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.stage-corner-scores li.offline{opacity:.45}.stage-corner-rank{width:16px;font:500 12px DM Mono,monospace;color:#8e96a9}.stage-corner-scores i{width:10px;height:10px;border-radius:50%}.stage-corner-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-corner-scores b{font-family:DM Mono,monospace;color:var(--sun);animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.stage-corner .button{align-self:flex-end}.results .stage-bar .brand{margin-left:auto}.results-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding:2vh 24px 5vh;text-align:center}.results-main h1{font-size:clamp(44px,6vw,96px);letter-spacing:-.06em;line-height:.95;margin:0}.podium{display:flex;align-items:flex-end;justify-content:center;gap:2vw;margin:3vh 0 1vh}.podium-spot{width:min(18vw,220px);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:22px;animation:rise .6s both}.podium-spot.place-2{animation-delay:.3s}.podium-spot.place-3{animation-delay:.15s}.podium-spot.empty{visibility:hidden}.podium-score{font:500 15px DM Mono,monospace;color:#c8d0e3}.podium-block{width:100%;border-radius:16px 16px 0 0;display:grid;place-items:center;font-size:48px;font-weight:700;color:var(--ink)}.place-1 .podium-block{height:22vh;background:var(--sun)}.place-2 .podium-block{height:15vh;background:#c9d1e6}.place-3 .podium-block{height:10vh;background:#e79a6c}.results-list{list-style:none;padding:0;margin:0 0 2vh;width:min(460px,100%)}.results-list li{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff18;font-size:18px}.results-list b{margin-left:auto}.results-rank{font:13px DM Mono,monospace;width:24px;color:var(--mint)}.pad-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 16px max(16px,env(safe-area-inset-bottom));position:relative}.connection-banner{padding:10px 16px;background:var(--coral);color:#fff;font-weight:600;font-size:15px;text-align:center;animation:fade-in .2s both}.connection-banner.floating{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:10;border-radius:99px;box-shadow:0 8px 24px #0004}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.85);box-shadow:0 0 0 22px #8ce3d000}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@media(max-width:800px){.qr svg{width:200px}.room-code span{width:56px;font-size:40px}.stage:not(.full-bleed){height:auto;min-height:100vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.button.danger{background:var(--coral);color:#fff}.button.danger-outline{background:transparent;color:var(--coral);box-shadow:inset 0 0 0 2px var(--coral)}.confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--coral),transparent 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral),transparent 50%);font-weight:600;font-size:14px;animation:fade-in .15s both}.confirm>span{flex-basis:100%}.stage .confirm{flex-wrap:nowrap;color:#fff}.stage .confirm>span{flex-basis:auto;white-space:nowrap}.settings-form{display:flex;flex-direction:column;gap:16px;margin:18px 0}.setting{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.setting-label{font:500 12px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.segmented{align-self:stretch;display:flex;flex-wrap:wrap;gap:6px}.segmented button{flex:1 0 auto;padding:11px 14px;border:0;border-radius:10px;background:var(--surface-strong);color:inherit;font:600 15px Space Grotesk,sans-serif}.segmented button.on{background:var(--accent);color:var(--ink)}.stepper{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--surface-strong)}.stepper button{width:38px;height:38px;border:0;border-radius:9px;background:var(--surface);color:inherit;font:600 20px Space Grotesk,sans-serif}.stepper button:disabled{opacity:.35}.stepper span{min-width:4ch;padding:0 6px;text-align:center;font-weight:700}.toggle{display:inline-flex;align-items:center;gap:10px;padding:4px 0;border:0;background:none;color:inherit;font:600 15px Space Grotesk,sans-serif;text-align:left}.toggle-track{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transition:transform .15s}.toggle.on .toggle-track{background:var(--coral);box-shadow:none}.toggle.on .toggle-thumb{transform:translate(18px)}.scoreboard-empty{margin:0;padding:18px;border-radius:14px;border:1px dashed var(--line);color:var(--text-soft);font-size:15px;line-height:1.4}.locked-note{margin:18px 0 0;padding:8px 14px;border-radius:99px;background:#eb665033;color:#ffb4a8;font-weight:600}.toasts{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:12px 22px;border-radius:99px;background:var(--ink);color:var(--paper);font-weight:600;font-size:18px;white-space:nowrap;box-shadow:0 10px 30px #18213d40;animation:toast-in .35s cubic-bezier(.2,1.4,.4,1) both}.dialog{width:min(640px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:28px;border-radius:24px;border-top:6px solid var(--accent);background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #0006;animation:pop .25s both}.dialog .game-meta{margin:16px 0 0}.autostart{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#18213de0;color:var(--paper);pointer-events:none;animation:fade-in .2s both}.autostart small{font:500 16px DM Mono,monospace;letter-spacing:.16em;color:var(--mint)}.autostart b{font-size:min(34vh,280px);line-height:1;color:var(--sun);animation:pop .4s both}.autostart span{font-size:32px;font-weight:700}.roster-actions{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.roster-actions>.button{background:#ffffff1f;color:var(--paper)}.roster-actions>.button.danger-outline{background:transparent;color:#ff9c8c}.ready-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3ddc84;color:var(--ink);font-size:13px;font-weight:700}.phone-autostart{padding:14px 16px;border-radius:14px;background:#3ddc84;color:var(--ink);font-weight:600;text-align:center;animation:pop .25s both}.phone-autostart b{font-size:22px}.small-print{margin:-4px 0 0;font-size:13px;text-align:center}.ready-button{flex:1;padding:18px;border:0;border-radius:16px;background:#ffffff1f;color:var(--paper);font:700 21px Space Grotesk,sans-serif;box-shadow:inset 0 0 0 2px #fff3;transition:background .15s,transform .1s}.ready-button.on{background:#3ddc84;color:var(--ink);box-shadow:0 6px #1f9a57}.ready-button:active{transform:translateY(2px)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;background:#0b0f24b3;animation:fade-in .15s both}.sheet{width:100%;max-height:88dvh;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:#1c2448;color:var(--paper);box-shadow:0 -12px 40px #0008;animation:sheet-in .25s cubic-bezier(.2,.9,.3,1) both}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 8px}.sheet-head h3{margin:0;font-size:22px;letter-spacing:-.03em}.sheet-body{overflow-y:auto;padding:8px 18px max(20px,env(safe-area-inset-bottom))}.sheet-body>.muted:first-child{margin-top:0}.sheet .button:not(.primary):not(.danger){background:#ffffff1f;color:var(--paper)}.results-actions{display:flex;flex-direction:column;gap:10px;width:min(320px,100%);margin:16px auto 0}.results-actions .button:not(.primary){background:#ffffff1f;color:var(--paper)}.resume{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.rejoin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px -4px 22px;padding:14px 16px;border-radius:14px;background:var(--ink);color:var(--paper);font-size:16px;text-decoration:none}.rejoin small{display:block;margin-bottom:3px;color:var(--mint);font:500 11px DM Mono,monospace;letter-spacing:.1em}.rejoin b{color:var(--sun)}.rejoin>span:last-child{font-size:22px}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px) scale(.9)}}@keyframes sheet-in{0%{transform:translateY(100%)}}.quality-dot{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px color-mix(in srgb,#3ddc84,transparent 75%)}.quality-dot.fair{background:#ffb13b;box-shadow:0 0 0 3px color-mix(in srgb,#ffb13b,transparent 75%)}.quality-dot.poor{background:var(--coral);box-shadow:0 0 0 3px color-mix(in srgb,#eb6650,transparent 75%);animation:pulse-dot 1s ease-in-out infinite}.quality-dot.offline{background:#8e96a9;box-shadow:none}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.history>li{padding:14px;border-radius:16px;border-left:4px solid var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.history-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.history-emoji{font-size:24px}.history-head small{margin-left:auto;color:var(--text-soft);font:500 12px DM Mono,monospace}.history-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.history-results li{display:flex;align-items:center;gap:8px;font-size:15px}.history-rank{width:22px;text-align:center;color:var(--text-soft);font:500 12px DM Mono,monospace}.history-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.history-score{color:var(--text-soft);font:500 13px DM Mono,monospace}.history-results b{width:3ch;text-align:right;color:#b7791f;font:500 13px DM Mono,monospace}.sheet .history-results b{color:var(--sun)}.leave-button.button{align-self:center;margin-top:6px;background:transparent;color:#ff9c8c;box-shadow:inset 0 0 0 1px #eb665080}.pad-main>.confirm{align-self:stretch}.results-leave.button{margin:0 auto 4px}.left-home.button{margin-top:10px;background:#18213d10}@keyframes pulse-dot{50%{opacity:.4}}.hl{position:relative;height:100vh;display:grid;grid-template-columns:minmax(250px,22vw) minmax(0,1fr) minmax(230px,20vw);grid-template-rows:auto minmax(0,1fr) auto;gap:2.4vh 1.6vw;padding:4vh 2.4vw;overflow:hidden}.hl-card{border:0;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 6px 24px #18213d12;font-family:inherit}.hl-join{grid-column:1;grid-row:1 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 1.4vw;border-radius:26px;background:var(--ink);color:var(--paper);text-align:center}.hl-join .eyebrow{color:var(--mint)}.hl-join .qr svg{width:min(16vw,30vh,240px);height:auto}.hl-top{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 2.3fr 1.7fr;gap:1.4vw;min-height:12vh}.hl-coffee,.hl-teams{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;transition:transform .15s}.hl-coffee:hover,.hl-teams:hover{transform:translateY(-2px)}.hl-coffee span,.hl-teams span{font-size:clamp(26px,2.6vw,40px);line-height:1}.hl-coffee small{font-size:13px;font-weight:600;color:#5d6780}.hl-teams b{font-size:clamp(18px,1.6vw,24px);letter-spacing:-.02em}.hl-count{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.hl-count small{font-weight:600;font-size:15px}.hl-count b{font-size:clamp(34px,3.6vw,56px);line-height:1;letter-spacing:-.03em}.hl-ready-count{margin-top:4px;padding:3px 10px;border-radius:99px;background:#18213d0d;color:#5d6780;font:500 12px DM Mono,monospace}.hl-ready-count.all{background:#3ddc8433;color:#16804a}.hl-join{position:relative}.hl-gear{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff1a;color:var(--paper);font-size:20px;box-shadow:inset 0 0 0 1px #ffffff26;transition:background .15s,transform .2s}.hl-gear:hover{background:#ffffff2e;transform:rotate(30deg)}.hl-stage{grid-column:2;grid-row:2;position:relative;min-height:0;border-radius:26px;background:#fff;box-shadow:0 6px 24px #18213d12}.hl-stage.empty{display:grid;place-items:center}.hl-stage-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#5d6780;text-align:center}.hl-stage-empty span{font-size:44px;animation:pulse 2s ease-in-out infinite}.hl-stage-empty b{color:var(--ink);font-size:24px}.hl-bubble{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;transition:left .5s cubic-bezier(.3,1.2,.4,1),top .5s cubic-bezier(.3,1.2,.4,1);animation:bubble-in .45s cubic-bezier(.3,1.5,.5,1) both}.hl-avatar{position:relative;display:grid;place-items:center;width:clamp(72px,min(7.6vw,14vh),130px);aspect-ratio:1;border-radius:50%;background:var(--c);color:#18213dcc;font-size:clamp(30px,min(3.2vw,6vh),54px);font-weight:700;box-shadow:inset 0 -6px #0000001a,0 8px 22px #18213d1f}.hl-bubble.ready .hl-avatar{box-shadow:0 0 0 5px #3ddc84,inset 0 -6px #0000001a,0 8px 22px #18213d1f}.hl-bubble.offline{opacity:.45}.hl-name{position:relative;z-index:1;margin-top:-14px;max-width:13vw;padding:5px 16px;overflow:hidden;border-radius:99px;background:var(--ink);color:#fff;font-weight:600;font-size:clamp(13px,1.1vw,17px);text-overflow:ellipsis;white-space:nowrap}.hl-name.confirming{display:flex;align-items:center;gap:6px;max-width:none;background:var(--coral)}.hl-name.confirming button{padding:2px 8px;border:0;border-radius:99px;background:#fff3;color:#fff;font:600 12px Space Grotesk,sans-serif}.hl-status{margin-top:4px;color:#8e96a9;font:11px DM Mono,monospace}.hl-crown{position:absolute;top:-18%;left:50%;transform:translate(-50%) rotate(-8deg);font-size:clamp(22px,2vw,34px)}.hl-ready{position:absolute;top:2%;right:2%;display:grid;place-items:center;width:26%;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:#3ddc84;color:var(--ink);font-size:clamp(11px,1vw,16px)}.hl-net{position:absolute;right:10%;bottom:12%;border:2px solid #fff;width:14px;height:14px}.hl-tools{position:absolute;top:-6px;left:-10px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.hl-bubble:hover .hl-tools,.hl-tools:focus-within{opacity:1}.hl-tools button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#5d6780;font-size:12px;box-shadow:0 2px 8px #18213d33}.hl-tools button:last-child:hover{background:var(--coral);color:#fff}.hl-actions{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:1.6vw}.hl-play,.hl-tournament{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:9vh;border:0;border-radius:22px;color:#fff;font:700 clamp(22px,2.2vw,34px) "Space Grotesk",sans-serif;letter-spacing:-.02em;transition:transform .12s,filter .15s}.hl-play{background:#148a34;box-shadow:0 7px #0d6324}.hl-tournament{background:#0f4c81;box-shadow:0 7px #09345a}.hl-play:hover,.hl-tournament:hover{filter:brightness(1.08)}.hl-play:active,.hl-tournament:active{transform:translateY(4px)}.hl-play small{font:500 13px DM Mono,monospace;letter-spacing:0;opacity:.85}.hl-side{grid-column:3;grid-row:1 / 4;display:flex;flex-direction:column;gap:2.4vh;min-height:0}.hl-side .hl-card{padding:18px 20px}.hl-side h3{margin:0 0 12px;font-size:17px}.hl-scoreboard{flex:none;max-height:46%;display:flex;flex-direction:column}.hl-scoreboard ol{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.hl-scoreboard li{display:flex;align-items:center;gap:8px;font-weight:500}.hl-scoreboard li.leader{font-weight:700;font-size:1.1em}.hl-score-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-scoreboard li b{margin-left:auto}.medal{flex:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff6 0 25%,transparent 30%),var(--medal);box-shadow:inset 0 -2px #0002}.medal.gold{--medal: #e4b528}.medal.silver{--medal: #b9bfca}.medal.bronze{--medal: #cd8a4f}.hl-reset{margin-top:14px;display:flex;justify-content:flex-end}.hl-reset .button{background:#18213d0d;color:#8e96a9}.hl-history{flex:1;min-height:0;overflow-y:auto}.hl-history ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.hl-history>ol>li>b{font-size:15px}.hl-history ul{list-style:none;margin:4px 0 0;padding:0 0 0 12px;font-size:12px;color:#3b4560}.hl-history ul span{font-weight:600}.hl-empty-note{margin:0;color:#8e96a9;font-size:14px;line-height:1.4}.hl-error{position:absolute;bottom:1vh;left:50%;transform:translate(-50%);margin:0}.hl-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#18213d66;animation:fade-in .15s both}.hl-popover{width:min(420px,92vw);display:flex;flex-direction:column;gap:16px;padding:26px;border-radius:24px;background:#fff;box-shadow:0 30px 80px #0005;animation:pop .2s both}.hl-popover h3{margin:0;font-size:22px}.hl-popover-row{display:flex;align-items:center;justify-content:space-between;font-weight:600}.host [data-nav-focused],.gc [data-nav-focused]{outline:4px solid var(--sun);outline-offset:4px;box-shadow:0 0 0 10px #ffca5840}.gc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);background:var(--paper);color:var(--ink);animation:fade-in .2s both}.gc-list{min-height:0;overflow-y:auto;padding:3.5vh 3vw}.gc-circle{display:inline-grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:#e2e0dc;color:var(--ink);font-size:20px}.gc-list h1{margin:22px 0 8px;font-size:clamp(26px,2.4vw,38px);letter-spacing:.01em;text-transform:uppercase}.gc-filter{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:600 14px Space Grotesk,sans-serif}.gc-filter.on{background:var(--sun);color:var(--ink)}.gc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4vh 2vw;margin-top:3vh}.gc-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border:3px solid var(--ink);border-radius:8px;background:var(--ink);font-family:inherit;text-align:left;transition:transform .15s,box-shadow .15s}.gc-card:hover{transform:translateY(-3px)}.gc-card.on{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 0 4px var(--accent),0 14px 30px #18213d33}.gc-card.unfit{opacity:.55}.gc-art{display:grid;place-items:center;aspect-ratio:16 / 8;background:radial-gradient(circle at 30% 30%,#ffffff 0 18%,transparent 60%),color-mix(in srgb,var(--accent),#fff 55%)}.gc-art span{font-size:clamp(36px,4vw,64px);filter:drop-shadow(0 6px 8px #18213d33)}.gc-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;color:#fff}.gc-bar b{font-size:clamp(14px,1.2vw,18px)}.gc-bar small{flex:none;padding:2px 10px;border-radius:99px;background:#ffffff2e;font:500 12px DM Mono,monospace}.gc-none{grid-column:1 / -1;color:#5d6780}.gc-info{min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:3.5vh 2.4vw;border-radius:28px 0 0 28px;background:#fff;box-shadow:-10px 0 40px #18213d14}.gc-info-top{display:flex;align-items:center;gap:10px}.gc-info-spacer{flex:1}.gc-panel-back:disabled{visibility:hidden}.gc-settings{min-width:0;margin:0;padding:0;border:0;transition:opacity .2s}.gc.zone-grid .gc-settings{opacity:.55}.gc.zone-grid .gc-play{opacity:.35}.gc.zone-panel .gc-info{box-shadow:-10px 0 40px #18213d14,inset 6px 0 0 var(--accent)}.gc-card.picked{box-shadow:0 0 0 4px var(--accent),0 0 0 9px #18213d22,0 14px 30px #18213d33}.gc-hint{margin:0 0 10px;color:#5d6780;font-weight:600}.gc-hero{display:grid;place-items:center;height:18vh;margin:2vh 0;border-radius:20px;background:color-mix(in srgb,var(--accent),#fff 60%)}.gc-hero span{font-size:min(11vh,96px);animation:pop .3s both}.gc-info h2{margin:0;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.03em}.gc-tagline{margin:8px 0 14px;color:#5d6780;line-height:1.45}.gc-info h3{margin:22px 0 0;font:500 12px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#3da990}.gc-info .settings-form{margin:12px 0 18px}.gc-blocker{margin:0 0 10px;color:var(--coral);font-weight:600}.gc-play{margin-top:auto;padding:18px;border:0;border-radius:18px;background:#148a34;color:#fff;font:700 22px Space Grotesk,sans-serif;box-shadow:0 6px #0d6324}.gc-play:disabled{opacity:.4}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}@media(max-width:900px){.hl{height:auto;min-height:100vh;grid-template-columns:1fr;grid-template-rows:none}.hl-join,.hl-top,.hl-stage,.hl-actions,.hl-side{grid-column:1;grid-row:auto}.hl-stage{min-height:420px}.gc{grid-template-columns:1fr;overflow-y:auto}.gc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hl .toasts{top:auto;bottom:calc(4vh + 16px);left:auto;right:calc(2.4vw + 16px);width:calc(20vw - 32px);transform:none;align-items:stretch;flex-direction:column-reverse}.hl .toast{font-size:15px;white-space:normal;text-align:center}.light-page{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);--surface: #ffffff;--surface-strong: #18213d12;--line: #18213d26;--line-strong: #18213d55;--text-soft: #5d6780}.light-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:20px 20px 24px;border-radius:28px;background:#fff;box-shadow:0 10px 34px #18213d17}.card-top{display:flex;align-items:center;gap:10px}.card-top.center{justify-content:center}.card-top-spacer{flex:1}.circle-button{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border:0;border-radius:50%;background:#e6e5e2;color:var(--ink);font:600 20px Space Grotesk,sans-serif;text-decoration:none;box-shadow:0 3px #cfcdc8}.circle-button.small{width:38px;height:38px;font-size:16px}.circle-button:active{transform:translateY(2px);box-shadow:0 1px #cfcdc8}.card-title{margin:4px 0 0;font-size:21px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.card-title.center{text-align:center}.card-banner{padding:10px 14px;border-radius:12px;background:#fff3d6;color:#8a5a00;font-size:14px;font-weight:600;text-align:center}.card-banner.bad{background:#fde4df;color:#b3311f}.small-print{margin:0;color:#5d6780;font-size:13px;text-align:center}.light-card .spinner.dark{margin:20px auto 10px}.join-form{display:flex;flex-direction:column;gap:8px}.field-label{margin-top:6px;font-size:14px;font-weight:600}.code-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.code-boxes input{width:100%;aspect-ratio:.8;border:2px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);font:700 34px Space Grotesk,sans-serif;text-align:center;text-transform:uppercase;box-shadow:0 4px #18213d1f}.code-boxes input:focus,.light-input:focus{outline:3px solid var(--sun);outline-offset:1px}.room-note{margin:2px 0 0;color:#16804a;font-size:13px;font-weight:600}.room-note.bad{color:#b3311f}.light-input{width:100%;height:54px;padding:0 16px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);font:600 18px Space Grotesk,sans-serif;box-shadow:0 4px #18213d1f}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:140px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:0 4px #18213d1f}.avatar-preview{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--c);color:#18213dcc;font-size:32px;font-weight:700;transition:background .2s}.avatar-placeholder small{color:#8e96a9;font:500 12px DM Mono,monospace}.color-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:12px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:0 4px #18213d1f}.color-swatch{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:var(--c);box-shadow:inset 0 -3px #0002}.color-swatch.on{outline:3px solid var(--ink);outline-offset:2px}.color-swatch.taken{opacity:.25}.color-swatch.taken:after{content:"";position:absolute;top:45%;right:-2px;bottom:45%;left:-2px;background:var(--ink);transform:rotate(-45deg)}.join-button{margin-top:14px;height:64px;border:0;border-radius:16px;background:var(--sun);color:var(--ink);font:700 18px Space Grotesk,sans-serif;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px #d9a53a}.join-button:active{transform:translateY(3px);box-shadow:0 3px #d9a53a}.join-button:disabled{opacity:.6}.join-help{padding:12px 14px;border-radius:14px;background:var(--paper);color:#3b4560;font-size:14px;line-height:1.45}.light-card .rejoin{margin:0}.light-card .error{margin:4px 0 0;color:#b3311f}.me-badge{display:flex;flex-direction:column;align-items:center;margin:10px 0 4px}.me-avatar{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:var(--c);color:#18213dcc;font-size:52px;font-weight:700;box-shadow:inset 0 -7px #0000001a}.me-name{margin-top:-16px;max-width:80%;padding:6px 20px;overflow:hidden;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.leader-card{min-height:calc(100dvh - 32px)}.dpad{display:grid;grid-template-areas:". up ." "left ok right" "back down .";grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;gap:10px;width:min(100%,300px);margin:18px auto 0}.dpad-button{display:grid;place-items:center;width:86px;height:86px;border:0;border-radius:50%;background:#e8e7e4;color:var(--ink);font:700 46px/1 Space Grotesk,sans-serif;box-shadow:0 6px #c9c7c2;touch-action:manipulation;transition:transform .06s,box-shadow .06s}.dpad-button:active{transform:translateY(4px);box-shadow:0 2px #c9c7c2}.dpad-button.back{width:66px;height:66px;font-size:28px;justify-self:end}.dpad-ring{width:30px;height:30px;border:6px solid var(--ink);border-radius:50%}.dpad-hint{margin:18px 0 0;color:#8e96a9;font-size:13px;text-align:center}.light-next{display:flex;align-items:center;gap:14px;padding:14px 16px;border-left:5px solid var(--accent);border-radius:16px;background:var(--paper)}.light-next-emoji{font-size:34px}.light-next small{display:block;color:#5d6780;font:500 11px DM Mono,monospace;letter-spacing:.06em}.light-next b{display:block;font-size:20px}.light-next-wait{color:#5d6780;font-weight:600}.light-card .ready-button{background:#ecebe8;color:var(--ink);box-shadow:0 6px #cfcdc8}.light-card .ready-button.on{background:#3ddc84;box-shadow:0 6px #1f9a57}.light-roster-head{display:flex;justify-content:space-between;margin-top:8px;color:#3da990;font:500 12px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.light-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.light-roster li{border-radius:14px;background:var(--paper)}.light-roster li.me{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink),transparent 70%)}.light-roster li.offline{opacity:.5}.light-roster-row{width:100%;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border:0;background:none;color:inherit;font:600 16px Space Grotesk,sans-serif;text-align:left}.light-roster-row:disabled{cursor:default}.light-roster-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.light-roster em{padding:2px 6px;border-radius:6px;background:var(--ink);color:#fff;font:500 10px DM Mono,monospace;font-style:normal}.light-roster small{margin-left:auto;color:#8e96a9;font:11px DM Mono,monospace;white-space:nowrap}.light-roster b{margin-left:auto;color:#b7791f;font:500 14px DM Mono,monospace}.light-roster small+b,.light-roster .ready-dot+b{margin-left:8px}.mini-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--c);color:#18213dcc;font-size:14px;font-weight:700}.light-roster .roster-actions{padding:0 10px 10px}.light-page .roster-actions>.button,.sheet .roster-actions>.button{background:#18213d0f;color:var(--ink)}.light-page .roster-actions>.button.danger-outline,.sheet .roster-actions>.button.danger-outline{background:transparent;color:var(--coral)}.sheet{background:#fff;color:var(--ink);--surface: #ffffff;--surface-strong: #18213d12;--line: #18213d26;--text-soft: #5d6780}.sheet .button:not(.primary):not(.danger){background:#18213d0f;color:var(--ink)}.sheet .leave-button.button{display:block;margin:18px auto 6px;background:transparent;color:var(--coral)}.menu-section{display:flex;flex-direction:column;gap:10px;padding:12px 0 16px;border-bottom:1px solid #18213d14}.menu-section h4{margin:0;color:#3da990;font:500 12px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:15px}.menu-row .confirm{flex:1}.menu-me{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:17px}.menu-me-score{margin-left:auto;color:#b7791f;font:500 15px DM Mono,monospace}.sheet .button.wide+.confirm,.sheet .button.wide+.button{margin-top:10px}.pad-frame{height:100dvh;display:flex;padding:28px 10px max(10px,env(safe-area-inset-bottom));background:var(--me);user-select:none;-webkit-user-select:none;touch-action:manipulation;overflow:hidden}.pad-panel{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 10px 30px #0000002e;--surface: #ffffff;--surface-strong: #18213d12;--line: #18213d26;--text-soft: #5d6780}.pad-menu-button{position:absolute;top:-22px;left:50%;z-index:3;transform:translate(-50%);display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:22px;box-shadow:0 4px 14px #0000002e}.pad-panel>.card-banner{margin:40px 14px -24px}.pad-panel .pad-main{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:40px 14px 14px;overflow:hidden;border-radius:28px}.pad-panel .eyebrow{color:#2f9c83}.pad-panel .splash-body,.pad-panel .muted,.pad-panel .ba-pad-status{color:#5d6780}.pad-panel .splash.good h2{color:#16a34a}.pad-panel .spinner{border-color:#18213d22;border-top-color:var(--ink)}.pad-panel .button:not(.primary):not(.danger){background:#18213d10;color:var(--ink)}.pad-panel .results-actions .button:not(.primary){background:#18213d10;color:var(--ink)}.pad-panel .button.leave-button:not(.primary){background:transparent;color:var(--coral)}.pad-panel .ba-stick-zone{border:2px dashed var(--ink);background:radial-gradient(circle at center,#18213d1f 0 22%,#18213d0a 40%,transparent 62%),#fff;box-shadow:0 6px 16px #18213d14}.pad-panel .ba-stick-hint{color:var(--ink)}.pad-panel .ba-stick{background:#18213d12;border-color:#18213d40}.pad-panel .ba-dash{background:#232f55;color:#e6eaf6;box-shadow:0 8px #121a33}.pad-panel .ba-dash:active{box-shadow:0 2px #121a33}.pad-panel .ba-dash-cool{background:#ffffff40}.pad-panel .ba-pad{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6vw}.pad-panel .ba-pad-status{position:absolute;top:-32px;left:6px;margin:0;text-align:left;pointer-events:none}.pad-panel .ba-dash{height:auto;min-height:0;max-height:none}@media(orientation:portrait){.pad-frame.wide{position:fixed;top:0;left:0;width:100dvh;height:100vw;padding:28px max(10px,env(safe-area-inset-top)) 10px;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}}.intro{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--paper);color:var(--ink)}.intro-card{position:relative;width:min(560px,100%);display:flex;flex-direction:column;align-items:center;padding:64px clamp(20px,7vw,58px) 26px;border-radius:24px;background:#fff;box-shadow:0 10px 34px #18213d17}.intro-top{position:absolute;top:16px;right:16px;display:flex;gap:10px}.intro-top .circle-button{width:38px;height:38px;font-size:16px}.intro-logo{display:flex;align-items:center;justify-content:center;width:min(290px,100%);height:86px;border-radius:18px;background:#e6e5e2;color:var(--ink);font-size:clamp(30px,8vw,40px);font-weight:700;letter-spacing:-.08em;box-shadow:0 6px 16px #18213d1a}.intro-logo span{color:var(--coral)}.intro-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.intro-host,.intro-join{display:grid;place-items:center;height:54px;border-radius:14px;color:#fff;font-size:clamp(17px,4.6vw,21px);font-weight:700;text-decoration:none;transition:transform .1s,filter .15s}.intro-host{background:#148a34;box-shadow:0 5px #0d6324}.intro-join{background:#0f4c81;box-shadow:0 5px #09345a}.intro-host:hover,.intro-join:hover{filter:brightness(1.08)}.intro-host:active,.intro-join:active{transform:translateY(3px)}.intro-resume{width:100%;display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.intro-resume-card{display:flex;flex-direction:column;min-width:120px;padding:10px 14px;border:1.5px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:0 4px 12px #18213d14;transition:transform .12s}.intro-resume-card:hover{transform:translateY(-2px)}.intro-resume-card small{margin-bottom:4px;font:500 10px DM Mono,monospace;letter-spacing:.08em}.intro-resume-card b{font-size:15px;line-height:1.25}.intro-howto{margin-top:34px;border:0;background:none;color:var(--ink);font:600 13px Space Grotesk,sans-serif;text-decoration:underline;text-underline-offset:3px}.intro-steps{margin:14px 0 0;padding:14px 18px 14px 34px;border-radius:14px;background:var(--paper);color:#3b4560;font-size:14px;line-height:1.55;animation:fade-in .2s both}@media(max-width:420px){.intro-actions{grid-template-columns:1fr}}@media(orientation:landscape)and (max-height:600px){.light-page:has(.leader-card){align-items:center;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.leader-card{min-height:calc(100dvh - 20px);max-width:860px;display:grid;grid-template-columns:auto 1fr 1.25fr;align-items:center;gap:3vw;padding:16px 28px}.leader-menu{align-self:center}.leader-info{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.leader-info .card-title{max-width:14em;font-size:clamp(15px,4.2vh,20px)}.leader-info .me-avatar{width:min(130px,34vh);height:min(130px,34vh);font-size:min(52px,13vh)}.leader-controls .dpad{width:min(100%,300px,72vh);margin:0 auto;gap:min(10px,2vh)}.leader-controls .dpad-button{width:min(86px,23vh);height:min(86px,23vh)}.leader-controls .dpad-button.back{width:min(66px,18vh);height:min(66px,18vh)}.leader-controls .dpad-hint{display:none}}.leader-info,.leader-controls{display:flex;flex-direction:column;gap:12px}