:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 40%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 72% 45%;--destructive-foreground:0 0% 100%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:0.5rem;--base-unit-raw:12px;--touch-target:48px;--whitespace-base:12px;--card-aspect:1.375;--card-radius-ratio:0.0625;--chip-ratio:0.625;--card-width-units:4;--card-height-units:5.5;--card-diagonal-units:6.8;--hand-scale:1.25;--hand-peek-ratio:0.65;--opponent-peek-ratio:0.2;--scale:1;--T:calc(var(--touch-target) * var(--scale));--W:calc(var(--whitespace-base) * var(--scale));--card-width:calc(var(--T) * var(--card-width-units));--card-height:calc(var(--T) * var(--card-height-units));--card-diagonal:calc(var(--T) * var(--card-diagonal-units));--card-radius:calc(var(--card-width) * var(--card-radius-ratio));--hand-card-width:calc(var(--card-width) * var(--hand-scale));--hand-card-height:calc(var(--card-height) * var(--hand-scale));--hand-card-radius:calc(var(--hand-card-width) * var(--card-radius-ratio));--coin-size:calc(var(--card-width) * var(--chip-ratio));--trait-size:var(--T);--min-peek:var(--T);--trait-gap:calc(var(--W) / 2);--hand-trait-size:calc(var(--hand-card-height) * 0.18);--stack-offset:calc(var(--coin-size) * 0.08);--stack-height:calc(var(--coin-size) + var(--stack-offset) * 2);--card-padding:calc(var(--W) / 2);--card-inner-radius:calc(var(--card-radius) - var(--card-padding));--hand-card-inner-radius:calc(var(--hand-card-radius) - var(--card-padding));--badge-radius:var(--card-inner-radius);--badge-min-size:calc(var(--W) * 11 / 6);--text-2xs:calc(var(--W) * 0.833);--text-xs:var(--W);--text-sm:calc(var(--W) * 1.167);--text-base:calc(var(--W) * 1.333);--text-lg:calc(var(--W) * 1.5);--power-base-size:var(--trait-size);--power-base-size-compact:calc(var(--touch-target) / 3);--power-base-height:calc(var(--W) * 5 / 3);--power-base-height-compact:calc(var(--W) * 3 / 2);--zone-breathing:var(--W);--slot-size:calc(var(--card-diagonal) + var(--zone-breathing) * 2);--zone-height:var(--slot-size);--hand-peek-height:calc(var(--hand-card-height) * var(--hand-peek-ratio));--hand-tuck-depth:calc(var(--hand-card-height) * (1 - var(--hand-peek-ratio)));--hand-zone-height:calc(var(--hand-peek-height) + var(--W));--opponent-peek-height:calc(var(--hand-card-height) * var(--opponent-peek-ratio));--opponent-hand-zone-height:calc(var(--opponent-peek-height) + var(--W));--hand-lift-amount:calc(var(--hand-tuck-depth) + var(--W) * 2);--field-gap:var(--W);--row-gap:var(--W);--board-padding:var(--W);--field-slots:3;--field-columns:3;--field-rows:1;--top-bar-height:0px;--chrome-x:calc(var(--whitespace-base) * 3);--chrome-y:0px;--available-width:calc(100vw - var(--chrome-x));--available-height:calc(100vh - var(--chrome-y));--slots-x:3;--required-width-base:calc(var(--slots-x) * 326px + 2 * 192px + 32px);--required-height-base:1200px;--board-max-width:100%;--panel-content-width:18rem;--highlight-blue:96,165,250;--highlight-blue-pulse:59,130,246;--highlight-rose:244,63,94;--highlight-grey:0,0,0;--glow-inner:0 0 8px 2px;--glow-mid:0 0 20px 6px;--glow-outer:0 0 32px 12px;--glow-subtle-inner:0 0 6px 1px;--glow-subtle-outer:0 0 12px 3px;--glow-grounded-1:0 3px 6px 0;--glow-grounded-2:0 6px 12px 0;--shadow-grounded:0 0 2px 1px rgba(0,0,0,.12);--shadow-elevated:0 0 6px 3px rgba(0,0,0,.1);--shadow-hovered:0 0 10px 5px rgba(0,0,0,.08);--game-text-primary:17 24 39;--game-text-secondary:107 114 128;--game-text-muted:55 65 81;--game-border-card:209 213 219;--base-unit:var(--T);--hand-min-peek:var(--min-peek);--hand-overlap:calc(-1 * (var(--hand-card-width) - var(--min-peek)));--hand-to-field-scale:0.8;--hand-gap:var(--W)}[data-field-slots="4"]{--slots-x:4}[data-field-slots="5"]{--slots-x:5}[data-field-slots="6"]{--slots-x:6}@supports (height:1dvh){:root{--available-height:calc(100dvh - var(--chrome-y))}}@media (max-width:767px){:root{--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.35,min(var(--scale-x),var(--scale-y)),1)}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){:root{--required-height-base:500px;--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.5,min(var(--scale-x),var(--scale-y)),1);--zone-height:calc(var(--card-diagonal) * 0.6);--field-columns:2}}@media (min-width:768px) and (min-aspect-ratio:4/5){:root{--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.7,min(var(--scale-x),var(--scale-y)),2);--board-max-width:calc(var(--card-diagonal) * var(--field-columns) + var(--field-gap) * (var(--field-columns) - 1) + var(--card-width) * 2 + var(--board-padding) * 2 + 2rem)}}@media (min-width:768px) and (max-aspect-ratio:4/5){:root{--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.5,min(var(--scale-x),var(--scale-y)),1.5);--board-max-width:calc(var(--card-diagonal) * var(--field-columns) + var(--field-gap) * (var(--field-columns) - 1) + var(--card-width) * 2 + var(--board-padding) * 2 + 2rem)}}[data-field-slots="2"]{--field-slots:2;--field-columns:2;--field-rows:1;--required-width-base:calc(2 * 326px + 2 * 192px + 32px)}[data-field-slots="4"]{--field-slots:4;--field-columns:4;--field-rows:1;--required-width-base:calc(4 * 326px + 2 * 256px + 48px)}@media (min-width:768px) and (min-aspect-ratio:4/5){[data-field-slots="4"]{--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.5,min(var(--scale-x),var(--scale-y)),1.0);--board-max-width:calc(var(--card-diagonal) * 4 + var(--field-gap) * 3 + var(--card-width) * 2.66 + var(--board-padding) * 2 + 3rem)}}[data-field-slots="5"]{--field-slots:5;--field-columns:5;--field-rows:1;--required-width-base:calc(5 * 326px + 2 * 256px + 48px)}@media (min-width:768px) and (min-aspect-ratio:4/5){[data-field-slots="5"]{--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.45,min(var(--scale-x),var(--scale-y)),0.85);--board-max-width:calc(var(--card-diagonal) * 5 + var(--field-gap) * 4 + var(--card-width) * 2.66 + var(--board-padding) * 2 + 3rem)}}@media (max-width:767px){[data-field-slots="5"]{--field-columns:3;--field-rows:2;--required-width-base:calc(3 * 326px + 2 * 192px + 32px)}}[data-field-rows="2"]{--field-columns:3;--field-rows:2;--zone-height:calc(var(--card-diagonal) * 2 + var(--zone-breathing) * 2);--zone-breathing:calc(var(--W) * 0.5);--field-gap:calc(var(--W) * 0.5);--row-gap:calc(var(--W) * 0.5);--hand-peek-ratio:0.55;--hand-peek-height:calc(var(--hand-card-height) * var(--hand-peek-ratio));--hand-tuck-depth:calc(var(--hand-card-height) * (1 - var(--hand-peek-ratio)));--hand-zone-height:calc(var(--hand-peek-height) + var(--W));--required-height-base:calc(var(--opponent-hand-zone-height) + var(--zone-height) * 2 + var(--hand-zone-height) + var(--row-gap) * 3);--required-width-base:calc(var(--card-diagonal) * 3 + var(--field-gap) * 2 + var(--card-width) * 2 + var(--chrome-x))}@media (min-width:768px) and (min-aspect-ratio:4/5){[data-field-rows="2"]{--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.7,min(var(--scale-x),var(--scale-y)),1.5)}}@media (min-width:1200px) and (min-aspect-ratio:8/5){[data-field-rows="2"]{--field-columns:6;--field-rows:1;--zone-height:calc(var(--card-diagonal) + var(--zone-breathing) * 2);--required-width-base:calc(var(--card-diagonal) * 6 + var(--field-gap) * 5 + var(--card-width) * 2 + var(--chrome-x));--required-height-base:calc(var(--opponent-hand-zone-height) + var(--zone-height) * 2 + var(--hand-zone-height) + var(--row-gap) * 3);--scale-x:calc(var(--available-width) / var(--required-width-base));--scale-y:calc(var(--available-height) / var(--required-height-base));--scale:clamp(0.6,min(var(--scale-x),var(--scale-y)),1.2);--board-max-width:calc(var(--card-diagonal) * 6 + var(--field-gap) * 5 + var(--card-width) * 2 + var(--board-padding) * 2 + 2rem)}}.physics-container{position:relative;width:var(--card-width);height:var(--card-height)}.physics-container--spent{width:var(--card-height);height:var(--card-width)}.physics-container--hand{width:var(--hand-card-width);height:var(--hand-card-height)}.physics-container--hand.physics-container--spent{width:var(--hand-card-height);height:var(--hand-card-width)}.physics-container--field{width:var(--card-diagonal);height:var(--card-diagonal)}.physics-container--3d{perspective:800px}.physics-face,.physics-face--back,.physics-face--front{backface-visibility:hidden}.physics-face--back{transform:rotateY(180deg)}.physics-3d-container{transform-style:preserve-3d;transform-origin:center center}.coin-perspective{perspective:200px}.coin-edge-ring{background:repeating-conic-gradient(from 15deg,var(--coin-edge) 0deg 40deg,var(--coin-segment) 40deg 60deg)}.coin-inner-face{top:12%;left:12%;right:12%;bottom:12%;background:var(--coin-face)}.flying-coin{width:var(--coin-size);height:var(--coin-size);margin-left:calc(var(--coin-size) / -2);margin-top:calc(var(--coin-size) / -2)}