@font-face{font-family:Fondamento;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/Fondamento-Regular-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#12141a;--panel:#1a1d24;--panel-2:#21252d;--ink:#e8e6df;--ink-dim:#9a978e;--line:#343a44;--accent:#d8b26a;--ok:#7fbf7f;--bad:#d97b6c;--wall:#6f7379;--skirmisher:#6f9f5e;--arcane:#5b7fc0;--aggressor:#9c4a44;--adaptive:#b09468}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}body{flex-direction:column;min-height:100vh;display:flex}body.match-started{height:100vh;overflow:hidden}#board-root{opacity:0;visibility:hidden;place-items:start;transition:opacity .2s;display:grid;position:fixed;inset:0}body.match-started #board-root{opacity:1;visibility:visible;flex:auto;min-width:0;min-height:0;position:static}body.match-started #lobby-root{display:none}.lobby{z-index:2;max-width:1100px;margin:0 auto;padding:24px 20px 64px;position:relative}.screen__head,.waiting__head{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}h1{letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:24px}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:15px}h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin:16px 0 6px;font-size:13px}.brand{letter-spacing:.3em;color:var(--accent);font-size:40px}.tagline,.muted{color:var(--ink-dim)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;margin:14px 0;padding:14px 16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}label{color:var(--ink-dim);margin-bottom:6px;display:block}.input{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);min-width:220px;font:inherit;border-radius:4px;padding:8px 10px}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;border-radius:4px;padding:8px 12px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:#fff;background:#2b3340;border-color:#4a566a}.btn--small{padding:4px 8px;font-size:12px}.btn--danger{color:var(--bad);border-color:#6b3a34}.banner{border-radius:4px;padding:8px 12px}.banner--error{color:#ffd9d2;background:#3a1f1c;border:1px solid #7a3a33}.banner--ok{color:#d9f0d9;background:#1e2c1e;border:1px solid #3f5f3f}.code{background:var(--panel-2);border:1px solid var(--line);letter-spacing:.2em;border-radius:3px;padding:2px 6px}.code-big{letter-spacing:.3em;color:var(--accent);margin:4px 0;font-size:30px}.games,.seats,.saved,.slots{margin:8px 0 0;padding:0;list-style:none}.games li,.seats li,.saved li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 0;display:flex}.seat__index{color:var(--ink-dim);width:1.5em}.seat__avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex:none;width:34px;height:34px}.seat__name{flex:1}.badge{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.badge--ready{color:var(--ok);border-color:#3f5f3f}.badge--waiting{color:var(--ink-dim)}.badge--online{color:var(--ok)}.badge--offline{color:var(--ink-dim)}.seat__difficulty{flex:none;align-items:center;gap:8px;display:flex}.seat__difficulty .input{min-width:0;padding:4px 6px}.seat__difficulty label{margin-bottom:0}.seat--empty .seat__name{color:var(--ink-dim)}.status{color:var(--ink-dim);margin:12px 0}.lobby--library{width:100%;max-width:1580px}.library{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;max-width:960px;display:grid}.rules-block{gap:6px;margin:10px 0;display:grid}.rules{border:1px solid var(--line);background:var(--panel);border-radius:6px;gap:6px;padding:10px 12px;display:grid}.rules__title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:13px}.rules__entry{gap:2px;display:grid}.rules__rule{align-items:center;gap:8px;display:flex}.rules[data-readonly=true] .rules__rule{cursor:default}.rules[data-readonly=true] input[type=checkbox]:disabled{opacity:.75}.rules__entry .muted,.rules .muted{margin:0;font-size:12px}.filters{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:12px}.chip--on{color:var(--ink);border-color:var(--accent)}.chip--wall{border-color:var(--wall)}.chip--skirmisher{border-color:var(--skirmisher)}.chip--arcane{border-color:var(--arcane)}.chip--aggressor{border-color:var(--aggressor)}.chip--adaptive{border-color:var(--adaptive)}.card{aspect-ratio:68/109;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:0;margin:0;padding:0;display:block;position:relative;container-type:size}.card--selected{filter:drop-shadow(0 0 2px var(--accent)) drop-shadow(0 0 7px #d8b26a99)}.card__name{text-align:center;color:#f2efe6;text-shadow:0 1px 1px #000000d9;-webkit-line-clamp:3;overflow-wrap:break-word;-webkit-box-orient:vertical;font-size:11cqw;line-height:1.06;display:-webkit-box;position:absolute;overflow:hidden}.card__name--long{font-size:10cqw}.card__arrows{position:absolute;inset:0;overflow:clip}.arrow{aspect-ratio:1;transform-origin:50%;pointer-events:none;object-fit:contain;position:absolute}.caret{aspect-ratio:1;pointer-events:none;transform-origin:50%;position:absolute}.caret>*{clip-path:var(--caret-clip);position:absolute;inset:0}.caret__glow{background:var(--caret-glow);opacity:.28;transform:scale(1.13)}.caret__rim{background:var(--caret-rim);transform:scale(1.16)}.caret__body{background:var(--caret-fill)}.card__stats{justify-content:center;align-items:center;display:grid;position:absolute;left:0;right:0}.stat{justify-content:center;align-items:center;gap:var(--stat-gap,1.2cqw);line-height:1;display:inline-flex}.stat__value{color:var(--stat-ink);-webkit-text-stroke:var(--stat-stroke);font-weight:var(--stat-weight);paint-order:stroke fill}.stat__icon{width:var(--stat-icon,10.5cqw);height:var(--stat-icon,10.5cqw);object-fit:contain;flex:none}.hand-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;max-height:calc(100vh - 32px);padding:14px;position:sticky;top:16px;overflow-y:auto}.hand-panel__options{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);margin:-4px 0 0;padding:4px 0 6px;position:sticky;top:-14px}.slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.slots li{border:0;padding:0;display:block;position:relative}.slot__index{z-index:2;color:var(--ink-dim);background:#12141ab8;border-radius:0 0 6px;padding:2px 6px;font-size:11px;position:absolute;top:0;left:0}.slot__placeholder{color:var(--ink-dim);padding:8px 0}.slot__back{aspect-ratio:68/109;opacity:.9;background-repeat:no-repeat;background-size:100% 100%;border-radius:4px;width:100%;display:block}.slot__remove{z-index:2;color:var(--bad);cursor:pointer;font:inherit;background:#12141ab8;border:0;border-radius:0 0 0 6px;padding:2px 8px;position:absolute;top:0;right:0}.card--mini{cursor:default;width:100%}.blockers .blocker{color:var(--bad);margin:4px 0}.blockers .ok{color:var(--ok);margin:4px 0}.blockers p{margin:4px 0}.hand-panel .btn{margin-top:8px}.hand-panel .btn--primary{width:100%}.hand-panel__options .row{margin-top:8px}.hand-panel__options .row .btn{width:auto;margin:0}.saved li{gap:6px}.saved .btn{width:auto;margin:0}#hud-root[data-hud=hidden]{display:none}#hud-root{flex:none}.hud{background:var(--panel);border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:8px;padding:4px 10px;font-size:13px;line-height:16px;display:flex}.hud .btn{padding:2px 8px}.hud--match,.hud--finished,.hud--lost{width:100%}.hud__row{align-items:baseline;gap:8px;margin:0;display:flex}.hud__title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;margin:0;font-size:11px}.hud__turn{color:var(--ink);white-space:nowrap}.hud__turn--thinking{color:var(--accent)}.hud__clock{letter-spacing:.06em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:18px;line-height:20px}.hud__clock--low{color:var(--bad)}.hud__result{color:var(--ink);white-space:nowrap;margin:0;font-size:15px}.hud__note{color:var(--ink-dim);margin:0}.hud .row{align-items:center;gap:6px;margin:0;display:flex}.btn--dock{white-space:nowrap}.row--volumes{align-items:center;gap:10px;margin:0;display:flex}body:not([data-hud-dock=left]) .hud__scores,body:not([data-hud-dock=left]) .row--volumes,body:not([data-hud-dock=left]) .row--actions{border-left:1px solid var(--line);padding-left:8px}body:not([data-hud-dock=left]) .row--actions{margin-left:auto}body:not([data-hud-dock=left]) .hud__score+.hud__score{margin-left:10px}body.match-started[data-hud-dock=left]{flex-direction:row}body.match-started[data-hud-dock=left] .hud{border-bottom:0;border-right:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;width:156px;height:100%;padding:6px 8px;overflow-y:auto}body.match-started[data-hud-dock=left] .hud__row,body.match-started[data-hud-dock=left] .hud__scores{flex-direction:column;align-items:flex-start;gap:2px}body.match-started[data-hud-dock=left] .hud__score{white-space:normal;flex-wrap:wrap;gap:0 6px}body.match-started[data-hud-dock=left] .hud__score-who{min-width:0}body.match-started[data-hud-dock=left] .btn{white-space:normal;text-align:left}body.match-started[data-hud-dock=left] .hud .row,body.match-started[data-hud-dock=left] .row--volumes{flex-direction:column;align-items:stretch;gap:6px}body.match-started[data-hud-dock=left] .hud__scores,body.match-started[data-hud-dock=left] .row--volumes,body.match-started[data-hud-dock=left] .row--actions{border-top:1px solid var(--line);padding-top:6px}body.match-started[data-hud-dock=left] .row--actions{margin-top:auto}body.match-started[data-hud-dock=left] .vol{flex-direction:column;align-items:flex-start;gap:2px}body.match-started[data-hud-dock=left] .vol__slider{width:100%}body.match-started[data-hud-dock=left] .vol__value{text-align:left}body.match-started[data-hud-dock=left] .hud--finished,body.match-started[data-hud-dock=left] .hud--lost{width:100%}body.match-started[data-hud-dock=left] .hud__result{white-space:normal}.hud__scores{flex-direction:row;align-items:baseline;gap:6px;margin:0;display:flex}.hud__scores-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;margin:0;font-size:10px}.hud__score{white-space:nowrap;align-items:baseline;gap:5px;margin:0;display:flex}.hud__score-who{color:var(--ink-dim)}.hud__score--you .hud__score-who{color:var(--ink)}.hud__score-value{font-variant-numeric:tabular-nums;font-size:18px}.hud__score-parts{color:var(--ink-dim);font-size:11px}.hud__figure--flash{background:#d8b26a57;border-radius:3px;box-shadow:0 0 0 2px #d8b26a57}.vol{align-items:center;gap:6px;display:flex}.vol__label{color:var(--ink-dim);font-size:11px}body:not([data-hud-dock=left]) .vol__label{margin-bottom:0}.vol__slider{width:56px;accent-color:var(--accent);cursor:pointer}.vol__slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vol__value{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2ch;font-size:11px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hud--finished .row{flex-wrap:wrap;margin-left:auto}#result-root[data-result=hidden]{display:none}#result-root{z-index:6;background:#090b0fbd;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.result{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:8px;outline:none;width:min(860px,100%);max-height:calc(100vh - 48px);padding:30px 36px 24px;overflow:auto;box-shadow:0 18px 60px #0000008c}.result__title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 6px;font-size:12px}.result__verdict{color:var(--ink);margin:0 0 16px;font-size:23px}.result--win .result__verdict{color:var(--ok)}.result--loss .result__verdict{color:var(--bad)}.result__score{letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(56px,9vw,116px);line-height:1.05}.result__score-sep{color:var(--ink-dim);padding:0 .12em}.result__score-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:2px 0 20px;font-size:12px}.result__breakdown{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:16px}.result__breakdown th,.result__breakdown td{text-align:right;border-top:1px solid var(--line);padding:7px 8px}.result__breakdown thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border-top:0;font-size:11px;font-weight:400}.result__breakdown tbody th{text-align:left;color:var(--ink);font-weight:400}.result__calc{color:var(--ink-dim)}.result__calc-score{font-variant-numeric:tabular-nums}.result .row{justify-content:center;gap:10px;margin:0;display:flex}#selection-root[data-selection=hidden]{display:none}#selection-root{z-index:5;max-width:calc(100vw - 24px);position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.selection{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:row;align-items:center;gap:12px;padding:6px 12px;font-size:13px;line-height:16px;display:flex;box-shadow:0 6px 20px #0000008c}.selection__title{letter-spacing:.08em;text-transform:uppercase;color:var(--gold,#d8b26a);margin:0;font-size:11px}.selection__actions{gap:8px;display:flex}.lobby--home{max-width:none;padding:0}.landing{background:radial-gradient(1200px 620px at 78% -8%,#d8b26a1a,#0000 62%),radial-gradient(900px 520px at 4% 6%,#5b7fc012,#0000 60%);font-size:16px;line-height:1.6}.landing :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:44px;max-width:1180px;margin:0 auto;padding:56px 24px 28px;display:grid}.wordmark{letter-spacing:.42em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-size:14px;font-weight:700}.hero__promise{letter-spacing:-.01em;text-transform:none;color:#fff;max-width:22ch;margin:0;font-size:clamp(30px,5vw,50px);line-height:1.1}.hero__lede{max-width:46ch;color:var(--ink-dim);margin:20px 0 0;font-size:clamp(15px,1.3vw,18px)}.hero__actions{gap:16px;max-width:430px;margin-top:32px;display:grid}.action{border:1px solid var(--line);background:#1a1d24b8;border-radius:10px;gap:8px;padding:16px;display:grid}.action--primary{border-color:#47536a;box-shadow:inset 0 1px #ffffff0d}.action__heading{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:12px}.action__label{color:var(--ink-dim);margin:0;font-size:13px}.landing .input{width:100%;min-width:0;padding:12px 14px;font-size:16px}.action--secondary .row{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:2px;display:grid}.action--secondary .btn{height:100%}.landing .btn{padding:11px 16px;font-size:15px}.btn--hero{letter-spacing:.02em;background:var(--accent);border-color:var(--accent);color:#1b1305;margin-top:4px;padding:14px 24px;font-size:17px;font-weight:700}.btn--hero:hover:not(:disabled),.btn--hero:focus-visible{background:#e9c880;border-color:#e9c880}.hero__visual{min-width:0;margin:0}.hero__visual img{filter:saturate(.94)brightness(.93);border:1px solid #3b4250;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 24px 60px #0000008c,0 0 0 1px #d8b26a17}.live{max-width:1180px;margin:0 auto;padding:4px 24px 0}.live__head{margin-bottom:8px}.live__head h2{letter-spacing:0;text-transform:none;color:var(--ink);margin:0;font-size:clamp(18px,2vw,24px)}.games--live li{padding:10px 0}.games__empty{border-bottom:1px solid var(--line);padding:14px 0}.guide{max-width:1180px;margin:0 auto;padding:96px 24px 0}.guide h2,.reference h3{letter-spacing:-.005em;text-transform:none;color:#fff}.guide h2{margin:0;font-size:clamp(24px,3.4vw,36px)}.guide__lede{margin:8px 0 28px;font-size:16px}.steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:#1a1d2499;border-radius:12px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:28px;padding:20px;display:grid}.step--text{grid-template-columns:minmax(0,1fr)}.step__body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 14px;display:grid}.step__n{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-dim);border-radius:50%;grid-row:1/span 2;place-items:center;font-size:14px;font-weight:700;display:grid}.step__title{letter-spacing:0;text-transform:none;color:#fff;grid-column:2;margin:0;font-size:clamp(17px,1.9vw,21px)}.step__line{color:var(--ink-dim);grid-column:2;margin:0}.step__figure,.guide-figure{min-width:0;margin:0}.guide-figure img{border:1px solid var(--line);border-radius:8px;width:100%;height:auto;display:block}.reference{max-width:1180px;margin:0 auto;padding:72px 24px 0}.refs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;display:grid}.ref{border:1px solid var(--line);background:#1a1d2499;border-radius:12px;padding:18px}.ref h3{margin:0 0 6px;font-size:16px}.ref__lede{margin:0 0 10px;font-size:14px}.ref__lines{color:var(--ink-dim);gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}#ref-numbers{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}#ref-numbers .ref__figure{margin:0}#ref-numbers .ref__figure img{border:1px solid var(--line);border-radius:8px;width:auto;max-width:170px;height:auto;display:block}.duel{border:1px solid var(--line);text-align:center;background:linear-gradient(#d8b26a0f,#0000 58%),#1a1d24b8;border-radius:12px;margin:28px 0 0;padding:26px 22px}.duel h3{letter-spacing:0;text-transform:none;color:#fff;margin:0 0 20px;font-size:15px}.duel__stage{justify-content:center;align-items:center;gap:clamp(14px,4vw,48px);display:flex}.duel__side{justify-items:center;gap:4px;min-width:92px;display:grid}.duel__label,.duel__stat-name{color:var(--ink-dim);font-size:12px}.duel__stat{color:#d24a3c;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1}.duel__side--defender .duel__stat{color:#5590dd}.duel__arrow{border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;margin-top:10px}.duel__side--attacker .duel__arrow{border-left:15px solid #d24a3c}.duel__side--defender .duel__arrow{border-right:15px solid #5590dd}.duel__math{color:var(--ink);margin:22px 0 0;font-size:clamp(18px,2.4vw,24px)}.duel__outcome{color:#fff;margin:10px 0 0;font-size:15px}.duel__note{margin:10px 0 0;font-size:13px}.duel--play .duel__side--attacker{animation:.62s cubic-bezier(.2,.7,.2,1) both duel-in-left}.duel--play .duel__side--defender{animation:.62s cubic-bezier(.2,.7,.2,1) both duel-in-right}.duel--play .duel__math{animation:.52s ease-out .26s both duel-rise}.duel--play .duel__outcome{animation:.52s ease-out .52s both duel-rise}@keyframes duel-in-left{0%{transform:translate(-26px)}to{transform:none}}@keyframes duel-in-right{0%{transform:translate(26px)}to{transform:none}}@keyframes duel-rise{0%{transform:translateY(8px)}to{transform:none}}.landing__footer{border-top:1px solid var(--line);text-align:center;max-width:1180px;margin:80px auto 0;padding:22px 24px 40px}.landing__footer p{margin:0;font-size:13px}@media (max-width:940px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:40px}.hero__visual{max-width:560px}.hero__actions{max-width:none}.step{grid-template-columns:minmax(0,1fr);gap:18px}.guide,.reference{padding-top:64px}.landing__footer{margin-top:56px}}@media (max-width:560px){.hero,.live,.guide,.reference,.landing__footer{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.duel--play .duel__side,.duel--play .duel__math,.duel--play .duel__outcome{animation:none}}