:root{--bg:#070a16;--panel-hi:#232c55;--panel-lo:#0e1228;--panel-sunk:#0a0e1e;--panel:#171d38;--panel-edge:#070a16;--edge-light:#aac3ff4d;--ink:#eef3ff;--ink-dim:#93a2c6;--ink-faint:#5c688a;--you:#3d9bff;--you-wash:#5ab4ff3d;--them:#ff4d5e;--them-wash:#ff4d5e26;--gold:#ffc046;--gold-hot:#ffe9a8;--gold-deep:#a35d00;--move:#c56bff;--rule:#9fb0d8;--radius:10px;--r-sm:4px;--r-md:8px;--r-lg:12px;--face-ui:"Barlow Semi Condensed", ui-sans-serif, system-ui, sans-serif;--face-num:"Archivo Black", ui-sans-serif, system-ui, sans-serif;--hand-card-h:clamp(118px, 16vh, 160px);--board-card-h:clamp(118px, 19.5vh, 194px);--hand-card-w:calc(var(--hand-card-h) * .714);--peek-card-h:clamp(74px, 11vh, 118px);--peek-card-w:calc(var(--peek-card-h) * .63)}*{box-sizing:border-box}body{color:var(--ink);font:500 15px/1.45 var(--face-ui);background-color:#0000;background-image:radial-gradient(1200px 800px at 22% 8%,#1c2a63 0%,#0000 58%),radial-gradient(900px 700px at 82% 92%,#341a56 0%,#0000 60%),radial-gradient(1400px 900px,#101736 0%,#070a16 78%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}.card__cost,.card__power,.stat__value,.location__power,.deck__count,.shots__count{font-family:var(--face-num);font-variant-numeric:tabular-nums;font-weight:400}button{font:inherit;color:inherit;cursor:pointer}button:disabled,button[aria-disabled=true]{cursor:not-allowed}.app{flex-direction:column;gap:8px;max-width:min(1560px,96vw);height:100dvh;margin:0 auto;padding:10px 14px;display:flex;position:relative;overflow:hidden}.app--loading{align-items:center;padding-top:80px}.board{flex:auto;min-height:0}.location{min-height:0}.location__side{flex:1 1 0;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,auto);justify-content:center;place-items:center;gap:5px;min-height:0;display:grid;position:relative;container-type:size}.opponent,.hand,.result,.topbar,.beat,.beat-slot,.replay,.peek,.error,.log{flex:none}.topbar{border-bottom:1px solid var(--panel-edge);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:8px;display:flex}.topbar h1{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:17px}.topbar__stats{color:var(--ink-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stat{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);align-items:baseline;gap:7px;padding:3px 11px;display:flex}.stat__value{color:var(--ink);font-size:21px;font-weight:800;line-height:1.1}.stat__label{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.stat__of{color:var(--ink-dim);font-size:.62em;font-style:normal;font-weight:600}.stat--energy{border-color:var(--gold)}.stat--energy .stat__value{color:var(--gold);font-size:27px}.stat--empty{border-color:var(--panel-edge)}.stat--empty .stat__value{color:var(--ink-dim)}.stat--quiet .stat__value{font-size:19px}.topbar__actions{gap:8px;margin-left:auto;display:flex}.topbar__actions button{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:5px 11px;font-size:13px}.topbar__actions button:hover:not(:disabled){border-color:var(--you)}.topbar__actions button:disabled{opacity:.4}.priority--yours{color:var(--you)}.error{border-radius:var(--radius);color:#ffc9c9;background:#3a1c1c;border:1px solid #6d2b2b;margin:0;padding:9px 12px}.opponent{color:var(--ink-dim);align-items:center;gap:12px;display:flex}.opponent__hand{align-items:flex-start;gap:4px;display:flex}.opponent__hand .card{width:var(--peek-card-w);height:var(--peek-card-h);flex:none}.opponent__hand .card--facedown{width:26px;height:40px;min-height:0}.opponent__hand .card .card__name{padding-bottom:3px;font-size:8.5px;line-height:1.15}.opponent__hand .card .card__badge{display:none}.hand--watching{align-items:flex-start}.deck{flex:none;width:40px;height:58px;display:block;position:relative}.deck__layer{border:1px solid var(--panel-edge);background:linear-gradient(150deg,#2f3852,#1e2536),repeating-linear-gradient(45deg,#2b3346 0 4px,#232b3b 4px 8px);border-radius:6px;position:absolute;inset:0}.deck__count{z-index:2;background:var(--panel);border:1px solid var(--panel-edge);font-variant-numeric:tabular-nums;text-align:center;min-width:20px;color:var(--ink-dim);border-radius:999px;padding:1px 5px;font-size:11px;font-weight:700;position:absolute;bottom:-5px;right:-5px}.deck--empty:before{content:"";border:1px dashed var(--panel-edge);border-radius:6px;position:absolute;inset:0}.hand__label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);align-self:center;font-size:13px}.board{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.location{background:radial-gradient(64% 40% at var(--kx,32%) 12%, hsl(var(--h1,220) 46% 26% / .55), transparent 72%), radial-gradient(80% 46% at calc(100% - var(--kx,32%)) 92%, hsl(var(--h2,250) 40% 22% / .45), transparent 74%), linear-gradient(180deg, #141a35 0%, #10152c 46%, #182046 100%);border:1px solid var(--panel-edge);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--edge-light), inset 0 -1px 0 #00000080, 0 8px 22px #00000073;flex-direction:column;gap:6px;padding:8px;display:flex}.location--hidden{border-style:dashed}.location--hidden .location__label{color:var(--ink-dim)}.location__side{text-align:left;background:0 0;border:0;padding:0}.location__side--yours{background:radial-gradient(130% 58% at 50% 124%,#3d9bff42,#0000 62%);border-radius:0 0 8px 8px;box-shadow:inset 0 -2px #78c8ff8c,inset 0 -22px 30px -20px #3d9bff8c}.location__side--theirs{background:radial-gradient(130% 58% at 50% -24%,#ff4d5e33,#0000 62%);border-radius:8px 8px 0 0;box-shadow:inset 0 2px #ff829173,inset 0 22px 30px -20px #ff4d5e73}.location__side--yours .card--board{box-shadow:0 0 0 1.5px #a0d2ff52,0 0 20px -7px #3d9bff8c,0 7px 14px -6px #000000bf}.location__side--theirs .card--board{box-shadow:0 0 0 1.5px #ffa0aa4d,0 0 20px -7px #ff4d5e8c,0 7px 14px -6px #000000bf}.location__side--yours:not(:disabled){outline:1px dashed #0000}.location--droppable .location__side--yours{outline-color:var(--you)}.location__score{border-radius:var(--r-md);font-variant-numeric:tabular-nums;background:linear-gradient(#ff4d5e1a,#0000 46%),linear-gradient(#0000 54%,#3d9bff1a),linear-gradient(#232c56,#0d1226);border:0;justify-content:space-between;align-items:center;height:46px;padding:5px 8px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0009,0 4px 14px #00000080}.location__score:before{content:"";background:linear-gradient(90deg,#0000,#a0b9ff38 22% 78%,#0000);height:1px;position:absolute;top:50%;left:8px;right:8px}.location__score--winning{background:linear-gradient(#2f76d8,#0e2a5c 72%);box-shadow:inset 0 1px #bee6ffa6,inset 0 0 0 1px #82cdffcc,0 0 26px #3d9bff80}.location__score--losing{background:linear-gradient(#5e1626,#1c0a12 72%);box-shadow:inset 0 1px #ffbec84d,inset 0 0 0 1px #ff788799}.location__score--losing .location__label{color:#ffd9de}.location__label{z-index:1;border-radius:var(--r-pill,999px);text-transform:uppercase;letter-spacing:.14em;color:#cfdcff;text-shadow:0 1px 3px #000c;background:#0609148c;padding:3px 12px;font-size:12px;font-weight:700;position:relative}.location__power{z-index:1;text-shadow:0 0 10px;background:radial-gradient(circle at 40% 32%,#202a52,#0a0e20);border-radius:50%;place-items:center;min-width:34px;height:34px;padding:0 5px;font-size:18px;line-height:1;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px,inset 0 2px 6px #0009,0 0 16px -2px}.card,.slot{border:1px solid var(--panel-edge);text-align:left;background:#1c2333;border-radius:8px;flex-direction:column;gap:3px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.card--board,.slot{aspect-ratio:5/7;justify-self:center;width:auto;height:100%}.card--board{border:0;border-radius:6px;box-shadow:0 0 0 1.5px #e2eeff2e,0 7px 14px -6px #000000bf}.card--board .card__name{padding-bottom:3px;font-size:clamp(8px,1.15vh,11px);line-height:1.15}.card--board .card__badge{display:none}.card--board .card__art{aspect-ratio:auto;min-height:0;position:absolute;inset:0}.card--hand{height:var(--hand-card-h)}.slot{height:100%}.slot--empty{background:0 0;border:0}.card__art{aspect-ratio:5/4;background: radial-gradient(30% 24% at var(--kx,32%) var(--ky,28%), hsl(var(--h1) 90% 72%) 0 42%, hsl(var(--h1) 74% 46%) 42% 62%, hsl(var(--h1) 55% 22%) 62% 74%, transparent 74%), linear-gradient(var(--ang,150deg), transparent 46%, hsl(var(--h1) 85% 78% / .45) 46.6%, transparent 47.4%), linear-gradient(0deg, hsl(var(--h2) 42% 14%) 0 22%, transparent 22%), radial-gradient(90% 70% at calc(100% - var(--kx,32%)) 96%, hsl(var(--h2) 46% 24%), transparent 70%), linear-gradient(158deg, hsl(var(--h1) 30% 15%), hsl(var(--h2) 34% 7%));width:100%;box-shadow:inset 0 1px 0 hsl(var(--h1) 70% 82% / .22), inset 0 -1px 0 #0009;display:block;position:relative;overflow:hidden}.card__art:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}.card--hand .card__art{aspect-ratio:4/3}.card__art:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,#0000 70%,#03050c38);position:absolute;inset:0}.card__art>.card__shaft{content:"";z-index:1;pointer-events:none;background:linear-gradient(var(--ang,150deg), transparent 34%, hsl(var(--h1) 70% 72% / .1) 46%, transparent 58%);position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000 78%);mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000 78%)}.card__image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.card__monogram{z-index:1;font-family:var(--face-num);letter-spacing:-.06em;color:hsl(var(--h1) 80% 90% / .22);mix-blend-mode:soft-light;text-shadow:none;pointer-events:none;font-size:74px;line-height:.78;display:block;position:absolute;inset:auto auto -12% -8%}.card--board .card__monogram{font-size:52px}.card--hand .card__monogram{font-size:78px}.card:has(.card__image) .card__monogram{display:none}.card__cost,.card__power{z-index:3;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0009;border:1.5px solid #0000008c;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:12px;font-weight:800;display:grid;position:absolute;box-shadow:0 1px 3px #0009,inset 0 1px #fff6}.card__cost{background:linear-gradient(180deg, #ffd977, var(--gold));color:#2a1c00;top:3px;left:3px}.card__cost--cheaper{color:#052a13;background:linear-gradient(#b9ffcb,#37d67a);animation:.52s ease-out both power-bump}.card__power{color:#0a1120;background:linear-gradient(#e6eeff,#93a8cc);top:3px;right:3px}.card__power--buffed{color:#052a13;background:linear-gradient(#b9ffcb,#37d67a)}.card__power--drained{color:#2a0505;background:linear-gradient(#ffc2c2,#e2564f)}.card__name{padding:0 5px;font-size:10.5px;font-weight:700;line-height:1.25}.card--board .card__name{z-index:4;text-shadow:0 1px 3px #000000e6;background:linear-gradient(#0000,#04070e8c 42%,#04070ed1);padding:14px 5px 3px;position:absolute;inset:auto 0 0}.card--hand .card__name{font-size:12px}.card__badge{letter-spacing:.06em;text-transform:uppercase;border-radius:3px;align-self:flex-start;margin:0 5px;padding:0 4px;font-size:8.5px;font-weight:700}.card__badge--reveal{color:#d5b8ff;background:#3a2a55}.card__badge--ongoing{color:#86e7cd;background:#123a33}.card__badge--endturn{color:#ffd98a;background:#3d3113}.card__badge--start{color:#9ed0ff;background:#14304d}.card__badge--passive{color:#ffb3c4;background:#4a1f2a}.card__badge--activate{color:#ffd977;background:#4a3606}.card__activate{z-index:5;background:linear-gradient(180deg, #ffd977, var(--gold));color:#2a1c00;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;bottom:3px;right:3px}.card__text{-webkit-line-clamp:3;line-clamp:3;color:var(--ink-dim);-webkit-box-orient:vertical;flex:1;padding:0 5px 5px;font-size:9.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.card--facedown{background:linear-gradient(150deg,#2f3852,#1e2536),repeating-linear-gradient(45deg,#2b3346 0 4px,#232b3b 4px 8px)}.card--facedown-hand{width:30px;min-height:42px}.card--facedown-board{height:100%;box-shadow:inset 0 0 0 1px #7896d240}.card--clickable:hover:not([aria-disabled=true]){border-color:var(--you);transform:translateY(-2px);box-shadow:0 5px 14px #00000073}.card--selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 5px 16px #00000080;transform:translateY(-3px)}.card--staged{opacity:.7;border-style:dashed;border-color:var(--gold)}.card--disabled{opacity:.62;filter:saturate(.5)}.cardtip{z-index:50;border-radius:var(--radius);border:1px solid var(--gold);pointer-events:none;background:#0d1119;flex-direction:column;gap:5px;padding:9px 11px;animation:.11s ease-out both cardtip-in;display:flex;position:fixed;box-shadow:0 8px 26px #0009}@keyframes cardtip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cardtip__name{font-size:14px;font-weight:700}.cardtip__stats{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px}.cardtip__cost{color:var(--gold);font-weight:700}.cardtip__power{color:var(--you);font-weight:700}.cardtip__printed{color:var(--ink-dim);font-size:11.5px;line-height:1.35;display:block}.cardtip__part{align-items:baseline;gap:6px;font-size:11.5px;line-height:1.45;display:flex}.cardtip__partamount{text-align:right;min-width:26px;font-family:var(--face-num);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.cardtip__part--up .cardtip__partamount{color:#6fe0a0}.cardtip__part--down .cardtip__partamount{color:#f08a84}.cardtip__partsource{color:var(--ink-dim)}.cardtip__text{font-size:12.5px;line-height:1.4}.cardtip__text--none{color:var(--ink-dim);font-style:italic}@media (prefers-reduced-motion:reduce){.cardtip{animation:none}}.card--entering{z-index:3;animation:.46s cubic-bezier(.45,.05,.35,1) both card-flip-in}@keyframes card-flip-in{0%{filter:brightness(.82);transform:perspective(700px)rotateY(0)}49.99%{filter:brightness(1.35);transform:perspective(700px)rotateY(90deg)}50%{filter:brightness(1.35);transform:perspective(700px)rotateY(-90deg)}to{filter:brightness();transform:perspective(700px)rotateY(0)}}.card--entering:before{content:"";z-index:4;opacity:0;background:linear-gradient(150deg,#2f3852,#1e2536),repeating-linear-gradient(45deg,#2b3346 0 4px,#232b3b 4px 8px);animation:.46s linear both card-back-off;position:absolute;inset:0}@keyframes card-back-off{0%,49.99%{opacity:1}50%,to{opacity:0}}.card--dying{pointer-events:none;z-index:4;animation:.56s cubic-bezier(.3,.6,.4,1) both card-blow-up}@keyframes card-blow-up{0%{filter:none;opacity:1;transform:scale(1)rotate(0)}18%{filter:brightness(2.8)saturate(.5);opacity:1;transform:scale(1.14)rotate(-3deg)}42%{filter:brightness(1.5);opacity:1;transform:scale(1.04)rotate(4deg);box-shadow:0 0 30px 10px #ffaa46bf}to{filter:brightness(.5);opacity:0;transform:scale(.3)rotate(14deg)}}.card--dying:after{content:"";background:radial-gradient(circle at 50% 45%,#fff0c8f2,#0000 65%);animation:.56s ease-out both card-blast;position:absolute;inset:0}@keyframes card-blast{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.9)}}.card__power--up,.card__power--down{animation:.52s ease-out both power-bump}.card__power--up{color:#052a13;background:linear-gradient(#b9ffcb,#37d67a)}.card__power--down{color:#2a0505;background:linear-gradient(#ffc2c2,#e2564f)}@keyframes power-bump{0%{transform:scale(1)}35%{transform:scale(1.55)}to{transform:scale(1)}}.location__power{animation:.38s ease-out both total-tick}@keyframes total-tick{0%{opacity:.45;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.beat,.beat-slot{height:42px}.beat{border-radius:var(--radius);background:var(--panel);border:1px solid var(--gold);align-items:center;gap:12px;padding:6px 12px;display:flex;overflow-y:auto}.beat-slot{visibility:hidden}.beat__lines{color:var(--ink);flex:1;margin:0;padding:0;font-size:13px;list-style:none}.beat__lines li{animation:.22s ease-out both beat-line-in}@keyframes beat-line-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.beat__dots{gap:4px;display:flex}.beat__dot{background:var(--panel-edge);border-radius:50%;width:6px;height:6px}.beat__dot--done{background:var(--gold)}.beat__skip{background:var(--bg);border:1px solid var(--panel-edge);border-radius:var(--radius);color:var(--ink);cursor:pointer;padding:4px 11px}.tracer{z-index:20;pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.tracer--down{background:radial-gradient(circle, #ff9b9b 0%, var(--them) 55%, transparent 72%);box-shadow:0 0 12px #ff6b6bbf}.tracer--up{background:radial-gradient(circle,#b9f7c8 0%,#46d17a 55%,#0000 72%);box-shadow:0 0 12px #46d17ab3}.card--casting{animation:.52s ease-out both cast}@keyframes cast{0%{box-shadow:0 0 #ffc85700}35%{box-shadow:0 0 18px 4px #ffc857a6}to{box-shadow:0 0 #ffc85700}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card--clickable:hover:not([aria-disabled=true]),.card--selected{transform:none}.card--entering,.card--entering:before,.card__power--up,.card__power--down,.location__power,.beat__lines li{animation:none}.card--entering:before{display:none}.card--dying{animation:.2s linear both card-fade-out}.card--dying:after{opacity:0;animation:none}@keyframes card-fade-out{to{opacity:0}}}.hand,.result{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);align-items:center;gap:12px;padding:8px 12px;display:flex}.hand__cards{flex-wrap:nowrap;flex:1;gap:0;min-width:0;padding-left:18px;display:flex}.hand__cards .card{transform-origin:50% 130%;transform:rotate(calc(var(--lean,0) * 4deg));margin-left:-22px;transition:transform .14s,box-shadow .14s;box-shadow:0 6px 16px -6px #000c}.hand__cards .card:hover,.hand__cards .card:focus-visible,.hand__cards .card--selected{z-index:10;transform:translateY(-16px)scale(1.06);box-shadow:0 16px 30px -10px #000000d9}.hand__cards .card{width:var(--hand-card-w);flex:none}.hand__end,.result button{border-radius:var(--radius);border:1px solid var(--you);background:var(--you);color:#06101d;padding:11px 18px;font-weight:700}.hand__end:disabled{opacity:.5}.result{justify-content:space-between;font-size:17px}.log{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);color:var(--ink-dim);padding:5px 12px;font-size:13px}.log summary{cursor:pointer}.log__body{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);z-index:30;max-width:1372px;max-height:55dvh;margin:0 auto;padding:10px 14px;position:fixed;bottom:46px;left:14px;right:14px;overflow-y:auto;box-shadow:0 -8px 30px #00000080}.log ol{margin:8px 0 0;padding-left:20px;font-size:13px}@media (width<=700px){.board{grid-template-columns:1fr}.topbar__actions{margin-left:0}}.location__text{color:var(--gold);background:#131926;border-radius:5px;height:28px;margin:0;padding:3px 6px;font-size:10px;line-height:1.3;overflow-y:auto}.location__text:empty{visibility:hidden}.location__power--yours{color:var(--you)}.location__power--theirs{color:var(--them)}.deck-pick{color:var(--ink-dim);align-items:center;gap:6px;font-size:13px;display:inline-flex}.deck-pick select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--panel-edge);border-radius:6px;padding:4px 6px}.deck-pick select:disabled{opacity:.5}.peek{border-radius:var(--radius);color:#ffd3dd;background:#4a1f2a;border:1px solid #7d3247;margin:0;padding:3px 12px;font-size:12px}.replay{border-radius:var(--radius);background:var(--panel);border:1px solid var(--gold);flex-wrap:wrap;align-items:center;gap:12px;padding:9px 12px;display:flex}.replay__label{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);min-width:130px;font-size:13px}.replay__count{letter-spacing:.04em;text-transform:none;color:var(--ink-dim);font-size:11px;display:block}.replay__scrub{min-width:160px;accent-color:var(--gold);flex:1}.replay__buttons{gap:8px;display:flex}.replay__buttons button{background:var(--bg);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:5px 11px}.replay__buttons button:disabled{opacity:.4}.log__turn{border-top:1px solid var(--panel-edge);padding:6px 0}.log__turn:first-of-type{border-top:0}.log__heading{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 3px;font-size:11px;font-weight:700}.log__lines{color:var(--ink);margin:0;padding-left:20px;font-size:13px}.log__lines li{padding:1px 0}.sandbox{z-index:35;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);flex-direction:column;gap:8px;max-width:1000px;max-height:calc(100dvh - 140px);margin:0 auto;padding:12px;display:flex;position:fixed;top:64px;left:14px;right:14px;overflow-y:auto;box-shadow:0 12px 40px #0000008c}.sandbox__note{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.6}.sandbox__note code{color:var(--ink);background:#10131a;border-radius:4px;padding:1px 5px;font-size:12px}.sandbox__text{border:1px solid var(--panel-edge);width:100%;color:var(--ink);resize:vertical;background:#10131a;border-radius:6px;padding:10px;font:13px/1.6 ui-monospace,Cascadia Code,Consolas,monospace}.sandbox__text:focus{border-color:var(--you);outline:none}.sandbox__actions{gap:8px;display:flex}.sandbox__actions button{border-radius:var(--radius);border:1px solid var(--panel-edge);background:#1c2333;padding:7px 13px}.sandbox__actions button:hover:not(:disabled){border-color:var(--you)}.sandbox__actions button:disabled{opacity:.4}.report__text{font-size:11.5px;line-height:1.5}.shots{border-radius:var(--radius);border:1px solid var(--panel-edge);background:linear-gradient(180deg, var(--panel-hi), var(--panel-lo));box-shadow:inset 0 1px 0 var(--edge-light), inset 0 -1px 0 #00000080;flex-direction:column;flex:none;justify-content:center;align-self:center;gap:3px;max-height:100%;padding:6px 9px;display:flex;overflow-y:auto}.shots__label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:9px}.shots__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.shots__shot{color:var(--ink);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.shots__gem{background:linear-gradient(145deg, hsl(var(--gem) 95% 74%), hsl(var(--gem) 85% 46%));width:11px;height:11px;box-shadow:0 0 7px hsl(var(--gem) 90% 55% / .75), inset 0 0 0 1px hsl(var(--gem) 90% 82% / .6);border-radius:3px;flex:none;transform:rotate(45deg)}.shots-pips{border-radius:var(--radius);border:1px solid var(--panel-edge);background:var(--panel);align-items:center;gap:3px;padding:3px 7px;display:inline-flex}.shots-pips__pip{background:linear-gradient(145deg,#8f9ab4,#4a5468);border-radius:2px;width:8px;height:8px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #d2dcf059}.shots__count{text-align:center;font-variant-numeric:tabular-nums;background:#2f2a12;border-radius:4px;min-width:14px;padding:0 3px;font-size:10px}.card--hand .card__name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;display:-webkit-box;overflow:hidden}.card--board .card__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-pick select{appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M0 0h10L5 6z' fill='%2393a2c6'/></svg>") no-repeat right 9px center / 9px 6px, linear-gradient(180deg, var(--panel-hi), var(--panel-lo));box-shadow:inset 0 1px 0 var(--edge-light);padding:4px 26px 4px 10px}.log summary{list-style:none}.log summary::-webkit-details-marker{display:none}.log summary:before{content:"▸";color:var(--ink-faint);margin-right:7px;transition:transform .15s;display:inline-block}.log[open] summary:before{transform:rotate(90deg)}.hand__end,.result button{color:#03101f;background:linear-gradient(#6fc0ff,#1f7ae0 55%,#12559f);border:0;box-shadow:inset 0 1px #dcf0ffbf,inset 0 -2px #00285a99,0 4px 14px #1f7ae073}.hand__end:hover:not(:disabled){box-shadow:inset 0 1px #dcf0ffe6,0 0 26px #50b4ff99}.hand__end:disabled{opacity:1;color:var(--ink-faint);background:#1a2038;box-shadow:inset 0 2px 6px #0009}.topbar__actions button:disabled{opacity:1;color:var(--ink-faint);background:var(--panel-sunk)}.location__text{color:var(--rule);border-left:2px solid var(--gold);background:#06091480}.menu{position:relative}.menu>summary{border-radius:var(--radius);border:1px solid var(--panel-edge);background:linear-gradient(180deg, var(--panel-hi), var(--panel-lo));box-shadow:inset 0 1px 0 var(--edge-light);color:var(--ink-dim);cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px 13px;font-size:13px;list-style:none}.menu>summary::-webkit-details-marker{display:none}.menu[open]>summary,.menu>summary:hover{color:var(--ink);border-color:var(--you)}.menu__body{z-index:45;border-radius:var(--r-lg);border:1px solid var(--panel-edge);background:linear-gradient(180deg, var(--panel-hi), var(--panel-lo));width:210px;box-shadow:inset 0 1px 0 var(--edge-light), 0 16px 40px #0009;flex-direction:column;align-items:stretch;gap:7px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu__body button{text-align:left;width:100%}.menu__body .deck-pick{justify-content:space-between;gap:8px;display:flex}.menu__body .deck-pick select{flex:1;min-width:0}.opponent__crest{background:radial-gradient(circle at 38% 30%,#4a1524,#170710);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 0 0 1.5px #ff4d5e8c,inset 0 2px 8px #000000b3,0 0 20px -4px #ff4d5e80}.opponent__cubes{font-family:var(--face-num);color:#ffb9c0;text-shadow:0 0 10px #ff4d5eb3;font-size:19px}.opponent__hand{padding-left:14px}.opponent__hand .card--facedown{background:linear-gradient(150deg,#2a3560,#141a34),repeating-linear-gradient(45deg,#ffffff0d 0 3px,#0000 3px 6px);border-radius:5px;width:38px;height:54px;margin-left:-14px;transform:rotate(-4deg);box-shadow:0 3px 8px #0009,inset 0 0 0 1px #8ca5ff40}.opponent__hand .card--facedown:nth-child(2n){transform:rotate(4deg)translateY(2px)}.card--hand .card__art{aspect-ratio:auto;position:absolute;inset:0}.card--hand .card__name{z-index:4;text-shadow:0 1px 3px #000000e6;-webkit-line-clamp:2;line-clamp:2;background:linear-gradient(#0000,#080c188c 38%,#080c18d1);border-bottom:1px solid #bed7ff24;min-height:0;padding:16px 6px 5px;font-size:12px;position:absolute;inset:auto 0 0}.card--hand .card__text{display:none}.card--hand .card__badge{z-index:4;margin:0;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hand__cards .card{transform:rotate(calc(var(--lean,0) * 5deg)) translateY(calc(abs(var(--lean,0)) * 5px));margin-left:-14px}.hand__cards{justify-content:center;align-items:flex-end}.location__side{container-type:size}.card--board,.slot,.card--facedown-board{aspect-ratio:5/7;width:auto;height:min(48cqh,67.2cqw)}.location__side>*+*{margin-left:calc(var(--board-card-h) * .714 * -.11)}.location__side>[data-slot="1"]{z-index:2}.location__side>[data-slot="2"]{z-index:3}.location__side>[data-slot="3"]{z-index:4}.slot--empty{visibility:hidden}.card--board.card--staged{box-shadow:0 0 0 2px var(--gold), 0 7px 14px -6px #000000bf}.card--board.card--clickable:hover:not([aria-disabled=true]){box-shadow:0 0 0 1.5px #e2eeff66,0 10px 20px -6px #000c}.location--droppable .location__side--yours{outline:none}.location__power--theirs{background:radial-gradient(circle at 40% 32%,#4c1526,#170610)}.location__power--yours{background:radial-gradient(circle at 40% 32%,#17346a,#050b1e)}.topbar__actions>button:first-child:not(:disabled){color:var(--gold-hot);border-color:#ffc0468c;font-weight:700}.topbar__actions>button:first-child:not(:disabled):hover{border-color:var(--gold);box-shadow:inset 0 1px 0 var(--edge-light), 0 0 16px -6px #ffc046b3}.topbar h1{color:var(--ink);text-shadow:0 0 18px #3d9bff59}.location__plate{z-index:1;border-radius:var(--r-md);background:#0609148c;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:2px 12px;display:flex;position:relative}.location__plate .location__label{background:0 0;padding:0}.location__plate .location__text{-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;text-align:center;max-width:34ch;height:auto;color:var(--rule);background:0 0;border:0;-webkit-box-orient:vertical;padding:0;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}.location__plate .location__text:empty{display:none}.stat,.beat,.hand,.result,.log,.log__body,.replay,.sandbox,.shots-pips,.topbar__actions button,.beat__skip,.replay__buttons button,.sandbox__actions button{background:linear-gradient(180deg, var(--panel-hi), var(--panel-lo));border-color:var(--panel-edge);box-shadow:inset 0 1px 0 var(--edge-light), inset 0 -1px 0 #00000080}.hand{box-shadow:inset 0 1px 0 var(--edge-light), inset 0 40px 60px -50px #3d9bff8c, 0 -6px 26px #0006}.result--loss{background:linear-gradient(#3a1220,#140811);box-shadow:inset 0 1px #ffbec840,inset 0 0 80px -30px #ff4d5e99}.result--loss strong{color:#ffd3d9;text-shadow:0 0 18px #ff4d5e99}.result--win{background:linear-gradient(#10305c,#071426);box-shadow:inset 0 1px #bee6ff4d,inset 0 0 80px -30px #3d9bff99}.result--win strong{color:#d8ecff;text-shadow:0 0 18px #3d9bff99}.replay__scrub{appearance:none;background:0 0;height:18px}.replay__scrub::-webkit-slider-runnable-track{background:linear-gradient(#0a0e1e,#141a34);border-radius:3px;height:5px;box-shadow:inset 0 1px 2px #000000b3}.replay__scrub::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 38% 30%, var(--gold-hot), var(--gold) 55%, var(--gold-deep));border-radius:50%;width:15px;height:15px;margin-top:-5px;box-shadow:0 0 12px -2px #ffc046cc}.replay__scrub::-moz-range-track{background:#0a0e1e;border-radius:3px;height:5px}.replay__scrub::-moz-range-thumb{background:var(--gold);border:0;border-radius:50%;width:15px;height:15px;box-shadow:0 0 12px -2px #ffc046cc}body:after{content:"";z-index:60;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.result--loss button:first-of-type,.result--win button:first-of-type{background:linear-gradient(180deg, var(--panel-hi), var(--panel-lo));color:var(--ink);box-shadow:inset 0 1px 0 var(--edge-light)}.slot--empty{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff0d}.location--hidden{border-style:solid;box-shadow:inset 0 0 0 1px #96afff33,inset 0 0 60px -20px #96afff24}.location__power{text-shadow:0 1px 2px #000c;min-width:38px}.location__plate{justify-content:center;min-height:36px}.location__plate .location__text{-webkit-line-clamp:2;line-clamp:2;color:#cbd8f5;font-size:10.5px}.card__badge--objective{color:#86e7cd;background:#1d4a3f}.card__badge--startturn{color:#9ed0ff;background:#1b3357}.card__badge--quickdraw{color:#ffc98a;background:#4a2a1b}.card--board .card__name{white-space:normal;-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.005em;-webkit-box-orient:vertical;font-size:clamp(8px,1.05vh,11px);line-height:1.08;display:-webkit-box}.cardtip--aside{animation:none}.location--hidden .location__label{letter-spacing:.16em;color:var(--ink-faint);font-size:10px;font-weight:600}.location--hidden .location__plate{background:#06091459}.location__side{grid-template-rows:repeat(2,max-content)}.location__side--theirs{align-content:end}.location__side--yours{align-content:start}.card--hand .card__name{overflow-wrap:anywhere;font-size:11px}.slot--empty{visibility:visible;background:0 0;border:1px solid #bed7ff17;border-radius:6px;box-shadow:inset 0 2px 10px #00000059}.card--facedown,.deck__layer{background:radial-gradient(60% 44% at 50% 46%,#96b4ff24,#0000 62%),linear-gradient(150deg,#2a3560,#141a34),repeating-linear-gradient(45deg,#ffffff0d 0 3px,#0000 3px 6px);box-shadow:inset 0 1px #aac3ff38,inset 0 0 0 1px #8ca5ff2e}:root{--hex:polygon(13% 0, 87% 0, 100% 50%, 87% 100%, 13% 100%, 0 50%)}.location__power{min-width:58px;height:30px;clip-path:var(--hex);box-shadow:none;filter:drop-shadow(0 0 7px color-mix(in srgb, currentColor 45%, transparent));isolation:isolate;background:currentColor;border-radius:0;padding:0 9px}.location__power:before{content:"";z-index:-1;clip-path:var(--hex);background:radial-gradient(circle at 40% 30%,#202a52,#070a18);position:absolute;inset:2px}.location__power--theirs:before{background:radial-gradient(circle at 40% 30%,#4c1526,#170610)}.location__power--yours:before{background:radial-gradient(circle at 40% 30%,#17346a,#050b1e)}.location__side,.hand__cards{perspective:1200px}.card--board .card__body,.card--hand .card__body{box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000008c,inset 0 0 0 1px #e2eeff29,0 2px 3px #00000080,0 10px 18px -8px #000000d9}.card--board .card__body:after,.card--hand .card__body:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(158deg,#ffffff2b 0%,#ffffff0d 20%,#0000 42%);position:absolute;inset:0}.card--board.card--clickable:hover:not([aria-disabled=true]){box-shadow:none;transform:translateY(-3px)}.card--board.card--clickable:hover:not([aria-disabled=true]) .card__body{box-shadow:inset 0 1px #fff6,inset 0 0 0 1.5px #e2eeff66,0 3px 4px #00000080,0 16px 26px -8px #000000e6}.hand__cards .card:hover,.hand__cards .card:focus-visible{box-shadow:none;transform:translateY(-16px)scale(1.06)}.hand__cards .card:hover .card__body,.hand__cards .card:focus-visible .card__body{box-shadow:inset 0 1px #fff6,inset 0 -1px #0000008c,inset 0 0 0 1.5px #e2eeff59,0 16px 30px -10px #000000d9}:root{--bevel:polygon(0 10px, 10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px))}.location__score{height:clamp(84px,11.5vh,116px);box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:center;gap:0;padding:0;overflow:visible}.location__score:before{content:none}.location__plate{z-index:1;width:min(100%,210px);min-height:0;clip-path:var(--bevel);isolation:isolate;background:#a8c4ff4d;border-radius:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:3px;padding:13px;display:flex;position:relative}.location__plate:before{content:"";z-index:-1;clip-path:var(--bevel);background:radial-gradient(72% 48% at var(--kx,34%) var(--ky,26%), hsl(var(--h1,220) 60% 46% / .5), transparent 70%), radial-gradient(86% 62% at 76% 104%, hsl(var(--h2,260) 58% 40% / .4), transparent 72%), linear-gradient(180deg, #1d2545, #080c1c);position:absolute;inset:1.5px}.location__score--winning .location__plate{filter:drop-shadow(0 0 14px #3d9bff73);background:#96d7ffd9}.location__score--winning .location__plate:before{background:linear-gradient(0deg, #2f76d880, transparent 52%), radial-gradient(72% 48% at var(--kx,34%) var(--ky,26%), hsl(var(--h1,220) 60% 46% / .5), transparent 70%), linear-gradient(180deg, #1d2545, #080c1c)}.location__score--losing .location__plate{background:#ff788aa6}.location__score--losing .location__plate:before{background:linear-gradient(180deg, #781a2c6b, transparent 46%), radial-gradient(72% 48% at var(--kx,34%) var(--ky,26%), hsl(var(--h1,220) 60% 46% / .45), transparent 70%), linear-gradient(180deg, #1d2545, #080c1c)}.location__label{letter-spacing:.06em;text-align:center;color:#eaf1ff;text-shadow:0 1px 4px #000000d9;background:0 0;border-radius:0;padding:0;font-size:clamp(11px,1.5vh,14px);font-style:italic}.location__text{text-align:center;color:#ffe9b8;text-shadow:0 1px 3px #000c;background:0 0;border:0;border-radius:0;height:auto;max-height:3.9em;padding:0 2px;font-size:clamp(9px,1.15vh,11px);line-height:1.3;overflow:hidden}.location__power{z-index:2;flex:none;margin:-15px 0}.board{grid-template-columns:repeat(3,auto);justify-content:center;gap:clamp(22px,4.2vw,88px)}.location{width:clamp(132px,18vh,250px)}.location__plate{width:100%}.location__score{height:clamp(94px,16vh,168px)}.app{gap:6px;padding:8px 12px}.log{z-index:6;padding:3px 10px;font-size:12px;position:absolute;bottom:8px;left:12px}.deck{width:28px;height:40px}.opponent__hand .card--facedown{width:20px;height:30px}.location{gap:4px;padding:5px 0}@media (width>=900px){.topbar{z-index:5;pointer-events:none;border-bottom:0;padding:0;position:absolute;inset:0}.topbar>*{pointer-events:auto}.topbar h1{position:absolute;top:6px;left:4px}.topbar__stats{flex-direction:column;align-items:flex-start;gap:9px;max-width:30vw;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.topbar__actions{flex-direction:column;align-items:stretch;gap:7px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.topbar__actions>button{width:100%}.opponent{z-index:5;position:absolute;top:32px;left:4px}.location__score{height:clamp(104px,18.4vh,195px)}}.location{padding:4vh 0}.board{gap:clamp(18px,3.1vw,68px)}.slot--empty{box-shadow:none;border-color:#0000}.location{box-shadow:none;background:0 0;border-color:#0000}.location--droppable{border-color:var(--you);box-shadow:inset 0 0 0 1px var(--you), 0 0 26px -8px var(--you)}.location--moveable{border-color:var(--move);box-shadow:inset 0 0 0 1px var(--move), 0 0 26px -8px var(--move)}.location--droppable .slot--empty,.location--moveable .slot--empty{border-color:#bed7ff29}.card__body{z-index:1;border-radius:inherit;transform-style:preserve-3d;will-change:transform;flex-direction:column;gap:3px;display:flex;position:absolute;inset:0}.card__art{transform:translateZ(0)}.card--board .card__name{transform:translateZ(8px)}.card__cost,.card__power{transform:translateZ(14px)}.card__badge{transform:translateZ(10px)}.card__glare{z-index:2;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;position:absolute;inset:0;transform:translateZ(4px)}.card--hand .card__name,.card--hand .card__text{transform:translateZ(2px)}.card--board,.card--hand{background:0 0;border-color:#0000}.card__body{background:#1c2333;overflow:visible}.card__art{border-radius:inherit}.card--clickable:hover:not([aria-disabled=true]),.card--selected,.card--staged{border-color:#0000}.card--clickable:hover:not([aria-disabled=true])>.card__body{outline:1px solid var(--you);outline-offset:-1px}.card--selected>.card__body{outline:2px solid var(--gold);outline-offset:-1px}.card--selected{box-shadow:none}.card--board,.card--hand{overflow:visible}.card__art{border-radius:inherit;overflow:hidden}.card{perspective:380px}.card--clickable:hover:not([aria-disabled=true]){z-index:12}