.board-shell{width:100%}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card-slot{min-width:0;aspect-ratio:2 / 3;display:flex}.board-empty{min-height:calc(var(--card-height) * 3 + 24px);border-radius:24px;border:1px dashed rgba(148,163,184,.28);background:rgba(8,14,26,.48);color:var(--muted);display:grid;place-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}@media (max-width: 1280px){.board-grid{gap:10px}}@media (max-width: 720px){.board-grid{gap:8px}}:root{color-scheme:dark;--bg-0: #04111d;--bg-1: #071628;--panel: rgba(12, 19, 32, .74);--panel-strong: rgba(9, 15, 28, .9);--panel-border: rgba(148, 163, 184, .18);--panel-border-strong: rgba(94, 234, 212, .24);--text: #f8fafc;--muted: #9fb2c8;--accent: #5eead4;--accent-strong: #38bdf8;--warning: #fbbf24;--success: #34d399;--danger: #fb7185;--shadow: 0 28px 70px rgba(2, 8, 23, .42);--card-width: clamp(60px, 6.8vw, 82px);--card-height: calc(var(--card-width) * 1.5);--card-width-large: calc(var(--card-width) * 1.12);--card-height-large: calc(var(--card-height) * 1.12)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Avenir Next,Segoe UI,Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(94,234,212,.12),transparent 28%),radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 26%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 42%,#05101c 100%);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;padding:0}.app-shell{position:relative;min-height:100vh;isolation:isolate}.scene-orb{position:fixed;pointer-events:none;z-index:0;filter:blur(14px);opacity:.85}.scene-orb--one{top:-8rem;left:-10rem;width:34rem;height:34rem;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 68%)}.scene-orb--two{right:-12rem;bottom:-10rem;width:34rem;height:34rem;background:radial-gradient(circle,rgba(94,234,212,.22),transparent 68%)}.app-frame{position:relative;z-index:1;width:min(100%,1500px);margin:0 auto;padding:clamp(18px,2vw,32px);display:flex;flex-direction:column;gap:clamp(18px,2vw,24px)}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(20px,3vw,32px);border:1px solid var(--panel-border);border-radius:32px;background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(9,15,28,.68));backdrop-filter:blur(22px);box-shadow:var(--shadow)}.hero-copy{max-width:780px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--muted)}.hero-copy h1{margin-top:10px;font-size:clamp(2rem,4vw,3.6rem);line-height:.98;letter-spacing:-.06em}.hero-copy p{margin-top:14px;max-width:60ch;color:var(--muted);line-height:1.6;font-size:1rem}.hero-actions{min-width:min(100%,380px);display:flex;flex-direction:column;gap:12px;align-items:stretch}.hero-actions .button{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-stat{padding:14px 16px;border-radius:18px;border:1px solid var(--panel-border);background:rgba(8,14,26,.62);display:flex;flex-direction:column;gap:6px}.hero-stat span{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-stat strong{font-size:1.08rem;line-height:1.2}.button{min-height:48px;padding:0 18px;border-radius:16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;letter-spacing:-.02em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease}.button--primary{color:#04111d;background:linear-gradient(135deg,#38bdf8,#5eead4);box-shadow:0 16px 34px #22d3ee38}.button--secondary{color:var(--text);border-color:#94a3b838;background:rgba(10,17,31,.68)}.button--ghost{color:var(--muted);border-color:#94a3b829;background:transparent}.button:not(:disabled):hover{transform:translateY(-1px)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px #5eead43d}.button:disabled{opacity:.45;cursor:not-allowed}.status-strip{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px}.status-card{padding:24px;border-radius:28px;border:1px solid var(--panel-border);background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.status-card--side{background:linear-gradient(180deg,rgba(12,19,33,.82),rgba(8,14,26,.68))}.status-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.status-card h2{margin-top:8px;font-size:clamp(1.35rem,2vw,1.7rem);letter-spacing:-.04em}.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid transparent;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.badge--neutral{color:#dbeafe;border-color:#94a3b82e;background:rgba(148,163,184,.12)}.badge--accent{color:#c9f6ff;border-color:#38bdf833;background:rgba(56,189,248,.14)}.badge--warning{color:#fde68a;border-color:#fbbf2438;background:rgba(251,191,36,.14)}.badge--success{color:#a7f3d0;border-color:#34d39938;background:rgba(52,211,153,.14)}.status-copy{margin-top:14px;color:var(--muted);line-height:1.6;font-size:1rem}.status-copy--warning{color:#fde68a}.status-copy--success{color:#a7f3d0}.status-copy--accent{color:#c9f6ff}.status-metrics{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(8,14,26,.54)}.metric span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.metric strong{display:block;margin-top:8px;font-size:1.08rem}.turn-steps{margin-top:16px;display:grid;gap:10px}.turn-step{padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:rgba(8,14,26,.5);color:var(--muted);font-weight:600;line-height:1.4}.turn-step--active{color:var(--text);border-color:#5eead447;background:linear-gradient(135deg,rgba(94,234,212,.16),rgba(56,189,248,.12));box-shadow:0 16px 30px #02081733}.status-helper{margin-top:16px;color:var(--muted);line-height:1.55}.round-summary{margin-top:18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:rgba(8,14,26,.54);display:flex;flex-direction:column;gap:6px}.round-summary--strong{border-color:#5eead42e}.round-summary__label{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.round-summary strong{line-height:1.5}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px) minmax(0,1fr);gap:18px;align-items:start}.player-panel{padding:24px;border-radius:28px;border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(12,19,32,.8),rgba(8,14,26,.66));backdrop-filter:blur(16px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;min-height:100%}.player-panel--active{border-color:#38bdf85c;box-shadow:0 0 0 1px #5eead424,var(--shadow);transform:translateY(-4px)}.player-panel--idle{opacity:.92}.player-panel__header,.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.player-panel__header h2,.panel__header h2{margin-top:8px;font-size:clamp(1.2rem,1.8vw,1.5rem);letter-spacing:-.04em}.player-panel__flag{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:rgba(148,163,184,.12);color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.player-panel__flag--active{color:#cdfcf0;border-color:#5eead43d;background:rgba(94,234,212,.12)}.score-card{min-width:140px;padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(7,14,24,.82),rgba(12,18,30,.64));text-align:right}.score-card span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.score-card strong{display:block;margin-top:8px;font-size:1.95rem;line-height:1;letter-spacing:-.06em}.score-card small{display:block;margin-top:6px;color:var(--muted)}.column-center{min-width:0}.panel{position:sticky;top:18px;padding:24px;border-radius:28px;border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(12,19,32,.82),rgba(8,14,26,.7));backdrop-filter:blur(18px);box-shadow:var(--shadow)}.panel__header{margin-bottom:18px}.stacks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.stack-card{padding:16px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:rgba(8,14,26,.56);display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.stack-card--button{justify-content:space-between;color:var(--text);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease}.stack-card--button:not(:disabled):hover{transform:translateY(-2px);border-color:#5eead452;box-shadow:0 18px 36px #02081747}.stack-card--button:focus-visible{outline:none;box-shadow:0 0 0 3px #5eead43d}.stack-card--button:disabled{cursor:not-allowed;opacity:.48}.stack-card--display{justify-content:flex-start}.stack-card__label{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.stack-card__value{display:block;font-size:2.2rem;line-height:1;letter-spacing:-.08em}.stack-card__helper{display:block;color:var(--muted);font-size:.92rem;line-height:1.45}.card-box{width:var(--card-width);height:var(--card-height);margin:0 auto;display:grid;place-items:center}.card-box--large{width:var(--card-width-large);height:var(--card-height-large)}.placeholder{width:100%;height:100%;border-radius:18px;border:1px dashed rgba(148,163,184,.28);background:linear-gradient(180deg,rgba(148,163,184,.08),rgba(148,163,184,.02));color:var(--muted);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.placeholder--compact{min-width:0}.hand{margin-top:8px;display:flex;flex-direction:column;gap:14px}.hand__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.hand__copy{margin:0;max-width:34ch;color:var(--muted);line-height:1.55;text-align:right}.hand__content{display:flex;align-items:center;gap:16px}.hand__actions{flex:1;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.hand__actions .button,.stack-card--display .button{width:100%}.hint{padding:12px 14px;border-radius:16px;border:1px solid rgba(56,189,248,.2);background:rgba(56,189,248,.12);color:#c9f6ff}.hint--strong{font-weight:700}.endgame-card{margin-top:18px;padding:16px 18px;border-radius:20px;border:1px solid rgba(52,211,153,.24);background:linear-gradient(180deg,rgba(16,185,129,.14),rgba(15,23,42,.58))}.endgame-card strong{display:block;margin-bottom:6px;font-size:1rem}.endgame-card p{color:var(--text);line-height:1.55}.game-card{width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate;border-radius:18px;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 30px #02081747;display:flex;align-items:center;justify-content:center;user-select:none;background:linear-gradient(180deg,#12233f,#0a1526);color:#e2f0ff}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 80% 82%,rgba(56,189,248,.18),transparent 35%);opacity:.7}.game-card:after{content:"";position:absolute;inset:10% 12%;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 65%);opacity:.9}.game-card--hidden{background:linear-gradient(180deg,#14284a,#0b1527)}.game-card--hidden .game-card__value{color:#dbeafe;text-shadow:0 2px 12px rgba(37,99,235,.42)}.game-card--revealed{background:linear-gradient(180deg,#fbfdff,#dce8f7);color:#0f172a;border-color:#94a3b85c}.game-card--revealed:before{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.88),transparent 32%),radial-gradient(circle at 85% 80%,rgba(56,189,248,.18),transparent 35%);opacity:.45}.game-card--revealed:after{border-color:#0f172a14}.game-card--revealed .game-card__value{color:#0f172a;text-shadow:none}.game-card--removed{background:transparent;border-style:dashed;border-color:#94a3b82e;box-shadow:none;opacity:.18}.game-card--removed:before,.game-card--removed:after{display:none}.game-card__value{position:relative;z-index:1;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:900;letter-spacing:-.08em;line-height:1}.game-card:focus-visible{outline:none;box-shadow:0 0 0 3px #5eead447,0 16px 30px #02081747}@media (max-width: 1200px){.app-header,.status-card__top,.player-panel__header,.panel__header,.hand__header{align-items:flex-start}.app-header{flex-direction:column}.hero-actions{width:100%}.status-strip,.layout{grid-template-columns:minmax(0,1fr)}.column-center{order:-1}}@media (max-width: 820px){.app-frame{padding:14px;gap:14px}.app-header,.status-card,.player-panel,.panel{padding:18px;border-radius:24px}.hero-stats,.status-metrics,.stacks{grid-template-columns:minmax(0,1fr)}.hand__content{flex-direction:column;align-items:stretch}.hand__copy{max-width:none;text-align:left}.player-panel__header,.panel__header,.status-card__top,.hand__header{flex-direction:column}.score-card{width:100%;text-align:left}.button,.hand__actions .button,.stack-card--display .button{width:100%}.panel{position:static}}