@font-face{font-family:Lilita One;src:url(/fonts/lilita-one-latin.woff2) format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin.woff2) format("woff2");font-weight:200 1000;font-display:swap}:root{--ink: #2a1f3d;--ink-soft: #4a3f63;--cream: #fff8ee;--paper: #ffffff;--pink: #ff4f8b;--pink-dark: #d12f68;--yellow: #ffd23f;--yellow-dark: #e0a800;--blue: #3a86ff;--blue-dark: #1f5fd1;--mint: #3ddc84;--mint-dark: #1fa85e;--purple: #8f5cff;--purple-dark: #6a3bd6;--red: #ff3b5c;--display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--body: "Nunito", "Segoe UI", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#7ec8ff;color:var(--ink);font-family:var(--body);font-weight:800;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#overlay,#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;will-change:transform}.tag>*{transform:translate(-50%,-100%);position:absolute;white-space:nowrap}.tag-name{font-family:var(--display);font-size:clamp(11px,1.3vw,17px);color:#fff;padding:1px 8px 2px;border-radius:999px;border:2px solid var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.35);letter-spacing:.02em}.tag-you{font-family:var(--display);font-size:clamp(14px,1.8vw,22px);color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin-top:-26px;animation:you-bob .6s ease-in-out infinite alternate}.tag-you:after{content:"▼";display:block;text-align:center;font-size:.7em;margin-top:-4px}@keyframes you-bob{to{margin-top:-36px}}.tag-emote{font-size:clamp(28px,3.6vw,46px);margin-top:-30px;filter:drop-shadow(0 3px 0 rgba(42,31,61,.35))}.tag-emote.pop{animation:emote-pop .45s cubic-bezier(.2,1.8,.4,1)}@keyframes emote-pop{0%{scale:.2}to{scale:1}}.pow{position:absolute;font-family:var(--display);font-size:clamp(22px,3vw,40px);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;transform:translate(-50%,-50%) rotate(var(--tilt));animation:pow .85s cubic-bezier(.15,1.6,.4,1) forwards;white-space:nowrap}.pow.big{font-size:clamp(34px,5vw,70px);-webkit-text-stroke:8px var(--ink)}@keyframes pow{0%{scale:.2;opacity:1}25%{scale:1.15}70%{scale:1;opacity:1;translate:0 -20px}to{scale:.9;opacity:0;translate:0 -40px}}.screen-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;mix-blend-mode:screen}.outlined{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.btn{--face: var(--yellow);--edge: var(--yellow-dark);--text: var(--ink);font-family:var(--display);font-size:22px;letter-spacing:.02em;color:var(--text);background:var(--face);border:3px solid var(--ink);border-radius:18px;padding:12px 22px 13px;box-shadow:0 6px 0 var(--edge),0 6px 0 3px var(--ink),0 14px 20px #2a1f3d40;cursor:pointer;transition:transform .08s,box-shadow .08s,filter .15s;position:relative;outline:none;touch-action:manipulation}.btn:hover{filter:brightness(1.06)}.btn:active,.btn.pressed{transform:translateY(5px);box-shadow:0 1px 0 var(--edge),0 1px 0 3px var(--ink),0 4px 8px #2a1f3d33}.btn:focus-visible{box-shadow:0 6px 0 var(--edge),0 6px 0 3px var(--ink),0 0 0 7px #ffffffd9}.btn:disabled{filter:grayscale(.8) brightness(.95);cursor:not-allowed}.btn.pink{--face: var(--pink);--edge: var(--pink-dark);--text: #fff}.btn.blue{--face: var(--blue);--edge: var(--blue-dark);--text: #fff}.btn.mint{--face: var(--mint);--edge: var(--mint-dark);--text: var(--ink)}.btn.purple{--face: var(--purple);--edge: var(--purple-dark);--text: #fff}.btn.white{--face: #fff;--edge: #d9cfe6}.btn.small{font-size:16px;padding:7px 14px 8px;border-radius:14px}.btn.big{font-size:clamp(24px,3.2vw,34px);padding:14px 30px 16px;border-radius:22px}.btn .sub{display:block;font-family:var(--body);font-size:.5em;font-weight:800;opacity:.8;margin-top:2px}.panel{background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink),0 20px 40px #2a1f3d4d;padding:18px}input.field{font-family:var(--display);font-size:22px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:14px;padding:9px 14px;outline:none;width:100%;-webkit-user-select:text;user-select:text}input.field:focus{background:#fff;box-shadow:0 0 0 4px var(--yellow)}.hidden{display:none!important}.btn.wide{width:100%;margin-top:10px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important}.screen>*{pointer-events:auto}h2{font-family:var(--display);font-weight:400;font-size:30px;margin:0 0 8px;letter-spacing:.01em}.label{display:block;font-family:var(--display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 6px}.hint{font-size:14px;color:var(--ink-soft);margin-top:8px}.error{color:var(--red);margin-top:8px}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(18px + var(--safe-top)) 18px calc(18px + var(--safe-bottom))}.logo{text-align:center;pointer-events:none!important}.logo-word{font-family:var(--display);font-size:clamp(54px,11vw,150px);line-height:.95;letter-spacing:.01em;-webkit-text-stroke:clamp(8px,1.2vw,16px) var(--ink);paint-order:stroke fill;filter:drop-shadow(0 8px 0 var(--ink))}.logo-word .letter{display:inline-block;animation:letter-bounce 1.8s ease-in-out infinite}.logo-word .letter:nth-child(5n+1){color:#ff4f6d}.logo-word .letter:nth-child(5n+2){color:#ffd23f}.logo-word .letter:nth-child(5n+3){color:#3ddc84}.logo-word .letter:nth-child(5n+4){color:#3a86ff}.logo-word .letter:nth-child(5n+5){color:#ff70c8}@keyframes letter-bounce{0%,60%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-14%) rotate(-4deg)}40%{transform:translateY(2%) rotate(3deg)}}.logo-tag{font-family:var(--display);font-size:clamp(15px,2vw,24px);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin-top:10px}.title-buttons{margin-top:auto;margin-bottom:14px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:980px}.title-buttons .btn{min-width:min(280px,80vw)}.title-main{animation:wiggle 2.6s ease-in-out infinite}@keyframes wiggle{0%,80%,to{rotate:0deg}85%{rotate:-2deg}90%{rotate:2deg}95%{rotate:-1deg}}.title-small{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.title-you{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);vertical-align:-1px}@media (max-height: 520px){.logo-word{font-size:clamp(40px,8vw,80px)}.logo-tag{display:none}.title-buttons{gap:10px}.title-buttons .btn{min-width:200px;font-size:20px;padding:8px 16px 10px}}.side-screen{display:flex;justify-content:flex-end;align-items:stretch;padding:calc(14px + var(--safe-top)) calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) 14px}.side-panel{width:min(420px,100%);overflow-y:auto;max-height:100%;scrollbar-width:thin}@media (max-width: 720px) and (orientation: portrait){.side-screen{align-items:flex-end}.side-panel{max-height:62%}}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.swatch{aspect-ratio:1;border-radius:50%;border:3px solid var(--ink);cursor:pointer;transition:transform .1s}.swatch.selected{transform:scale(1.15);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--ink)}.hat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hat-choice,.mode-chip,.seg{font-family:var(--body);font-weight:900;font-size:13px;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:12px;padding:8px 6px;cursor:pointer}.hat-choice.selected,.mode-chip.on,.seg.on{background:var(--yellow);box-shadow:inset 0 -3px 0 var(--yellow-dark)}.hat-choice.locked{opacity:.55;font-size:11px;cursor:not-allowed}.face-row{display:flex;gap:6px;flex-wrap:wrap}.lobby-head{display:flex;justify-content:space-between;align-items:center}.roster{display:flex;flex-direction:column;gap:5px;margin-top:6px}.roster-row{display:flex;align-items:center;gap:8px;background:var(--cream);border:2px solid var(--ink);border-radius:12px;padding:5px 10px;animation:pop-in .35s cubic-bezier(.2,1.6,.4,1)}.roster-row.mine{background:#fff4c2}.roster-row.away{opacity:.5}.roster-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);flex:none}.roster-name{flex:1;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-tag,.you-tag,.host-tag{font-family:var(--display);font-size:11px;padding:1px 6px;border-radius:6px;background:var(--ink-soft);color:#fff;margin-left:6px;vertical-align:2px}.you-tag{background:var(--pink)}.ready-tag{font-family:var(--display);font-size:11px;padding:1px 6px;border-radius:6px;background:var(--mint);color:var(--ink)}.host-tag{background:var(--purple)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stepper{display:flex;align-items:center;gap:10px}.stepper-value{min-width:90px;text-align:center;font-weight:900}.check{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:900}.check input{width:20px;height:20px;accent-color:var(--pink)}.modes{margin-top:12px}.modes summary{cursor:pointer;font-weight:900}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.mode-chip{text-align:left;opacity:.6}.mode-chip.on{opacity:1}.lobby-status{margin-top:10px;font-weight:900;color:var(--ink-soft);min-height:1em}.modal-screen{display:grid;place-items:center;background:#2a1f3d59;pointer-events:auto!important;padding:16px;z-index:30}.modal{width:min(420px,100%);max-height:100%;overflow-y:auto;animation:pop-in .3s cubic-bezier(.2,1.5,.4,1)}.slider{display:grid;grid-template-columns:80px 1fr;align-items:center;margin-top:12px;font-weight:900}.slider input{accent-color:var(--pink);height:28px}.code-input{text-align:center;font-size:44px;letter-spacing:.3em;text-transform:uppercase;margin-top:10px}.coach-row{display:flex;gap:12px;align-items:center;font-size:18px;margin:8px 0}.coach-icon{font-size:26px;width:36px;text-align:center}.coach-goal{margin:14px 0 4px;padding:10px;background:#fff4c2;border:2px dashed var(--ink);border-radius:12px}.toast{position:absolute;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);background:var(--ink);color:#fff;font-weight:900;padding:10px 18px;border-radius:999px;pointer-events:none!important;animation:pop-in .25s;z-index:50;max-width:min(92vw,560px);text-align:center}.pause-button{position:absolute;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right));z-index:20}#ui>.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud *{pointer-events:none}.hud .btn,.hud .podium-actions{pointer-events:auto}.hud-top{position:absolute;top:calc(10px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.hud-round{font-family:var(--display);font-size:clamp(13px,1.6vw,18px);background:var(--ink);color:#fff;padding:4px 10px;border-radius:999px;white-space:nowrap}.hud-round.final{background:var(--pink);animation:throb .8s ease-in-out infinite alternate}@keyframes throb{to{scale:1.08}}.hud-mode{position:relative;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:4px 14px 10px;min-width:clamp(170px,22vw,280px);box-shadow:0 5px 0 var(--ink)}.hud-mode-name{font-family:var(--display);font-size:clamp(16px,2vw,24px);text-align:center;white-space:nowrap}.hud-timer{height:8px;background:#eee4f5;border-radius:99px;overflow:hidden;border:2px solid var(--ink)}.hud-timer-fill{height:100%;background:linear-gradient(90deg,var(--mint),var(--yellow));transform-origin:left}.hud-timer-text{position:absolute;right:-44px;top:50%;translate:0 -50%;font-family:var(--display);font-size:clamp(20px,2.6vw,32px);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.hud-mode.urgent .hud-timer-fill{background:var(--red)}.hud-mode.urgent .hud-timer-text{color:var(--red);animation:throb .5s ease-in-out infinite alternate}.hud-board{position:absolute;top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));display:flex;flex-direction:column;gap:4px;max-width:34vw}.board-chip{display:flex;align-items:center;gap:6px;background:#ffffffeb;border:2px solid var(--ink);border-radius:999px;padding:2px 10px 2px 3px;font-size:clamp(11px,1.3vw,15px);font-weight:900}.board-chip.mine{background:#fff4c2;transform:scale(1.06);transform-origin:left}.board-chip.out{opacity:.55}.board-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--ink);font-size:11px;display:grid;place-items:center;flex:none}.board-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.board-score{font-family:var(--display);font-weight:400}@media (max-height: 500px){.board-name{display:none}}.hud-banner{position:absolute;bottom:calc(18px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-weight:900;font-size:clamp(14px,1.8vw,20px);padding:8px 18px;border-radius:999px;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;animation:pop-in .3s}.hud-banner.alarm{background:var(--red);animation:throb .3s ease-in-out infinite alternate}.hud-call{position:absolute;top:calc(84px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--ink);border-radius:18px;padding:6px 16px 6px 8px;box-shadow:0 5px 0 var(--ink)}.call-swatch{width:46px;height:46px;border-radius:12px;border:3px solid var(--ink)}.call-name{font-family:var(--display);font-size:clamp(30px,4vw,46px);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.call-clock{font-family:var(--display);font-size:22px;min-width:44px}.hud-goals{position:absolute;top:calc(84px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;font-family:var(--display)}.goal-team{color:#fff;border:2px solid var(--ink);border-radius:10px;padding:2px 10px}.goal-score{font-size:32px;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.stamp{animation:stamp .45s cubic-bezier(.2,1.8,.4,1)}@keyframes stamp{0%{scale:2.2;opacity:0}}.hud-centre{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(70px + var(--safe-top)) 12px calc(20px + var(--safe-bottom))}.slam{font-family:var(--display);color:#fff;-webkit-text-stroke:clamp(8px,1.1vw,14px) var(--ink);paint-order:stroke fill;filter:drop-shadow(0 6px 0 var(--ink));text-align:center;line-height:1}.slam .letter{display:inline-block;animation:letter-drop .5s cubic-bezier(.2,1.7,.4,1) both}@keyframes letter-drop{0%{transform:translateY(-80px) scale(1.8);opacity:0}}.count{font-size:clamp(120px,24vw,280px);color:var(--yellow);animation:count .8s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes count{0%{scale:2.5;opacity:0}30%{scale:1;opacity:1}85%{scale:.95;opacity:1}to{scale:.6;opacity:0}}.go{font-size:clamp(110px,22vw,260px);color:var(--mint);animation:go-out .8s ease-in forwards}@keyframes go-out{70%{scale:1;opacity:1}to{scale:1.6;opacity:0}}.roulette{display:flex;flex-direction:column;align-items:center;gap:14px;animation:pop-in .35s cubic-bezier(.2,1.5,.4,1)}.roulette-title{font-family:var(--display);font-size:clamp(28px,4vw,48px);color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.reel-frame{position:relative;padding:10px;background:linear-gradient(180deg,#ff70c8,#8f5cff);border:4px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink),0 20px 40px #2a1f3d59}.reel-window{width:min(420px,78vw);height:clamp(76px,12vh,96px);overflow:hidden;border-radius:16px;border:3px solid var(--ink);background:#fff}.reel-strip{will-change:transform}.reel-card{height:clamp(76px,12vh,96px);display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--display);font-size:clamp(26px,4vw,42px);white-space:nowrap}.reel-card.chosen{animation:chosen .5s cubic-bezier(.2,1.8,.4,1);color:var(--pink)}@keyframes chosen{0%{scale:1.4}}.reel-icon{font-size:1.2em}.reel-pointer{position:absolute;top:50%;width:0;height:0;border:14px solid transparent;translate:0 -50%}.reel-pointer.left{left:-16px;border-left-color:var(--yellow)}.reel-pointer.right{right:-16px;border-right-color:var(--yellow)}.reel-modifier{font-family:var(--display);font-size:clamp(22px,3vw,34px);background:var(--yellow);border:3px solid var(--ink);border-radius:14px;padding:4px 16px;rotate:-4deg;box-shadow:0 5px 0 var(--ink)}.intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:92vw}.intro-icon{font-size:clamp(56px,9vw,110px);animation:pop-in .5s cubic-bezier(.2,1.8,.4,1);filter:drop-shadow(0 6px 0 rgba(42,31,61,.35))}.intro-title{font-size:clamp(46px,8.5vw,120px);color:var(--yellow)}.intro-instruction{font-family:var(--display);font-size:clamp(22px,3.4vw,42px);color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;animation:pop-in .4s .3s both}.intro-hint{font-weight:900;font-size:clamp(14px,1.8vw,20px);background:#ffffffeb;border:2px solid var(--ink);border-radius:14px;padding:6px 14px;animation:pop-in .4s .5s both}.intro-modifier,.intro-final{font-family:var(--display);font-size:clamp(20px,2.6vw,30px);background:var(--yellow);border:3px solid var(--ink);border-radius:12px;padding:2px 14px;rotate:-3deg;animation:stamp .45s .6s both}.intro-final{background:var(--pink);color:#fff;rotate:3deg}.finish{text-align:center}.finish-title{font-size:clamp(70px,13vw,170px);color:var(--pink)}.finish-sub{font-family:var(--display);font-size:clamp(22px,3.2vw,40px);color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;margin-top:10px;animation:pop-in .4s .4s both}.results{width:min(560px,94vw);max-height:100%;overflow:hidden;animation:pop-in .35s cubic-bezier(.2,1.5,.4,1);padding:12px 14px}.results-title{font-family:var(--display);font-size:clamp(20px,2.6vw,28px);text-align:center;margin-bottom:6px}.result-row{display:grid;grid-template-columns:36px 18px minmax(60px,1fr) 2fr 60px 40px;align-items:center;gap:8px;padding:3px 0;animation:slide-in .4s cubic-bezier(.2,1.4,.4,1) both;font-weight:900;font-size:clamp(12px,1.6vw,16px)}@keyframes slide-in{0%{transform:translate(-40px);opacity:0}}.result-place{font-family:var(--display);text-align:center}.result-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink)}.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-bar{height:14px;background:#eee4f5;border:2px solid var(--ink);border-radius:99px;overflow:hidden}.result-bar-fill{height:100%;transition:width 1.1s cubic-bezier(.2,1.2,.4,1)}.result-gain{font-family:var(--display);color:var(--mint-dark);white-space:nowrap}.result-kos{font-size:.75em;color:var(--pink)}.result-total{font-family:var(--display);font-size:1.25em;text-align:right}.podium{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;height:100%;width:100%;padding-bottom:6px}.podium-title{font-size:clamp(44px,8vw,110px)}.awards{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:auto}.award{background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);padding:8px 12px;width:clamp(140px,17vw,190px);animation:award-in .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes award-in{0%{transform:translateY(60px) rotate(-8deg) scale(.6);opacity:0}}.award-icon{font-size:30px}.award-title{font-family:var(--display);font-size:18px}.award-name{display:inline-block;font-weight:1000;border:2px solid var(--ink);border-radius:999px;padding:0 8px;margin:2px 0;color:var(--ink)}.award-blurb{font-size:13px;color:var(--ink-soft)}.podium-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}.podium-wait{font-weight:900;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:20px}@media (max-height: 560px){.award{padding:4px 8px}.award-blurb{display:none}}#ui>.pad-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.pad-stick-zone{position:absolute;left:0;bottom:0;width:50%;height:72%;pointer-events:auto;touch-action:none}.pad-stick{position:absolute;left:calc(90px + var(--safe-left));top:calc(100% - 100px - var(--safe-bottom));width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.55);opacity:.6;transition:opacity .15s}.pad-stick.held{opacity:1}.pad-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 4px #2a1f3d80}.pad-button{position:absolute;pointer-events:auto;touch-action:none;font-family:var(--display);color:#fff;border:3px solid var(--ink);border-radius:50%;box-shadow:0 6px 0 var(--ink);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.pad-button.down{transform:translateY(4px);box-shadow:0 2px 0 var(--ink);filter:brightness(1.15)}.pad-big{width:clamp(76px,15vmin,104px);height:clamp(76px,15vmin,104px);font-size:clamp(15px,3vmin,20px)}.pad-button-jump{right:calc(22px + var(--safe-right));bottom:calc(26px + var(--safe-bottom));background:var(--mint)}.pad-button-shove{right:calc(22px + clamp(76px,15vmin,104px) + 18px + var(--safe-right));bottom:calc(46px + var(--safe-bottom));background:var(--pink)}.pad-emote{width:40px;height:40px;font-size:20px;background:#ffffffd9;-webkit-text-stroke:0;box-shadow:0 3px 0 var(--ink);top:calc(56px + var(--safe-top))}.pad-button-e0{right:calc(160px + var(--safe-right))}.pad-button-e1{right:calc(114px + var(--safe-right))}.pad-button-e2{right:calc(68px + var(--safe-right))}.pad-button-e3{right:calc(22px + var(--safe-right))}.room-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"code qr" "actions qr";gap:8px 12px;align-items:center;margin:6px 0 10px}.room-code-box{grid-area:code}.room-qr{grid-area:qr;width:116px;height:116px;border:3px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}.room-qr svg{display:block;width:100%;height:100%}.room-actions{grid-area:actions;display:flex;gap:6px;flex-wrap:wrap}.room-code-label{font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.room-code{display:flex;gap:5px}.room-code span{font-family:var(--display);font-size:40px;line-height:1;width:44px;text-align:center;padding:4px 0 6px;background:var(--yellow);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink)}.room-url{font-size:13px;color:var(--ink-soft);margin-top:6px}.room-header.tv{grid-template-columns:1fr;grid-template-areas:"qr" "code" "actions";justify-items:center;text-align:center}.room-header.tv .room-qr{width:min(240px,40vh);height:min(240px,40vh)}.room-header.tv .room-code span{font-size:54px;width:60px}.pad-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.35),transparent 60%),linear-gradient(160deg,var(--me, #8f5cff),color-mix(in srgb,var(--me, #8f5cff) 55%,#2a1f3d));display:flex;flex-direction:column;align-items:center;padding:calc(10px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));pointer-events:auto}.pad-badge{display:flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:4px 14px 4px 6px;font-family:var(--display);font-size:20px;box-shadow:0 4px 0 var(--ink);align-self:flex-start}.pad-dot{width:26px;height:26px;border-radius:50%;border:3px solid var(--ink)}.pad-place{font-family:var(--body);font-size:14px;color:var(--ink-soft)}.pad-show{position:absolute;top:calc(10px + var(--safe-top));right:calc(10px + var(--safe-right))}.pad-card{margin-top:4vh;text-align:center;color:#fff;max-width:560px;pointer-events:none}.pad-big-text{font-family:var(--display);font-size:clamp(40px,11vmin,90px);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;line-height:1.05}.pad-small-text{font-weight:900;font-size:clamp(15px,3.5vmin,22px);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-top:8px}.pad-ready{margin-top:14px;z-index:12;position:relative}.pad-ready.on{--face: #fff;--edge: #d9cfe6}.pad-view:not(.hidden)~.pause-button,.pad-view:not(.hidden)~.screen,.pad-view:not(.hidden)~.hud{display:none!important}.board-lives{font-size:.8em;letter-spacing:-.15em}.title-stats{font-weight:900;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-bottom:8px;pointer-events:none!important}