:root{color:#fff1da;background:#24172d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #24172d;--plum: #2b1b35;--paper: #fff1da;--coral: #e56d68;--moss: #b7dd89;--gold: #f6ca67}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--ink)}button,input{font:inherit}button,a,[role=slider]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.shell{width:min(100% - 32px,760px);margin:0 auto}.lobby{display:grid;align-content:center;gap:28px;min-height:100svh;padding:42px 0 24px}.brand-lockup{max-width:660px}.eyebrow,.section-kicker{margin:0 0 8px;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.035em}h1{font-size:clamp(3rem,11vw,6.5rem);line-height:.86}h2{font-size:clamp(2rem,6vw,3.25rem);line-height:.95}.lede{max-width:590px;margin:20px 0 0;color:#fff1dac2;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.55}.lobby-card{display:grid;min-width:0;gap:22px;padding:clamp(22px,5vw,42px);color:var(--ink);background:var(--paper);border:2px solid #120a18;box-shadow:9px 9px #120a18}fieldset{padding:0;margin:0;border:0}legend{margin-bottom:10px;font-weight:850}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;background:#eadac5;border:2px solid var(--ink)}.segmented button,.choice{min-width:0;min-height:44px;padding-inline:4px;border:0;color:var(--ink);background:transparent;font-weight:800;text-transform:capitalize;cursor:pointer}.segmented button.is-active{color:var(--paper);background:var(--ink)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid rgba(36,23,45,.22)}.setting-row>div{min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row small{margin-top:4px;color:#665969;line-height:1.35}.choice{min-width:82px;padding:0 14px;border:2px solid var(--ink);background:#f5e4cd}.primary{min-height:54px;padding:0 24px;border:2px solid var(--ink);color:var(--ink);background:var(--coral);box-shadow:4px 4px 0 var(--ink);font-weight:900;cursor:pointer}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.primary:disabled{cursor:wait;opacity:.65}.quiet,footer{margin:0;color:#6d5c6d;font-size:.78rem;text-align:center}.lobby footer{color:#fff1da8c}.error{margin:0;color:#992e32;font-weight:750}.play-shell{position:relative;display:grid;grid-template-rows:auto auto minmax(180px,1fr) minmax(280px,42svh);min-height:100svh;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));overflow:hidden}.cooldown{position:fixed;z-index:10;top:0;left:0;width:100%;height:7px;background:#160d1c}.cooldown span{display:block;height:100%;background:var(--gold);transition:width 80ms linear}.play-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 2px 10px}.play-header .eyebrow{margin-bottom:2px}.play-header a{color:var(--paper);font-size:.78rem;font-weight:800;text-underline-offset:4px}.status-bar{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px;border-block:1px solid rgba(255,241,218,.18)}.status-bar>div{padding:8px;text-align:center}.status-bar span,.status-bar strong{display:block}.status-bar span{color:#fff1da94;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-bar strong{margin-top:2px;font-family:Georgia,serif;font-size:1.15rem}.arena-wrap{display:grid;min-height:0;place-items:stretch}.arena{display:block;width:100%;height:100%;min-height:180px;border:2px solid rgba(255,241,218,.22);background:#1d1325}.controls{position:relative;display:grid;place-items:center;min-height:280px;padding-top:12px}.dial{position:relative;width:min(64vw,270px);aspect-ratio:1;touch-action:none;border:3px solid var(--paper);border-radius:50%;background:#35213f;box-shadow:inset 0 0 0 10px #24172d,0 8px #120a18;cursor:crosshair}.dial__ticks{position:absolute;inset:14px;border:2px dotted rgba(255,241,218,.3);border-radius:50%}.dial__handle{position:absolute;inset:50% 50% auto;height:4px;width:43%;transform-origin:left center;background:var(--coral)}.dial__handle span{position:absolute;right:-8px;top:-7px;width:18px;height:18px;border:3px solid var(--ink);border-radius:50%;background:var(--gold)}.dial__center{position:absolute;display:grid;inset:50% auto auto 50%;width:48px;height:48px;transform:translate(-50%,-50%);place-items:center;border:3px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--paper);font-family:Georgia,serif;font-size:1.4rem;font-weight:900}.boost{position:absolute;z-index:2;bottom:24px;display:grid;width:86px;height:86px;place-content:center;border:3px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--moss);box-shadow:4px 5px #120a18;cursor:pointer}.boost--left{left:max(4px,calc(50% - 225px))}.boost--right{right:max(4px,calc(50% - 225px))}.boost span,.boost small{display:block;font-weight:900}.boost small{margin-top:2px;font-size:.66rem;opacity:.7}.boost:disabled{filter:saturate(.2);opacity:.55;cursor:default}.overlay-card{position:fixed;z-index:20;top:50%;left:50%;display:grid;width:min(88vw,390px);gap:18px;padding:30px;transform:translate(-50%,-50%);color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px #120a18;text-align:center}.tv-join{display:grid;align-content:center;min-height:100svh}.tv-join form{display:flex;gap:10px;margin-top:32px}.tv-join input{min-width:0;flex:1;padding:0 18px;border:2px solid var(--paper);color:var(--paper);background:#35213f;font-size:1.35rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.tv-shell{position:relative;display:grid;grid-template-rows:auto 1fr;gap:20px;width:100%;height:100svh;min-height:0;padding:30px;overflow:hidden}.tv-shell>header{display:flex;align-items:end;justify-content:space-between}.tv-shell h1{font-size:clamp(2.4rem,6vw,5rem)}.tv-shell .status-bar{width:min(44vw,520px);margin:0}.arena--large{min-height:0}.tv-pause{position:fixed;top:50%;left:50%;padding:20px 34px;transform:translate(-50%,-50%);border:3px solid var(--ink);color:var(--ink);background:var(--gold);box-shadow:8px 8px #120a18;font-family:Georgia,serif;font-size:clamp(2rem,6vw,5rem);font-weight:900}.loading{display:grid;min-height:100svh;place-items:center;font-family:Georgia,serif;font-size:2rem}@media(min-width:760px){.play-shell{width:min(100%,980px);height:100svh;min-height:0;margin:0 auto;grid-template-rows:auto auto minmax(200px,1fr) minmax(240px,36svh)}.arena{min-height:200px}.controls{min-height:240px}.dial{width:min(30svh,260px)}}@media(max-width:520px){.lobby{align-content:start}.lobby-card{padding-inline:24px}.setting-row small{max-width:180px}.play-shell{grid-template-rows:auto auto minmax(160px,27svh) 1fr}.dial{width:min(58vw,220px)}.boost{width:clamp(50px,16vw,68px);height:clamp(50px,16vw,68px);font-size:.78rem}.boost--left{left:0}.boost--right{right:0}.boost small{font-size:.58rem}.tv-join form{flex-direction:column}.tv-join input{min-height:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){.arena,.status-bar,.cooldown{border-color:var(--paper)}.eyebrow,.section-kicker{color:#ffe08d}}