:root{--midnight: #070b18;--felt: #0e1630;--edge: #22315c;--aurora: #3de0ff;--ember: #ff3d8b;--brass: #f2c14e;--snow: #eaf0ff;--muted: #8093b8;--dim: #5a6b93;--f-display: "Big Shoulders Display", "Haettenschweiler", "Arial Narrow", sans-serif;--f-body: "Chivo", "Helvetica Neue", Arial, sans-serif;--f-data: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--midnight);color:var(--snow);font-family:var(--f-body);overscroll-behavior:none;touch-action:manipulation}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer}button:focus-visible{outline:2px solid var(--aurora);outline-offset:3px}.stage{position:fixed;inset:0}.stage canvas{display:block;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 10px) max(12px,calc((100vw - 1180px)/2)) calc(var(--safe-b) + 10px)}.hud>*{pointer-events:auto}.rail{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.foe{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:999px;background:#090e22b8;border:1px solid rgba(255,61,139,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:62vw}.foe.active{border-color:var(--ember);box-shadow:0 0 22px #ff3d8b59}.avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:19px;color:#2b0413;background:linear-gradient(150deg,#ff8ab8,var(--ember))}.foe-txt{min-width:0;line-height:1.15}.foe-name{font-family:var(--f-display);font-weight:700;font-size:17px;letter-spacing:.05em;text-transform:uppercase}.foe-tell{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-right{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#090e22b8;border:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:16px;color:var(--muted)}.icon-btn:hover{color:var(--snow);border-color:var(--aurora)}.scores{display:flex;gap:8px;margin-top:8px;align-self:flex-start}.scorebox{display:flex;align-items:baseline;gap:7px;padding:5px 11px;border-radius:9px;background:#090e22a8;border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scorebox .who{font-family:var(--f-data);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.scorebox .val{font-family:var(--f-display);font-weight:800;font-size:21px;font-variant-numeric:tabular-nums;line-height:1}.scorebox.me .val{color:var(--aurora)}.scorebox.foe-score .val{color:var(--ember)}.scorebox .cards{font-family:var(--f-data);font-size:10px;color:var(--dim)}.charge{width:74px;height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden;flex:none}.charge i{display:block;height:100%;border-radius:99px;transition:width .35s cubic-bezier(.2,.8,.3,1)}.charge.me i{background:linear-gradient(90deg,#1b8fc4,var(--aurora));box-shadow:0 0 10px var(--aurora)}.charge.them i{background:linear-gradient(90deg,#a3235c,var(--ember));box-shadow:0 0 10px var(--ember)}.middle{flex:1;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}.streak{position:absolute;left:0;top:8%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 13px;border-radius:12px;background:#090e22b3;border:1px solid rgba(61,224,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:punch .34s cubic-bezier(.2,1.5,.4,1)}.streak .x{font-family:var(--f-display);font-weight:900;font-size:30px;line-height:.85;color:var(--aurora);text-shadow:0 0 20px rgba(61,224,255,.7)}.streak .lab{font-family:var(--f-data);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}@keyframes punch{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.14);opacity:1}to{transform:scale(1)}}.callout{text-align:center;animation:shout .45s cubic-bezier(.15,1.4,.35,1)}.callout .big{font-family:var(--f-display);font-weight:900;font-size:clamp(64px,21vw,150px);line-height:.82;letter-spacing:.01em;margin:0}.callout .sub{font-family:var(--f-data);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--snow);opacity:.85;margin-top:6px}.callout.mulle .big{color:var(--brass);text-shadow:0 0 60px rgba(242,193,78,.85)}.callout.sopa .big{color:var(--aurora);text-shadow:0 0 60px rgba(61,224,255,.85)}.callout.streak .big{color:var(--snow);font-size:clamp(48px,14vw,96px);text-shadow:0 0 40px rgba(61,224,255,.6)}@keyframes shout{0%{transform:scale(.45) translateZ(0);opacity:0;filter:blur(8px)}55%{transform:scale(1.12);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1}}.flash{position:fixed;inset:0;background:#fff;pointer-events:none;mix-blend-mode:screen}.actions{display:flex;flex-direction:column;align-items:center;gap:8px}.hint{font-family:var(--f-data);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding:5px 14px;border-radius:99px;background:#070b1899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:92vw}.hint b{color:var(--snow);font-weight:700}.hint .gold{color:var(--brass)}.btnrow{display:flex;gap:9px;align-items:stretch}.btn{min-height:48px;padding:0 24px;border-radius:14px;font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.09em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--edge);background:#090e22d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .12s cubic-bezier(.2,.8,.3,1),box-shadow .16s ease,opacity .16s ease}.btn:active{transform:scale(.96)}.btn[disabled]{opacity:.32;cursor:default}.btn .n{font-family:var(--f-data);font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.75}.btn.take{color:#04202b;background:linear-gradient(150deg,#8df0ff,var(--aurora));border-color:var(--aurora);box-shadow:0 0 26px #3de0ff73}.btn.trail{color:var(--snow)}.btn.ghost{color:var(--muted);font-size:17px;min-height:42px;padding:0 16px}.sheet{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(var(--safe-t) + 24px) 20px calc(var(--safe-b) + 24px);background:radial-gradient(90% 60% at 50% 18%,rgba(24,40,96,.82),transparent 70%),#050814e6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow-y:auto;animation:fade .35s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.wordmark{font-family:var(--f-display);font-weight:900;font-size:clamp(76px,24vw,168px);line-height:.78;letter-spacing:-.01em;margin:0;background:linear-gradient(178deg,#fff,#bfe9ff 38%,#3de0ff 72%,#1b8fc4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(61,224,255,.4))}.subline{font-family:var(--f-display);font-weight:500;font-size:clamp(15px,4vw,22px);letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin:-8px 0 0}.blurb{max-width:34ch;text-align:center;font-size:14px;line-height:1.6;color:#b8c6e4;margin:0}.pickers{display:flex;flex-direction:column;gap:7px;width:min(400px,100%)}.picker-label{font-family:var(--f-data);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);text-align:center;margin-bottom:2px}.pick{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:13px;border:1px solid var(--edge);background:#0e1630b3;text-align:left;transition:border-color .16s ease,background .16s ease,transform .12s ease}.pick:active{transform:scale(.985)}.pick[aria-pressed=true]{border-color:var(--ember);background:#381432b3;box-shadow:0 0 20px #ff3d8b38}.pick .nm{font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:.05em;text-transform:uppercase;line-height:1}.pick .tl{font-size:11.5px;color:var(--muted);line-height:1.35;margin-top:3px}.big-btn{min-height:56px;padding:0 40px;border-radius:16px;font-family:var(--f-display);font-weight:900;font-size:27px;letter-spacing:.12em;text-transform:uppercase;color:#04202b;background:linear-gradient(150deg,#9df3ff,var(--aurora));box-shadow:0 0 40px #3de0ff73;transition:transform .12s cubic-bezier(.2,.8,.3,1)}.big-btn:active{transform:scale(.965)}.legal{font-family:var(--f-data);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:center}.sheet h2{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,11vw,68px);margin:0;letter-spacing:.03em;text-transform:uppercase;text-align:center}.ledger{width:min(460px,100%);border:1px solid var(--edge);border-radius:14px;overflow:hidden;background:#0b122abf}.lrow{display:grid;grid-template-columns:1fr 52px 52px;gap:8px;align-items:center;padding:9px 14px;border-bottom:1px solid rgba(34,49,92,.75)}.lrow:last-child{border-bottom:none}.lrow.head{background:#141f42d9}.lrow.head span{font-family:var(--f-data);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:right}.lrow.head span:first-child{text-align:left}.lrow .lab{font-size:14px;font-weight:500}.lrow .sub{font-family:var(--f-data);font-size:10px;color:var(--dim);display:block;margin-top:1px}.lrow .a,.lrow .b{font-family:var(--f-data);font-weight:700;font-size:16px;text-align:right;font-variant-numeric:tabular-nums}.lrow .a{color:var(--aurora)}.lrow .b{color:var(--ember)}.lrow.brass .lab{color:var(--brass)}.lrow.total{background:#141f42e6;padding-block:13px}.lrow.total .lab{font-family:var(--f-display);font-weight:800;font-size:20px;letter-spacing:.08em;text-transform:uppercase}.lrow.total .a,.lrow.total .b{font-family:var(--f-display);font-weight:900;font-size:26px}.verdict{font-family:var(--f-display);font-weight:800;font-size:22px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--brass)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(orientation:landscape)and (max-height:520px){.hud{padding-inline:max(18px,var(--safe-t))}.callout .big{font-size:clamp(48px,12vw,96px)}.streak{top:2%}}