:root{--bg:#0f1412;--felt:#16211c;--felt-2:#1b2923;--panel:#1d2421;--panel-2:#262f2b;--line:#34413b;--text:#e7ece9;--muted:#93a39b;--accent:#e6b450;--accent-ink:#1a1408;--action:#58c48a;--select:#4aa3ff;--attack:#ff6b57;--block:#6aa8ff;--warn:#ffb36b;--radius:8px;--card-sm:52px;--card-md:88px;--card-lg:108px;--card-xl:260px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:inherit}h1,h2,h3{margin:0 0 8px}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:13px}.muted{color:var(--muted)}.warn{color:var(--warn)}kbd{background:#00000040;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:10px}.splash{height:100vh;color:var(--muted);text-align:center;place-items:center;padding:16px;display:grid}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:6px;padding:7px 12px}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn-quiet{background:0 0}.btn-large{padding:12px 28px;font-size:16px}:focus-visible{outline:2px solid var(--select);outline-offset:2px}.setup{max-width:1100px;margin:0 auto;padding:32px 16px}.setup header{margin-bottom:20px}.seats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.seat label{color:var(--muted);gap:4px;margin-bottom:10px;font-size:12px;display:grid}.seat input,.seat select,.seat textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:7px 9px}.seat textarea{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.setup-options{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:20px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.game{grid-template-columns:minmax(0,1fr) 300px;height:100vh;display:grid;overflow:hidden}.table{background:radial-gradient(ellipse at center, var(--felt-2), var(--felt) 70%);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);min-width:0;display:grid}.sidebar{background:var(--bg);border-left:1px solid var(--line);flex-direction:column;gap:8px;min-height:0;padding:8px;display:flex;overflow:hidden}.player-area{flex-direction:column;gap:6px;min-height:0;padding:6px 10px;display:flex;overflow:hidden}.area-top{flex-direction:column}.area-bottom{flex-direction:column-reverse}.player-strip{flex:none;align-items:center;gap:12px;min-height:40px;display:flex}.player-panel{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);cursor:default;align-items:baseline;gap:10px;padding:6px 12px;display:flex}.player-panel:disabled{opacity:1}.player-panel.is-active{border-color:var(--accent)}.player-panel.actionable{box-shadow:0 0 0 2px var(--action);cursor:pointer}.player-panel.selected{box-shadow:0 0 0 3px var(--select)}.player-name{font-weight:600}.life{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.poison{color:var(--action)}.zone-counts{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;display:flex}.zone-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px}.zone-btn:disabled{cursor:default;opacity:.6}.hand{flex:1;justify-content:flex-end;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.battlefield{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:auto}.bf-row{min-height:calc(var(--card-md) * 88 / 63);flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.bf-lands{min-height:calc(var(--card-md) * 88 / 63)}.card-group{flex-direction:column;display:flex}.attachment{margin-bottom:calc(var(--card-md) * -1.2)}.center-bar{border-block:1px solid var(--line);background:#0a0e0cd9;gap:6px;padding:6px 10px;display:grid}.phase-strip{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.turn-label{color:var(--accent);margin-right:8px;font-weight:600}.phase{color:var(--muted);border-radius:10px;padding:2px 7px}.phase-current{background:var(--accent);color:var(--accent-ink);font-weight:600}.prompt-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt{font-weight:500}.prompt-actions{gap:8px;display:flex}.card-slot{flex:none;position:relative}.card-slot-sm{width:var(--card-sm);height:calc(var(--card-sm) * 88 / 63)}.card-slot-md{width:var(--card-md);height:calc(var(--card-md) * 88 / 63)}.card-slot-lg{width:var(--card-lg);height:calc(var(--card-lg) * 88 / 63)}.card-slot-md.slot-tapped{width:calc(var(--card-md) * 88 / 63)}.card-slot-sm.slot-tapped{width:calc(var(--card-sm) * 88 / 63)}.card{background:#222;border:none;border-radius:6px;padding:0;transition:transform .15s,box-shadow .15s;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 3px #0009}.card:disabled{cursor:default}.card.clickable:not(:disabled){cursor:pointer}.slot-tapped .card{transform-origin:50%;width:71.5909%;left:14.2045%;transform:rotate(90deg)}.card img{object-fit:cover;width:100%;height:100%;display:block}.card.actionable{box-shadow:0 0 0 2px var(--action), 0 0 12px #58c48a99}.card.selected{box-shadow:0 0 0 3px var(--select), 0 0 14px #4aa3ffb3}.card.attacking{box-shadow:0 0 0 3px var(--attack)}.card.blocking{box-shadow:0 0 0 3px var(--block)}.card.pending-blocker{box-shadow:0 0 0 3px var(--block), 0 0 16px var(--block)}.card-slot:not(.slot-tapped) .card.actionable:hover{transform:translateY(-4px)}.card-back{background:repeating-linear-gradient(45deg,#3a2a1a,#3a2a1a 6px,#4a3522 6px 12px);border:3px solid #1a120a;border-radius:6px;width:100%;height:100%}.pt-badge,.loyalty-badge,.counter-badge,.sick-badge,.card-badge{pointer-events:none;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700;position:absolute}.pt-badge{color:#fff;background:#000000d1;bottom:3px;right:3px}.pt-modified{color:var(--action)}.pt-damaged{color:var(--attack)}.loyalty-badge{color:#fff;background:#2a2a2a;border:1px solid #aaa;bottom:3px;right:3px}.counter-badge{color:#fff;background:#285a3cf2;font-size:10px;bottom:3px;left:3px}.sick-badge{color:var(--muted);background:#000000b3;top:3px;left:3px}.card-badge{color:#fff;text-align:center;background:#000000d9;width:max-content;max-width:92%;font-size:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.text-frame{text-align:left;color:#111;border:3px solid #111;border-radius:6px;flex-direction:column;gap:2px;width:100%;height:100%;padding:4px;font-size:9px;line-height:1.2;display:flex}.frame-white{background:#f4efdc}.frame-blue{background:#c6dcef}.frame-black{background:#b8b2ad}.frame-red{background:#f0c3ae}.frame-green{background:#c3dcc4}.frame-gold{background:#e8d39a}.frame-colorless{background:#d6d6d6}.frame-land{background:#d8cbb6}.tf-title{justify-content:space-between;gap:2px;font-weight:700;display:flex}.tf-name{text-overflow:ellipsis;overflow:hidden}.tf-type{border-block:1px solid #00000040;font-style:italic}.tf-text{white-space:pre-line;overflow:hidden}.card-sm .text-frame{font-size:6px}.card-sm .tf-type,.card-sm .tf-text{display:none}.mana-cost{gap:1px;display:inline-flex}.mana-symbol{color:#111;border-radius:50%;place-items:center;min-width:1.4em;height:1.4em;padding:0 2px;font-size:.85em;font-weight:700;display:inline-grid}.mana-w{background:#f8f3d8}.mana-u{background:#a9d3f2}.mana-b{background:#a9a19c}.mana-r{background:#f4a68b}.mana-g{background:#9bd3ae}.mana-c,.mana-generic{background:#cfcac6}.pool .mana-symbol{font-size:12px}.preview{gap:6px;display:grid}.preview img,.preview .text-frame{width:100%;max-width:var(--card-xl);aspect-ratio:63/88;border-radius:10px;height:auto;margin:0 auto}.preview .text-frame{font-size:12px}.preview-empty{color:var(--muted);aspect-ratio:63/88;max-width:var(--card-xl);border:1px dashed var(--line);border-radius:10px;place-items:center;width:100%;margin:0 auto;display:grid}.preview-details{gap:2px;font-size:12px;display:grid}.preview-name{align-items:center;gap:6px;font-weight:700;display:flex}.preview-type{color:var(--muted)}.preview-oracle{white-space:pre-line;margin:4px 0}.preview-keywords{color:var(--action)}.stack-panel{flex:none;max-height:30vh;overflow:auto}.stack-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.stack-item{align-items:flex-start;gap:8px;font-size:12px;display:flex}.stack-text{gap:1px;display:grid}.count{background:var(--accent);color:var(--accent-ink);border-radius:8px;margin-left:4px;padding:0 6px}.log-panel{flex:1;min-height:80px;overflow:auto}.log{color:var(--muted);gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.log-turn{color:var(--accent);margin-top:4px;font-weight:600}.overlay{z-index:20;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-dialog{background:#00000080}.dialog,.handoff{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:12px;max-width:min(900px,100%);max-height:90vh;padding:18px;display:grid;overflow:auto}.handoff{text-align:center;padding:32px}.dialog-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.card-grid{flex-wrap:wrap;gap:8px;display:flex}.option-list{gap:6px;display:grid}.number-input,.damage-table input{background:var(--bg);color:var(--text);border:1px solid var(--line);width:90px;font:inherit;border-radius:6px;padding:6px 8px}.damage-table td{padding:4px 8px}.menu-backdrop{z-index:15;background:#0000004d;place-items:center;display:grid;position:fixed;inset:0}.menu{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:4px;min-width:260px;max-width:420px;padding:8px;display:grid}.menu-title{padding:4px 8px;font-weight:700}.menu-item{text-align:left;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:8px}.menu-item:hover{border-color:var(--action)}@media (width<=900px){:root{--card-md:64px;--card-lg:76px;--card-sm:40px}.game{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{border-left:none;border-top:1px solid var(--line)}.preview img,.preview .text-frame,.preview-empty{max-width:180px}}.landing{text-align:left;max-width:560px}.landing .steps{color:var(--muted);padding-left:20px;line-height:1.8}.share{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.share code{background:var(--panel);border:1px solid var(--line);word-break:break-all;border-radius:6px;padding:6px 8px}.opp-name{align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px;display:inline-block}.dot-on{background:var(--action)}.toast{z-index:40;border:1px solid var(--attack);color:var(--text);background:#3a1f1a;border-radius:8px;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.banner{z-index:30;text-align:center;background:var(--warn);color:#1a1408;padding:6px;font-weight:600;position:fixed;top:0;left:0;right:0}