: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);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 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;-webkit-touch-callout:none;-webkit-user-select:none;user-select: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}.hud.mulle-original:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #f2c14e29}.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))}.icon-btn{width:44px;height:44px;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:18px;color:var(--muted)}.icon-btn:hover,.icon-btn[aria-expanded=true]{color:var(--snow);border-color:var(--aurora)}.scoreline{display:flex;align-items:flex-start;gap:8px}.sl-main{flex:1;min-width:0;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:4px}.sl-meta,.sl-controls{flex:none;display:flex;align-items:center}.sl-meta{gap:6px}.sl-controls{gap:8px}.sl-round,.sl-rule{height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border-radius:8px;background:#090e22b8;border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;font-family:var(--f-display);font-weight:700;font-size:11px;letter-spacing:.08em;color:var(--muted)}.sl-round small{font:inherit}.sl-round b{font-weight:800;font-size:17px;color:var(--brass);font-variant-numeric:tabular-nums}.sl-round em{font-style:normal;font-size:11px;color:var(--muted)}.sl-rule.kryp{color:var(--ember);border-color:#ff3d8b80}.sl-rule.mulle-original{color:var(--brass);border-color:#f2c14e73}.sl-rule .full{display:none}@media(min-width:720px){.sl-rule .full{display:inline}.sl-rule .short{display:none}}.scoreline.slotted{pointer-events:none}.scoreline.slotted .sl-meta,.scoreline.slotted .sl-controls{pointer-events:auto}.scoreline.slotted .sl-meta{position:relative}.scoreline.slotted .sl-rule{position:absolute;top:calc(100% + 4px);left:0}.hud-menu-wrap{position:relative}.hud-menu-scrim{position:fixed;inset:0;z-index:30}.hud-menu{position:absolute;right:0;top:50px;z-index:31;min-width:220px;padding:6px;border-radius:14px;background:#090e22f5;border:1px solid var(--edge);box-shadow:0 12px 34px #00000080;display:flex;flex-direction:column;gap:4px}.hud-menu-item{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-radius:10px;border:1px solid transparent;font-size:15px;text-align:left;white-space:nowrap}.hud-menu-item:hover,.hud-menu-item:focus-visible{border-color:var(--edge);background:#ffffff0a}.hud-menu-sub{font-family:var(--f-data);font-size:11px;color:var(--muted)}.hud-menu-toggle{padding:3px 9px;border-radius:99px;border:1px solid var(--edge);font-family:var(--f-display);font-weight:800;font-size:13px;color:var(--muted)}.hud-menu-toggle.on{color:#04202b;background:var(--aurora);border-color:var(--aurora)}.variant-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-family:var(--f-data);font-size:8px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--aurora);border:1px solid rgba(61,224,255,.45);background:#102c449e}.variant-badge.mulle-original{color:var(--brass);border-color:#f2c14e73;background:#30260e9e}.variant-badge.kryp{color:var(--ember);border-color:#ff3d8b73;background:#3814329e}.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)}.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);border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.callout .big{display:block;font-family:var(--f-display);font-weight:900;font-size:clamp(64px,21vw,150px);line-height:.82;letter-spacing:.01em;margin:0}.callout .sub{display:block;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.build .big{color:var(--brass);font-size:clamp(44px,13vw,92px);text-shadow:0 0 46px rgba(242,193,78,.7)}.callout.threat .big{color:var(--ember);font-size:clamp(44px,13vw,92px);text-shadow:0 0 46px rgba(255,61,139,.7)}.callout.steal .big{color:var(--ember);text-shadow:0 0 60px rgba(255,61,139,.9)}.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{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.hint{font-family:var(--f-data);font-size:11px;line-height:14px;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.build{color:var(--brass);border-color:#f2c14e8c;box-shadow:0 0 18px #f2c14e2e}.btn.build{white-space:nowrap;font-size:19px;padding:0 18px}.btn.build:not([disabled]){background:linear-gradient(150deg,#f2c14e29,#090e22d1)}.btn.ghost{color:var(--muted);font-size:17px;min-height:42px;padding:0 16px}.armed{padding:3px 12px;border-radius:999px;font-family:var(--f-data);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--aurora);border:1px solid rgba(61,224,255,.45);background:#090e22b8;box-shadow:0 0 18px #3de0ff33}.rack-row{display:grid;grid-template-columns:auto minmax(0,max-content);grid-template-areas:"me rack" "energy rack";align-items:center;justify-content:center;column-gap:8px;row-gap:3px;max-width:100%;margin-bottom:8px}.rack-row>.me-plate{display:contents}.rack-row>.me-plate>.me-status{grid-area:me}.rack-row>.me-plate>.rack-energy{grid-area:energy}.rack-row>.rack{grid-area:rack}.rack-row.solo{display:flex}.rack-energy{flex:none;width:64px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:4px;row-gap:3px}.rack-energy b{font-family:var(--f-display);font-weight:800;font-size:20px;line-height:1;color:var(--aurora);font-variant-numeric:tabular-nums}.rack-energy small{font-family:var(--f-display);font-weight:700;font-size:11px;letter-spacing:.06em;color:var(--muted)}.rack-energy .charge{grid-column:1 / -1;width:100%}.me-status{display:flex;align-items:center;gap:5px;font-family:var(--f-data);font-size:11px;color:var(--muted);white-space:nowrap}.me-disc{width:18px;height:18px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-display);font-weight:800;font-size:9px;line-height:1;color:#04202b;background:linear-gradient(150deg,#9df3ff,var(--aurora))}.me-disc.turn{outline:2px solid var(--snow);outline-offset:1px;animation:turn-ring .24s ease-out}@keyframes turn-ring{0%{outline-offset:5px;outline-color:transparent}}.me-won{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}.me-won i{width:7px;height:9px;border-radius:1.5px;border:1px solid var(--muted)}.rack-row.solo .me-status{height:28px;padding:0 10px 0 4px;border-radius:999px;border:1px solid rgba(61,224,255,.45);background:#090e22b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rack{display:flex;gap:7px;min-width:0}.rack .slot{flex:0 1 auto;min-width:92px;min-height:44px;padding:5px 10px;border-radius:11px;display:flex;align-items:center;gap:7px;border:1px solid var(--edge);background:#090e22c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .14s cubic-bezier(.2,.8,.3,1),box-shadow .16s ease,opacity .16s ease}.rack .slot.empty{flex:none;width:92px;border-style:dashed;opacity:.32;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.rack .slot .glyph{flex:none;font-size:17px;line-height:1;color:var(--brass)}.rack .slot .pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--snow)}.rack .slot .pcost{flex:none;margin-left:auto;font-family:var(--f-data);font-size:10px;color:var(--muted)}.rack .slot .pcost.ok{color:var(--aurora)}.rack .slot.locked{opacity:.45}.rack .slot.lifted{transform:translateY(-3px);border-color:var(--brass);box-shadow:0 0 22px #f2c14e59}@media(max-width:379px){.rack-row{column-gap:6px}.rack-energy{width:44px}.rack-energy small{display:none}.me-status{gap:3px}.me-won{gap:2px}.rack .slot{min-width:88px;padding-inline:8px}.rack .slot.empty{width:88px}}@media(min-width:720px){.rack-row{grid-template-columns:auto auto minmax(0,max-content);grid-template-areas:"me energy rack";column-gap:12px}.rack-row .me-status,.rack-row.solo .me-status{height:44px;gap:9px;padding:0 18px 0 5px;border-radius:999px;border:1px solid rgba(61,224,255,.45);background:#090e22b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:16px;color:var(--snow)}.rack-row .me-status .me-disc{width:34px;height:34px;font-size:14px}.rack-row .me-status .me-won{gap:5px}.rack-row .me-status .me-won i{width:9px;height:12px;border-color:var(--snow)}}.actions-overlay{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);display:flex;flex-direction:column;align-items:center;gap:8px}.target-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.btn.target{min-height:44px;padding:0 14px 0 7px;gap:8px;font-size:16px;color:var(--snow);border-color:#ff3d8b80;background:#090e22db}.btn.target .avatar{width:28px;height:28px;font-size:14px}.btn.target.on{border-color:var(--brass);box-shadow:0 0 18px #f2c14e73}.btn.power{color:#2b1c04;background:linear-gradient(150deg,#ffdf94,var(--brass));border-color:var(--brass);box-shadow:0 0 26px #f2c14e6b}.callout.power .big{color:var(--brass);font-size:clamp(44px,13vw,92px);text-shadow:0 0 46px rgba(242,193,78,.75)}.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}.sheet.score-screen{justify-content:flex-start}.sheet.score-screen>*{flex-shrink:0}.sheet.score-screen>:first-child{margin-block-start:auto}.sheet.score-screen>:last-child{margin-block-end:auto}@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}.picker-label{font-family:var(--f-data);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:2px}.big-btn:disabled{opacity:.45;cursor:not-allowed}.step-rail{display:flex;justify-content:center;gap:16px;width:100%;font-family:var(--f-data);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.step-rail span.active{color:var(--aurora)}.variant-picks{display:grid;gap:10px;width:min(440px,100%)}.variant-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.variant-tile{display:grid;gap:5px;width:100%;padding:16px;border:1px solid var(--edge);border-radius:13px;background:#0e1630b3;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease}.variant-tile:hover,.variant-tile:focus-visible{border-color:var(--aurora);transform:translateY(-2px)}.variant-tile[aria-pressed=true]{border-color:var(--aurora);box-shadow:0 0 24px #3de0ff38}.variant-name{font-family:var(--f-display);font-size:23px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.variant-blurb{color:var(--muted);font-size:12px;line-height:1.4}.variant-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.variant-chips span{padding:3px 6px;border:1px solid var(--edge);border-radius:5px;color:var(--dim);font-family:var(--f-data);font-size:9px}.variant-tile.mulle-original .variant-chips span{text-decoration:line-through}.back-chip{position:sticky;top:0;z-index:2;align-self:flex-start;border:1px solid rgba(61,224,255,.58);border-radius:999px;padding:7px 11px;color:var(--aurora);background:#070b18f0;font-family:var(--f-data);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.back-chip:hover{border-color:var(--aurora)}.back-chip.mulle-original{color:var(--brass);border-color:#f2c14e94}.back-chip.mulle-original:hover{border-color:var(--brass)}.back-chip.kryp{color:var(--ember);border-color:#ff3d8b94}.back-chip.kryp:hover{border-color:var(--ember)}.start-heading{font-family:var(--f-display);font-weight:900;font-size:clamp(36px,10vw,58px);line-height:.9;text-transform:uppercase;text-align:center;margin:0}.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:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sheet.setup-sheet{justify-content:flex-start}.step1-inner{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;margin:auto 0}.step1-btn{position:sticky;bottom:0;z-index:3;flex:none;width:100%;margin-top:8px;box-shadow:0 -22px 26px -6px var(--midnight),0 0 40px #3de0ff73}.profile-chips .btn.ghost{min-height:48px}.variant-tile[aria-pressed=true]{position:relative}.variant-tile[aria-pressed=true]:after{content:"✓";position:absolute;top:10px;right:12px;color:var(--aurora);font-family:var(--f-data);font-weight:700;font-size:13px}.variant-tile.mulle-original[aria-pressed=true]:after,.back-chip.mulle-original~.variant-tile.mulle-original[aria-pressed=true]:after{color:var(--brass)}.variant-tile.kryp[aria-pressed=true]:after{color:var(--ember)}.setup2{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px;margin:auto 0;min-height:0}.top-bar{display:flex;align-items:center;justify-content:space-between;width:100%}.rail-mini{font-family:var(--f-data);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.setup-heading{margin:0;font-size:clamp(24px,8vw,30px)}.setup-controls{display:flex;flex-direction:column;gap:8px;width:100%}.setup-row{display:flex;align-items:center;gap:10px;min-height:48px}.setup-row-label{flex:0 0 72px;font-family:var(--f-data);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.segmented{display:flex;flex:1;gap:6px;border:none;margin:0;padding:0}.seg{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border:1px solid var(--edge);background:#0e1630b3;font-family:var(--f-display);font-weight:800;font-size:15px;letter-spacing:.03em;color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.seg:has(input:focus-visible){outline:2px solid var(--aurora);outline-offset:2px}.seg.active{background:linear-gradient(150deg,#9df3ff,var(--aurora));color:#04202b;border-color:var(--aurora)}.seat-map{position:relative;display:grid;gap:8px 10px;width:100%;justify-items:center;align-items:center}.seat-map[data-count="2"]{grid-template-columns:1fr;grid-template-areas:"opposite" "you"}.seat-map[data-count="3"]{grid-template-columns:1fr 1fr;grid-template-areas:"left right" "you you"}.seat-map[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-areas:"opposite opposite" "left right" "you you"}.seat-opposite{grid-area:opposite}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(112px,32vw,128px);height:84px;padding:8px;border-radius:14px;border:1px solid var(--edge);background:#0e1630b8;text-align:center;transition:border-color .14s ease,background .14s ease,transform .1s ease}.seat-card:active{transform:scale(.97)}.seat-card.foe{border-color:#ff3d8b66}.seat-card.foe:hover,.seat-card.foe:focus-visible{border-color:var(--ember)}.seat-card.mine{border-color:#3de0ff8c;background:#142a409e}.seat-card.mine:hover,.seat-card.mine:focus-visible{border-color:var(--aurora)}.seat-card.you{grid-area:you;height:64px;border-style:dashed;border-color:var(--edge);background:transparent;cursor:default}.seat-card-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:var(--f-display);font-weight:800;font-size:14px;background:linear-gradient(150deg,#ff8ab8,var(--ember));color:#38041d}.seat-card.mine .seat-card-avatar{background:linear-gradient(150deg,#9df3ff,var(--aurora));color:#04202b}.seat-card.you .seat-card-avatar{background:#eaf0ff1f;color:var(--snow)}.seat-card-name{font-family:var(--f-display);font-weight:800;font-size:19px;text-transform:uppercase;line-height:1}.seat-card-role{font-family:var(--f-data);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ember)}.seat-card.mine .seat-card-role{color:var(--aurora)}.seat-card-meta{font-family:var(--f-data);font-size:11px;color:var(--muted)}.partner-line{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 46%,rgba(61,224,255,.45) 46%,rgba(61,224,255,.45) 54%,transparent 54%);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);opacity:.5}.setup-summary{text-align:center;font-size:13px;color:var(--snow);margin:0}.legal-slot{position:relative;width:100%}.setup-snackbar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:4px 10px;border-radius:999px;background:#141f42eb;border:1px solid rgba(61,224,255,.35);color:var(--snow);font-family:var(--f-data);font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:snackbar-fade 2.5s ease forwards}@keyframes snackbar-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.setup-snackbar{animation:none}}.spela-btn{position:sticky;bottom:0;z-index:3;width:100%;flex:none}.picker-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#0508128c;animation:joker-fade .2s ease-out}.picker-sheet{width:100%;max-height:90vh;display:flex;flex-direction:column;gap:10px;background:#090e22f7;border:1px solid var(--edge);border-bottom:none;border-radius:20px 20px 0 0;padding:16px 16px calc(var(--safe-b) + 14px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -12px 40px #00000080;animation:joker-rise .2s cubic-bezier(.16,.8,.24,1);overscroll-behavior:contain}.picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:none}.picker-key{margin:0 0 2px;font-family:var(--f-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.picker-title{margin:0;font-family:var(--f-display);font-weight:800;font-size:22px;text-transform:uppercase}.picker-close{flex:none;min-height:48px;min-width:48px;padding:0 16px;border-radius:12px;border:1px solid var(--edge);color:var(--snow);font-family:var(--f-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.picker-close:hover,.picker-close:focus-visible{border-color:var(--aurora)}.picker-roster{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;min-height:0;padding-bottom:4px}.picker-tile{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;min-height:88px;padding:8px 10px;border-radius:12px;border:1px solid var(--edge);background:#ffffff08;text-align:left;transition:border-color .12s ease,background .12s ease}.picker-tile:active{transform:scale(.98)}.picker-tile.current{border-color:var(--brass);background:#f2c14e24;box-shadow:0 0 18px #f2c14e3d}.picker-tile.partner{border-color:#3de0ff80}.picker-tile.elsewhere{border-color:var(--edge)}.picker-tile-top{display:flex;align-items:center;gap:8px;min-width:0}.picker-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:var(--f-display);font-weight:800;font-size:15px;background:linear-gradient(150deg,#ff8ab8,var(--ember));color:#38041d}.picker-tile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-tile-name{font-family:var(--f-display);font-weight:800;font-size:14px;text-transform:uppercase;line-height:1}.picker-tile-tell{font-size:12px;color:var(--muted);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.picker-tile-marker{font-family:var(--f-data);font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-tile.current .picker-tile-marker{color:var(--brass);font-weight:700}.picker-tile.partner .picker-tile-marker{color:var(--aurora)}@media(min-width:720px)and (min-height:600px){.picker-backdrop{align-items:stretch;justify-content:flex-end;background:#05081259}.picker-sheet{width:520px;max-width:92vw;max-height:none;border-radius:0;border:none;border-left:1px solid var(--edge);animation:picker-slide .2s cubic-bezier(.16,.8,.24,1)}@keyframes picker-slide{0%{transform:translate(100%)}to{transform:translate(0)}}}@media(min-width:720px)and (min-height:600px){.setup2{max-width:1080px;display:grid;grid-template-columns:minmax(280px,460px) minmax(300px,1fr);column-gap:32px;row-gap:10px;align-items:start}.setup2>.top-bar,.setup2>.setup-heading,.setup2>.setup-controls,.setup2>.setup-summary,.setup2>.legal-slot,.setup2>.spela-btn{grid-column:2}.setup2>.seat-map{grid-column:1;grid-row:1 / span 8;align-self:center}.setup2>.sr-only{grid-column:2}.seat-card{width:clamp(140px,12vw,168px);height:112px}.seat-card.you{height:84px}.seat-card-name{font-size:24px}.picker-roster{grid-template-columns:1fr 1fr}}@media(max-height:620px){.legal{display:none}.seat-card{height:76px}.seat-card.you{height:56px}}@media(max-height:560px){.setup-heading{font-size:22px}.seat-card{width:clamp(104px,30vw,120px);height:68px}.seat-card.you{height:50px}}.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}.scoreboard{width:100%;min-width:0;max-width:460px;box-sizing:border-box;table-layout:fixed;border:1px solid var(--edge);border-spacing:0;border-radius:14px;background:#0b122ad1}.scoreboard th,.scoreboard td{padding:8px 5px;border-bottom:1px solid rgba(34,49,92,.75)}.scoreboard thead th{background:#141f42e6}.scoreboard thead th:first-child{border-top-left-radius:13px}.scoreboard thead th:last-child{border-top-right-radius:13px}.scoreboard-category-heading{width:31%;color:var(--dim);text-align:left;font:9px var(--f-data);letter-spacing:.08em;text-transform:uppercase}.scoreboard-player{border-top:3px solid transparent;text-align:center;vertical-align:middle}.scoreboard-player--place-1{border-top-color:var(--brass)!important}.scoreboard-player--place-2,.scoreboard-player--place-3,.scoreboard-player--place-4{border-top-color:#96a9d359}.scoreboard th.scoreboard-column--first,.scoreboard td.scoreboard-column--first{background-color:#f4be4e16}.scoreboard th.scoreboard-column--you,.scoreboard td.scoreboard-column--you{background-color:#47e1ff12}.scoreboard-rank{display:block;color:var(--dim);font:9px/1.1 var(--f-data);white-space:nowrap}.scoreboard-player--place-1 .scoreboard-rank{color:var(--brass);font-weight:800}.scoreboard-player--place-2 .scoreboard-rank{color:var(--dim);font-weight:600}.scoreboard-column--you .scoreboard-rank{color:var(--aurora);font-weight:700}.scoreboard-player-name{display:block;margin-top:4px;color:var(--snow);font:700 11px/1.15 var(--f-data);overflow-wrap:anywhere}.scoreboard-column--you .scoreboard-player-name{color:var(--aurora)}.scoreboard tbody th{color:var(--muted);text-align:left;font-size:12px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.scoreboard tbody th small{display:block;margin-top:2px;color:var(--dim);font:9px/1.15 var(--f-data);overflow-wrap:anywhere}.scoreboard tbody td{color:var(--snow);text-align:center;font:700 12px/1.2 var(--f-data);font-variant-numeric:tabular-nums;white-space:nowrap}.scoreboard-category--brass th{color:var(--brass)!important}.scoreboard-category--aurora th{color:var(--aurora)!important}.scoreboard-total th,.scoreboard-total td{border-top:2px solid rgba(126,152,214,.35)}.scoreboard-total--deal{background:#2a3c6c73}.scoreboard-total--deal th{color:var(--aurora)!important;font-weight:800!important}.scoreboard-total--deal td{font-size:14px!important}.scoreboard-total--match{background:#090e22f0}.scoreboard-total--match th{color:var(--brass)!important;font:800 13px/1.2 var(--f-display)!important;letter-spacing:.04em;text-transform:uppercase}.scoreboard-total--match td{color:var(--brass);font:900 17px/1.1 var(--f-display)}.scoreboard tbody tr:last-child th,.scoreboard tbody tr:last-child td{border-bottom:0}@media(max-width:380px){.scoreboard th,.scoreboard td{padding:7px 3px}.scoreboard-category-heading{width:30%;font-size:8px}.scoreboard-player-name{font-size:10px}.scoreboard tbody th{font-size:11px}.scoreboard tbody th small{font-size:8px}}.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}}.joker-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#05081266;animation:joker-fade .2s ease-out}@keyframes joker-fade{0%{opacity:0}to{opacity:1}}.joker-sheet{width:100%;max-height:78vh;display:flex;flex-direction:column;background:#090e22f5;border:1px solid var(--edge);border-bottom:none;border-radius:20px 20px 0 0;padding:16px 16px calc(var(--safe-b) + 14px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -12px 40px #00000080;animation:joker-rise .2s cubic-bezier(.16,.8,.24,1)}@keyframes joker-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.joker-header{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:4px 0 10px;font-family:var(--f-display);font-weight:800;font-size:32px}.joker-arrow{color:var(--dim);font-size:22px}.joker-to{color:var(--brass);transition:opacity .12s ease}.joker-to.empty{color:var(--dim)}.joker-frame{margin:0 0 10px;text-align:center;font-family:var(--f-data);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.joker-rows{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:4px;min-height:0}.joker-row{flex:none;min-height:58px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:0 14px;border-radius:12px;border:1px solid var(--edge);background:#ffffff08;text-align:left;transition:border-color .12s ease,background .12s ease}.joker-row.selected{border-color:var(--aurora);background:#3de0ff1a}.joker-row:disabled{opacity:.55;cursor:not-allowed}.joker-row-face{font-family:var(--f-display);font-weight:800;font-size:22px}.joker-row-value{font-family:var(--f-data);font-size:12px;color:var(--muted)}.joker-row-value .gold{color:var(--brass)}.joker-row-cons{font-family:var(--f-data);font-size:11px;letter-spacing:.02em;color:var(--aurora);text-align:right;white-space:nowrap}.joker-row-cons.brass{color:var(--brass);font-weight:700}.joker-footer{display:flex;gap:9px;padding-top:12px;flex:none}.joker-footer .btn{flex:1;justify-content:center}@media(min-width:720px){.joker-backdrop{align-items:center}.joker-sheet{width:460px;max-height:82vh;border:1px solid var(--edge);border-radius:20px;animation:joker-pop .2s cubic-bezier(.16,.8,.24,1)}@keyframes joker-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}}@media(orientation:landscape)and (max-height:520px){.hud{--rail: 116px;--hud-t: max(8px, calc(var(--safe-t) + 8px));--hud-r: calc(var(--safe-r) + 10px);--hud-b: calc(var(--safe-b) + 6px);--hud-l: calc(var(--safe-l) + 10px);padding:var(--hud-t) var(--hud-r) var(--hud-b) var(--hud-l)}.scoreline{position:absolute;top:var(--hud-t);left:var(--hud-l);right:var(--hud-r);pointer-events:none}.scoreline>*{pointer-events:auto}.sl-main{flex:none;width:var(--rail);min-height:0}.sl-meta{flex-direction:column;align-items:flex-start;gap:4px}.sl-controls{margin-left:auto}.sl-rule .full{display:none}.sl-rule .short{display:inline}.middle{position:absolute;top:0;bottom:var(--hud-b);left:calc(var(--hud-l) + var(--rail) + 4px);right:calc(var(--hud-r) + var(--rail) + 4px)}.streak{top:8px;left:8px}.callout .big{font-size:clamp(40px,calc((100vw - var(--safe-l) - var(--safe-r) - 2 * var(--rail) - 28px) * .16),96px)}.actions{position:absolute;inset:var(--hud-t) var(--hud-r) var(--hud-b) var(--hud-l);display:block;pointer-events:none}.actions>*{pointer-events:auto}.rack-row,.rack-row.solo{position:absolute;left:0;bottom:0;width:var(--rail);margin:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}.rack-row .me-status,.rack-row.solo .me-status{height:38px;gap:7px;padding:0 12px 0 4px;border-radius:999px;border:1px solid rgba(61,224,255,.45);background:#090e22b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;color:var(--snow)}.rack-row .me-status .me-disc{width:30px;height:30px;font-size:12px}.rack-row .me-status .me-won i{width:8px;height:11px;border-color:var(--snow)}.rack-energy{width:100%;padding:0 4px}.rack-energy small{display:inline}.rack{flex-direction:column;gap:6px}.rack .slot,.rack .slot.empty{width:100%;min-width:0}.btnrow{position:absolute;right:0;bottom:0;width:var(--rail);flex-direction:column;gap:8px}.btnrow .btn{justify-content:center;padding:4px 8px;font-size:18px;line-height:1.05;white-space:normal;text-align:center}.btnrow .btn.build,.btnrow .btn.power{font-size:15px}.hint{position:absolute;pointer-events:none;background:#070b18d6;bottom:0;left:calc(var(--rail) + 4px);right:calc(var(--rail) + 4px);width:fit-content;max-width:calc(100% - 2 * var(--rail) - 8px);margin:0 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.actions-overlay{bottom:32px;max-width:calc(100% - 2 * var(--rail) - 16px)}.joker-backdrop{align-items:center;padding:8px calc(var(--safe-r) + 10px) calc(var(--safe-b) + 6px) calc(var(--safe-l) + 10px)}.joker-sheet{width:min(460px,100%);max-height:100%;border:1px solid var(--edge);border-radius:20px;padding-bottom:14px}}@media(max-width:719px)and (orientation:portrait){.hud.standard .rack-row:not(.solo){grid-template-columns:64px minmax(0,max-content);grid-template-areas:"me rack";column-gap:8px;row-gap:0}.hud.standard .me-plate{position:relative;grid-area:me;display:block;box-sizing:border-box;width:64px;height:44px;border:1px solid rgba(61,224,255,.45);border-radius:13px;background:#090e22b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud.standard .me-status{position:absolute;left:4px;top:11px;gap:0}.hud.standard .me-disc{width:20px;height:20px;font-size:9px}.hud.standard .me-won{position:absolute;left:31px;top:-9px;gap:2px;font-size:9px}.hud.standard .me-won i{width:6px;height:8px}.hud.standard .me-plate .rack-energy{position:absolute;right:4px;bottom:3px;display:block;width:28px;grid-template-columns:1fr;padding:0}.hud.standard .me-plate .rack-energy b{display:block;text-align:right;font-size:15px;line-height:1}.hud.standard .me-plate .rack-energy small{display:none}.hud.standard .me-plate .rack-energy .charge{display:block;height:3px;margin-top:2px}}@media(orientation:landscape)and (max-height:520px){.hud.standard .rack-row:not(.solo){display:flex;flex-direction:column;align-items:stretch;gap:6px}.hud.standard .me-plate{position:relative;box-sizing:border-box;display:block;width:116px;height:40px;border:1px solid rgba(61,224,255,.45);border-radius:13px;background:#090e22b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud.standard .me-status{position:absolute;left:4px;top:4px;height:30px;gap:7px;padding:0;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:14px;color:var(--snow)}.hud.standard .me-disc{width:30px;height:30px;font-size:12px}.hud.standard .me-won i{width:8px;height:11px;border-color:var(--snow)}.hud.standard .me-plate .rack-energy{position:absolute;right:4px;top:3px;display:block;width:34px;grid-template-columns:1fr;padding:0}.hud.standard .me-plate .rack-energy b{display:block;text-align:right;font-size:19px;line-height:1}.hud.standard .me-plate .rack-energy small{display:none}.hud.standard .me-plate .rack-energy .charge{display:block;height:3px;margin-top:2px}.hud.standard .rack-row>.rack{flex-direction:column;gap:6px}}@media(min-width:720px)and (min-height:521px){.rack-row{grid-template-columns:auto minmax(0,max-content);grid-template-areas:"me rack"}.rack-row>.me-plate{grid-area:me;display:flex;align-items:center;gap:12px;height:44px;border-radius:13px;background:#090e22b8;box-shadow:inset 0 0 0 1px #3de0ff73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rack-row .me-status,.rack-row.solo .me-status{border-color:transparent;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}}