:root{--bg: #07131d;--felt: #0b1d2b;--felt-2: #0e2436;--panel: rgba(13, 31, 46, .82);--panel-solid: #0f2233;--panel-2: #132b40;--line: rgba(120, 170, 200, .16);--line-strong: rgba(120, 170, 200, .32);--text: #e6eef5;--text-dim: #9fb4c6;--text-faint: #6b8296;--accent: #e9b949;--accent-2: #f3d27a;--accent-ink: #2a1e05;--teal: #5fd0c8;--danger: #e2605a;--ok: #5fcf8a;--shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .35);--radius: 12px;--card-w: 90px;--card-scale: 1;--hand-card-w: 98px;--font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--display: "Cinzel", "Inter", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--teal)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#78aac840;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);font-weight:500;font-size:13px;line-height:1;transition:background .12s,border-color .12s,transform .06s;white-space:nowrap}.btn:hover{background:#ffffff1a;border-color:#a0c8e680}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);border-color:#b98a1e;font-weight:700}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{border-color:#e2605a99;color:#ffb3af}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#ffffff12}.btn.sm{padding:4px 8px;font-size:12px;border-radius:7px}.btn.xs{padding:2px 6px;font-size:11px;border-radius:6px}.btn.icon{padding:6px;width:30px;height:30px;justify-content:center}.btn.active{background:#5fd0c82e;border-color:var(--teal);color:#c9fff9}.input,textarea.input,select.input{width:100%;padding:8px 10px;border-radius:9px;border:1px solid var(--line-strong);background:#00000040;color:var(--text);outline:none}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #5fd0c826}textarea.input{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;-webkit-user-select:text;user-select:text}label.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-dim)}label.field>span{font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:10.5px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.tiny{font-size:11px}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,monospace}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--line-strong);background:#00000040}.pill.accent{border-color:var(--accent);color:var(--accent-2)}.pill.teal{border-color:var(--teal);color:#c9fff9}.pill.danger{border-color:var(--danger);color:#ffb3af}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.toggle input{width:16px;height:16px;accent-color:var(--accent)}.card-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1,h2,h3{margin:0;font-weight:600}.display{font-family:var(--display);letter-spacing:.04em}.screen{height:100%;overflow:auto;background:radial-gradient(1200px 600px at 20% -10%,rgba(95,208,200,.08),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(233,185,73,.07),transparent 60%),var(--bg)}.screen-inner{max-width:1100px;margin:0 auto;padding:32px 24px 60px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brand .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#16344b,#0c1f2e);border:1px solid var(--line-strong);display:grid;place-items:center;box-shadow:var(--shadow)}.brand h1{font-size:24px}.brand .sub{color:var(--text-dim);font-size:13.5px}.brand .credit{color:var(--accent-2);font-family:var(--display);font-size:12px;letter-spacing:.06em;margin-left:6px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vcard{padding:16px;display:flex;flex-direction:column;gap:10px;min-height:150px;transition:border-color .12s,transform .12s}.vcard:hover{border-color:var(--line-strong);transform:translateY(-1px)}.vcard h3{font-size:15px}.vcard .meta{font-size:12px;color:var(--text-dim);display:flex;gap:8px;flex-wrap:wrap}.vcard .actions{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}.section-title{display:flex;align-items:baseline;gap:12px;margin:26px 0 12px}.section-title h2{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.section-title .line{flex:1;height:1px;background:var(--line)}.import-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}@media(max-width:900px){.import-layout{grid-template-columns:1fr}}.import-layout .card-panel{padding:16px;display:flex;flex-direction:column;gap:12px}.report{font-size:12.5px;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow:auto;padding:8px 10px;background:#00000040;border-radius:8px;-webkit-user-select:text;user-select:text}.report .warn{color:#ffd98a}.report .err{color:#ffb3af}.report .ok{color:var(--ok)}.progress{height:6px;border-radius:4px;background:#ffffff14;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));transition:width .2s}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subtle-box{border:1px dashed var(--line-strong);border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:8px}.list-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:12.5px;padding:4px 0;border-bottom:1px solid var(--line)}.table{height:100%;width:100%;overflow:hidden;display:grid;grid-template-rows:48px minmax(0,1fr);background:radial-gradient(1400px 800px at 50% 50%,rgba(28,70,96,.35),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px),linear-gradient(180deg,var(--felt-2),var(--felt))}.topbar{display:flex;align-items:center;gap:8px;padding:0 10px;min-width:0;overflow:hidden;background:linear-gradient(180deg,#0a1a28f2,#0a1a28bf);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar .title{font-family:var(--display);font-size:15px;font-weight:700;color:var(--accent-2);letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;text-shadow:0 1px 8px rgba(233,185,73,.25)}.phases{display:flex;gap:3px;align-items:center;padding:3px;border-radius:10px;background:#0000004d;border:1px solid var(--line)}.phase{padding:4px 7px;border-radius:7px;font-size:11px;white-space:nowrap;color:var(--text-faint);border:1px solid transparent;background:transparent;letter-spacing:.01em}.phase:hover{color:var(--text);background:#ffffff0f}.phase.on{color:var(--accent-ink);background:linear-gradient(180deg,var(--accent-2),var(--accent));font-weight:700;border-color:#b98a1e}.phase.past{color:var(--text-dim)}.turn-chip{font-size:12px;color:var(--text-dim);white-space:nowrap}.turn-chip b{color:var(--text)}.board{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;min-width:0}.play-area{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);min-height:0;position:relative}.seat-row{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:0;position:relative}.seat-row.top{grid-template-rows:1fr}.seat-row .side{display:flex;flex-direction:column;gap:8px;padding:10px;border-right:1px solid var(--line);background:#0000002e;min-height:0;overflow:auto}.seat-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.seat-name .dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint);box-shadow:0 0 0 2px #0000004d}.seat-name .dot.active{background:var(--accent);box-shadow:0 0 10px var(--accent)}.seat-name .dot.priority{outline:2px solid var(--teal);outline-offset:2px}.life{display:flex;align-items:center;gap:6px}.life .num{font-family:var(--display);font-size:30px;font-weight:700;color:var(--accent-2);min-width:58px;text-align:center;line-height:1;text-shadow:0 2px 10px rgba(233,185,73,.25)}.life.low .num{color:#ff8f88}.life .col{display:flex;flex-direction:column;gap:3px}.counter-row{display:flex;flex-wrap:wrap;gap:4px}.mana-pool{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.mana{display:flex;flex-direction:column;align-items:center;font-size:11px;padding:3px 0;border-radius:6px;border:1px solid var(--line);background:#00000040;cursor:pointer}.mana span.sym{width:14px;height:14px;border-radius:50%;display:inline-block;margin-bottom:2px}.mana.W span.sym{background:#f5efd7}.mana.U span.sym{background:#4a9bd6}.mana.B span.sym{background:#4b4260}.mana.R span.sym{background:#d85a46}.mana.G span.sym{background:#4e9a5f}.mana.C span.sym{background:#a8b2bd}.mana:hover{border-color:var(--line-strong)}.side .block{display:flex;flex-direction:column;gap:6px}.side .block-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.battlefield{position:relative;min-height:0;overflow:hidden;display:grid;grid-template-columns:var(--lands-w, 34%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;background:radial-gradient(900px 300px at 50% 100%,rgba(255,255,255,.025),transparent 70%);transition:box-shadow .15s}.seat-row.top .battlefield{background:radial-gradient(900px 300px at 50% 0%,rgba(255,255,255,.025),transparent 70%)}.battlefield.active-seat{box-shadow:inset 0 0 0 1px #e9b94940}.battlefield.drop-over{box-shadow:inset 0 0 0 2px var(--teal),inset 0 0 60px #5fd0c81f}.battlefield .hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:12px;pointer-events:none;letter-spacing:.08em;text-transform:uppercase}.battlefield .lane-label{position:absolute;left:10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb4c680;pointer-events:none}.bf-card{position:absolute;transition:left .15s ease,top .15s ease}.bf-card.dragging{transition:none;z-index:1000!important}.center-strip{display:flex;align-items:stretch;min-width:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#00000047,#0000002e);min-height:140px}.center-strip .zones{display:flex;gap:14px;padding:10px 12px;align-items:stretch;overflow-x:auto;flex:1;min-width:0}.center-strip .shared-label{padding:10px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}.zone-box{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:128px;padding:6px 10px 8px;border-radius:12px;border:1px solid transparent;transition:background .12s,border-color .12s}.zone-box.drop-over{background:#5fd0c81a;border-color:var(--teal);box-shadow:inset 0 0 30px #5fd0c81f}.zone-box.drop-over .pile{outline:2px solid var(--teal);outline-offset:3px}.zone-box .zone-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);display:flex;gap:6px;align-items:center}.zone-box .zone-title b{color:var(--text);font-size:11px}.pile{position:relative;width:calc(var(--card-w) * var(--card-scale));aspect-ratio:63 / 88;border-radius:7px;cursor:pointer}.pile .back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px}.pile .stack-shadow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;box-shadow:2px 2px #0a1a28,4px 4px #142c40,6px 6px #0a1a28}.pile .count{position:absolute;right:-8px;bottom:-8px;min-width:26px;height:26px;padding:0 7px;border-radius:13px;background:var(--panel-solid);border:1px solid var(--line-strong);display:grid;place-items:center;font-weight:700;font-size:12px;box-shadow:var(--shadow)}.pile.empty{border:1px dashed var(--line-strong);background:#0003}.pile.drop-over{outline:2px solid var(--teal);outline-offset:3px}.pile .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;overflow:hidden}.pile .face img{width:100%;height:100%;object-fit:cover;display:block}.zone-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.types-tracker{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:180px}.types-tracker .t{font-size:10px;padding:1px 6px;border-radius:999px;background:#5fd0c824;border:1px solid rgba(95,208,200,.4);color:#c9fff9}.goyf{font-size:11px;color:var(--text-dim)}.goyf b{color:var(--teal)}.stack-panel{flex:1;min-width:260px;display:flex;flex-direction:column;gap:6px}.stack-panel .items{display:flex;gap:8px;align-items:flex-end;overflow-x:auto;padding:4px 2px 6px;min-height:100px}.stack-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:9px;border:1px solid var(--line-strong);background:#0000004d;min-width:92px}.stack-item.top{border-color:var(--accent);box-shadow:0 0 18px #e9b94933}.stack-item .label{font-size:11px;max-width:110px;text-align:center;line-height:1.2}.stack-item .who{font-size:10px;color:var(--text-dim)}.stack-item .ability{width:calc(var(--card-w) * var(--card-scale) * .8);aspect-ratio:63/88;border-radius:6px;border:1px solid var(--line-strong);background:linear-gradient(160deg,#1a3b55,#0d2235);display:grid;place-items:center;font-size:10px;color:var(--text-dim);padding:4px;text-align:center}.stack-empty{color:var(--text-faint);font-size:12px;display:grid;place-items:center;min-height:100px;letter-spacing:.08em;text-transform:uppercase}.priority-banner{display:flex;align-items:center;gap:8px;font-size:12px}.priority-banner .who{color:var(--teal);font-weight:600}.hand{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:8px 12px 10px;min-height:calc(var(--hand-card-w) * var(--card-scale) * 1.4 + 18px);background:linear-gradient(180deg,#0000,#00000047);border-top:1px solid var(--line);overflow-x:auto;position:relative}.hand.drop-over{box-shadow:inset 0 0 0 2px var(--teal)}.hand .hand-label{position:absolute;left:10px;top:6px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);pointer-events:none}.hand .hand-card{transition:transform .12s ease}.hand .hand-card:hover{transform:translateY(-8px) scale(1.04);z-index:2}.hand.compact{min-height:0;padding:6px 12px}.hand.compact .hand-card{width:40px}.hand-count{font-size:11px;color:var(--text-dim)}.card{position:relative;width:calc(var(--card-w) * var(--card-scale));aspect-ratio:63 / 88;border-radius:6px;background:#1b2a38;box-shadow:0 3px 8px #00000080,0 0 0 1px #0009;transition:transform .18s ease,box-shadow .15s,outline-color .12s;cursor:grab;overflow:visible;flex:0 0 auto}.card.hand-size{width:calc(var(--hand-card-w) * var(--card-scale))}.card img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block;pointer-events:none}.card.tapped{transform:rotate(90deg)}.card.selected{outline:2px solid var(--teal);outline-offset:2px;box-shadow:0 0 18px #5fd0c873}.card.attacking{outline:2px solid var(--danger);outline-offset:2px;box-shadow:0 0 20px #e2605a80}.card.blocking{outline:2px solid #8fb6ff;outline-offset:2px}.card.attached{box-shadow:0 3px 8px #00000080,0 0 0 1px var(--accent)}.card.dragging{opacity:.35}.card.ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.92;transform:rotate(3deg) scale(1.03);cursor:grabbing}.card.ghost.tapped{transform:rotate(93deg) scale(1.03)}.card .back-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px}.card-back{background:radial-gradient(circle at 50% 50%,rgba(233,185,73,.22) 0 16%,transparent 17%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 2px,transparent 2px 7px),linear-gradient(145deg,#173a55,#0b1f30);border:2px solid #203f58}.card .text-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:3px;font-size:9px;line-height:1.2;background:linear-gradient(170deg,#22425c,#0f2436);border:1px solid var(--line-strong);overflow:hidden}.card .text-card .n{font-weight:700;font-size:9.5px}.card .text-card .t{color:var(--text-dim);font-size:8px}.card .text-card .o{color:var(--text);font-size:7.6px;overflow:hidden}.card .text-card .pt{margin-top:auto;align-self:flex-end;font-weight:700;background:#0006;padding:1px 5px;border-radius:4px}.card .badges{position:absolute;left:3px;right:3px;bottom:3px;display:flex;flex-wrap:wrap;gap:2px;pointer-events:none}.badge{font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:999px;background:#0a141ee6;border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 1px 3px #00000080}.badge.plus{background:#2f8f57}.badge.minus{background:#a3403a}.badge.note{background:#e9b949e6;color:var(--accent-ink)}.badge.token{background:#5fd0c8d9;color:#06302c}.card .reveal-dot{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.card .owner-tag{position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;border:2px solid #0b1a26;pointer-events:none}.card .owner-tag.s0{background:var(--accent)}.card .owner-tag.s1{background:var(--teal)}.card .owner-tag.s2{background:#e2605a}.card .owner-tag.s3{background:#8fb6ff}.topbar .more{position:relative}.topbar .more .menu{position:absolute;right:0;top:36px}.preview{position:fixed;top:60px;width:280px;z-index:400;pointer-events:none;display:flex;flex-direction:column;gap:8px}.preview.left{left:14px}.preview.right{right:14px}.preview img{width:100%;border-radius:14px;box-shadow:var(--shadow)}.preview .oracle{padding:10px 12px;font-size:12px;line-height:1.4;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.preview .oracle .n{font-weight:700;display:flex;justify-content:space-between;gap:8px}.preview .oracle .t{color:var(--text-dim);font-size:11px;margin-bottom:4px}.menu{position:fixed;z-index:100;min-width:200px;padding:6px;border-radius:10px;background:#102538;border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:13px}.menu .mi{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;cursor:pointer;white-space:nowrap}.menu .mi:hover{background:#5fd0c826}.menu .mi .k{margin-left:auto;color:var(--text-faint);font-size:11px}.menu .mi.danger{color:#ffb3af}.menu .sep{height:1px;background:var(--line);margin:4px 2px}.menu .mh{padding:4px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.menu .sub{position:relative}.menu .sub>.submenu{display:none;position:absolute;left:100%;top:-6px}.menu .sub:hover>.submenu{display:block}.menu .mi.disabled{opacity:.4;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#02080e99;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(860px,94vw);max-height:88vh;display:flex;flex-direction:column;border-radius:14px;background:#0f2233;border:1px solid var(--line-strong);box-shadow:var(--shadow);overflow:hidden}.modal.narrow{width:min(560px,94vw)}.modal-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:15px}.modal-body{padding:14px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal-foot{padding:10px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.card-grid{display:flex;flex-wrap:wrap;gap:10px}.card-grid .slot{display:flex;flex-direction:column;align-items:center;gap:4px}.card-grid .slot .idx{font-size:10px;color:var(--text-faint)}.card-grid .slot.drag-over{outline:2px dashed var(--teal);outline-offset:3px;border-radius:8px}.card-grid .slot.picked{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.log{border-left:1px solid var(--line);background:#00000040;display:flex;flex-direction:column;min-height:0}.log .log-head{padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.log .entries{flex:1;overflow:auto;padding:6px 8px;font-size:12px;display:flex;flex-direction:column;gap:2px;-webkit-user-select:text;user-select:text}.log .e{padding:3px 6px;border-radius:5px;color:var(--text-dim);line-height:1.35}.log .e.s0{border-left:2px solid var(--accent)}.log .e.s1{border-left:2px solid var(--teal)}.log .e.turn{color:var(--accent-2);font-weight:600;margin-top:6px}.log .note-input{padding:8px;border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:300;padding:10px 16px;border-radius:10px;background:#15324a;border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:13px;animation:pop .15s ease}@keyframes pop{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%)}}.banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;font-family:var(--display);font-size:28px;color:var(--accent-2);text-shadow:0 2px 20px rgba(0,0,0,.7);padding:10px 28px;border-radius:12px;background:#0a1a28cc;border:1px solid rgba(233,185,73,.4);animation:banner 1.4s ease forwards}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.kbd{font-family:ui-monospace,Menlo,monospace;font-size:11px;padding:1px 5px;border-radius:4px;border:1px solid var(--line-strong);background:#0000004d}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.rewind{display:flex;flex-direction:column;gap:10px}.rewind input[type=range]{width:100%;accent-color:var(--accent)}.rewind .actions-list{max-height:50vh;overflow:auto;font-size:12px;display:flex;flex-direction:column}.rewind .actions-list .a{padding:3px 8px;border-radius:5px;cursor:pointer;color:var(--text-dim);display:flex;gap:8px}.rewind .actions-list .a:hover{background:#ffffff0f}.rewind .actions-list .a.cur{background:#e9b94926;color:var(--text)}.emblem{padding:6px 8px;border-radius:8px;border:1px solid rgba(233,185,73,.35);background:#e9b94912;font-size:11px;cursor:help}.emblem b{display:block;color:var(--accent-2);margin-bottom:2px;font-size:11px}.command-cards{display:flex;gap:6px;flex-wrap:wrap}.stat-table{width:100%;border-collapse:collapse;font-size:12.5px;-webkit-user-select:text;user-select:text}.stat-table th,.stat-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.stat-table th{color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sidebar{display:flex;min-height:0;border-left:1px solid var(--line);background:#00000040}.rail{width:44px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0;border-left:1px solid var(--line)}.rail-btn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:15px;display:grid;place-items:center}.rail-btn:hover{background:#ffffff14;color:var(--text)}.rail-btn.on{background:#5fd0c82e;border-color:var(--teal);color:#c9fff9}.rail-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.drawer{width:320px;display:flex;flex-direction:column;min-height:0}.drawer-head{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);border-bottom:1px solid var(--line)}.drawer-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.drawer-body .log{border-left:none;background:transparent;flex:1}.drawer-section{padding:12px;display:flex;flex-direction:column;gap:10px}.drawer-section h3{font-size:14px}.drawer-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-top:6px}.drawer-section p{margin:0}.rule-card{border:1px solid rgba(233,185,73,.35);background:#e9b9490f;border-radius:9px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;-webkit-user-select:text;user-select:text}.rule-card img{width:120px;border-radius:6px;transition:width .15s}.rule-card img.big{width:100%}.rule-card .clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1100px){.drawer{position:fixed;right:44px;top:48px;bottom:0;z-index:150;background:#0f2233;box-shadow:var(--shadow)}}.seat-name .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-actions{display:flex;gap:6px;align-items:stretch}.seat-actions .draw{flex:1;justify-content:center;font-family:var(--display);font-weight:700;letter-spacing:.1em;font-size:13px;padding:9px 10px;background:linear-gradient(180deg,#5fd0c838,#5fd0c814);border-color:#5fd0c88c;color:#d8fffb}.seat-actions .draw:hover{background:linear-gradient(180deg,#5fd0c852,#5fd0c824)}.seat-actions .undo{width:36px;height:auto;font-size:16px;color:var(--text-dim)}.seat-actions .undo:hover:not(:disabled){color:var(--accent-2)}.rules-chip{border-color:#e9b94973;color:var(--accent-2)}.seat-row.active .side{background:linear-gradient(90deg,#e9b9491a,#0000002e);box-shadow:inset 3px 0 0 var(--accent)}.seat-row.active .battlefield,.seat-row .battlefield.active-seat{box-shadow:inset 0 0 0 1px #e9b94959,inset 0 0 80px #e9b9490d}.lands-col{grid-column:1;grid-row:1 / span 2;position:relative;border-right:1px dashed rgba(120,170,200,.22);background:#0000001f;width:100%!important}.nonland-area{grid-column:2;grid-row:1}.battlefield>.hand{grid-column:2;grid-row:2;position:relative;z-index:60;border-top:1px solid var(--line)}.land-group-label.on{color:var(--teal)}.marquee{position:absolute;z-index:500;border:1px solid var(--teal);background:#5fd0c81f;pointer-events:none;border-radius:3px}.bf-card{transition:left .15s ease,top .15s ease,transform .18s ease}.card:hover{box-shadow:0 0 0 2px #5fd0c8bf,0 0 22px #5fd0c873,0 3px 8px #00000080}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bf-card.sick .card img,.bf-card.sick .card .text-card{filter:saturate(.8) brightness(.9)}.bf-card .mist{position:absolute;left:-6px;right:-6px;bottom:-8px;height:46%;pointer-events:none;border-radius:40%;background:radial-gradient(ellipse at 50% 100%,rgba(170,200,230,.55),rgba(170,200,230,.18) 55%,transparent 75%);filter:blur(3px);animation:mist 3s ease-in-out infinite alternate}@keyframes mist{0%{transform:translateY(0) scaleX(1);opacity:.85}to{transform:translateY(-4px) scaleX(1.08);opacity:.55}}.reduced-motion .mist{animation:none}.lands-col .lane-label{position:absolute;left:10px;bottom:6px;top:auto}.land-group-label{position:absolute;top:4px;text-align:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9fb4c673;pointer-events:none}.battlefield>.lane-label{display:none}.token-stack .stack-shadow-cards{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;box-shadow:3px 3px #10273a,6px 6px #0a1a28,9px 9px #142c40}.token-stack .stack-badge{position:absolute;top:-8px;right:-10px;z-index:3;font-size:11px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 4px #00000080;pointer-events:none}.token-stack .stack-controls{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);display:none;gap:3px;z-index:4;background:#0a1a28f2;padding:3px;border-radius:8px;border:1px solid var(--line-strong)}.token-stack:hover .stack-controls{display:flex}.pile .fan{position:absolute;top:0;right:0;bottom:0;left:0}.pile .fan-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;overflow:hidden;box-shadow:0 2px 6px #0009;transform-origin:50% 90%}.pile .fan-card img{width:100%;height:100%;object-fit:cover;display:block}.pile .fan-card .card{width:100%}.life .num{position:relative}.life-fx{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none;border-radius:50%;opacity:0}.life.fx .life-fx{animation:lifefx .7s ease-out}.theme-ocean .life.fx .life-fx,.theme-ember .life.fx .life-fx{background:radial-gradient(circle,#e2605abf 0,#e2605abf 30%,#e2605a00 70%)}.theme-forest .life.fx .life-fx{background:repeating-linear-gradient(115deg,transparent 0 9px,rgba(226,96,90,.85) 9px 12px,transparent 12px 20px);border-radius:8px}.theme-default .life.fx .life-fx{background:radial-gradient(circle,rgba(233,185,73,.5) 0 30%,transparent 70%)}.reduced-motion .life-fx,.intensity-off .life-fx{animation:none!important}@keyframes lifefx{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.theme-ocean{--felt: #06131f;--felt-2: #0a2238}.theme-ocean.intensity-full,.theme-ocean.intensity-subtle{background:radial-gradient(1200px 500px at 50% 110%,rgba(140,20,30,.35),transparent 65%),radial-gradient(900px 400px at 20% 0%,rgba(40,120,160,.18),transparent 60%),repeating-linear-gradient(170deg,rgba(255,255,255,.025) 0 3px,transparent 3px 18px),linear-gradient(180deg,#0a2238,#06131f 60%,#150a12)}.theme-ocean.intensity-full .seat-row.bottom .battlefield{background:radial-gradient(900px 300px at 50% 100%,rgba(160,30,40,.18),transparent 70%)}.theme-forest{--felt: #0b1510;--felt-2: #12241a}.theme-forest.intensity-full,.theme-forest.intensity-subtle{background:radial-gradient(1000px 500px at 80% 100%,rgba(60,110,40,.25),transparent 65%),radial-gradient(800px 400px at 10% 0%,rgba(90,70,30,.2),transparent 60%),repeating-linear-gradient(35deg,rgba(0,0,0,.12) 0 2px,transparent 2px 9px),linear-gradient(180deg,#12241a,#0b1510)}.theme-ember{--felt: #150c0a;--felt-2: #241410}.theme-ember.intensity-full,.theme-ember.intensity-subtle{background:radial-gradient(1000px 500px at 50% 110%,rgba(200,70,20,.3),transparent 65%),linear-gradient(180deg,#241410,#150c0a)}.intensity-subtle .seat-row .battlefield{background:none}.theme-ocean .topbar,.theme-forest .topbar,.theme-ember .topbar{background:linear-gradient(180deg,#0000008c,#00000059)}.theme-deep.intensity-full,.theme-deep.intensity-subtle{background:radial-gradient(1200px 600px at 50% 110%,rgba(20,90,140,.35),transparent 65%),radial-gradient(800px 400px at 50% -10%,rgba(95,208,200,.12),transparent 60%),repeating-linear-gradient(170deg,rgba(255,255,255,.02) 0 3px,transparent 3px 16px),linear-gradient(180deg,#0a2238,#061a2c 60%,#04111c)}.theme-deep .life.fx .life-fx{background:radial-gradient(circle,rgba(95,208,200,.6) 0 30%,transparent 70%)}.selbar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:300;display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:12px;background:#0d1f2ef2;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.opening{position:absolute;top:48px;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;background:#040c14c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto;padding:20px}.opening-card{width:min(820px,94vw);padding:22px 26px;border-radius:16px;background:#0f2233;border:1px solid var(--line-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.opening-card h2{font-size:22px;color:var(--accent-2)}.opening-card.brief{display:grid;grid-template-columns:240px 1fr;text-align:left;align-items:start;gap:22px}.brief-art img{width:240px;border-radius:12px;box-shadow:var(--shadow)}.brief-text{display:flex;flex-direction:column;gap:10px}.brief-list{margin:4px 0 0;padding-left:18px;color:var(--text-dim)}.brief-list li{margin:2px 0}.gotit{font-family:var(--display);font-size:16px;padding:12px 26px;letter-spacing:.12em}@media(max-width:760px){.opening-card.brief{grid-template-columns:1fr}.brief-art img{width:160px}}.roll-row{display:flex;gap:40px;justify-content:center;align-items:flex-start}.roll-seat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid transparent}.roll-seat.high{border-color:var(--accent);background:#e9b94912}.roll-seat .seat-label{font-weight:600}.roll-result{font-family:var(--display);font-size:20px;color:var(--accent-2);min-height:26px}.d20{width:130px;height:130px;border:none;background:transparent;cursor:grab;perspective:600px;touch-action:none}.d20.disabled{cursor:default;opacity:.55}.d20-body{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .2s}.d20:hover:not(.disabled) .d20-body{transform:rotateX(8deg) rotateY(-10deg) scale(1.04)}.d20.rolling .d20-body{animation:tumble 1.1s cubic-bezier(.2,.8,.2,1) infinite}.d20-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--display);font-size:34px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}@keyframes tumble{0%{transform:rotateX(0) rotateY(0) rotate(0)}25%{transform:rotateX(160deg) rotateY(90deg) rotate(40deg) scale(1.1)}50%{transform:rotateX(320deg) rotateY(200deg) rotate(-30deg)}75%{transform:rotateX(540deg) rotateY(300deg) rotate(60deg) scale(1.05)}to{transform:rotateX(720deg) rotateY(360deg) rotate(0)}}.reduced-motion .d20.rolling .d20-body{animation:none}.choose-row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.opening-hands{width:min(1200px,96vw);display:flex;flex-direction:column;gap:14px}.opening-hand{padding:14px 16px;border-radius:14px;background:#0f2233f5;border:1px solid var(--line-strong);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.opening-hand.first{border-color:#e9b94980}.opening-hand h3{font-size:15px}.big-hand{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;--card-scale: 1.45}.big-card{position:relative;cursor:pointer}.big-card.picked .card{outline:2px solid var(--accent);outline-offset:3px}.pile.fx-shuffle{animation:shuffle .65s ease-in-out}.pile.fx-shuffle .back,.pile.fx-shuffle .stack-shadow{animation:shuffle-cards .65s ease-in-out}@keyframes shuffle{0%{transform:translateY(0)}20%{transform:translateY(-8px) rotate(-3deg)}45%{transform:translateY(-4px) rotate(3deg)}70%{transform:translateY(-7px) rotate(-2deg)}to{transform:translateY(0)}}@keyframes shuffle-cards{0%,to{box-shadow:2px 2px #0a1a28,4px 4px #142c40,6px 6px #0a1a28}30%{box-shadow:-6px 2px #0a1a28,8px 6px #142c40,-3px 9px #0a1a28}60%{box-shadow:5px -3px #0a1a28,-4px 5px #142c40,7px 8px #0a1a28}}.pile.fx-dissolve:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:10px;pointer-events:none;background:radial-gradient(circle at 50% 40%,#ffffff8c,#fff0 60%);animation:dissolve .6s ease-out forwards}@keyframes dissolve{0%{opacity:.9;transform:scale(.8);filter:blur(0)}to{opacity:0;transform:scale(1.35);filter:blur(4px)}}.pile.fx-wisp:after{content:"";position:absolute;left:10%;right:10%;bottom:20%;height:70%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#c8dcff99,#c8dcff00 70%);filter:blur(5px);animation:wisp .8s ease-out forwards}@keyframes wisp{0%{opacity:.9;transform:translateY(0) scaleX(1)}to{opacity:0;transform:translateY(-60px) scaleX(1.6)}}.bf-card.fx-hit .card{animation:hit .5s ease-out}@keyframes hit{0%{transform:scale(1)}20%{transform:translate(-3px,2px) scale(1.08) rotate(-2deg)}40%{transform:translate(3px,-2px) scale(1.08) rotate(2deg)}60%{transform:translate(-2px,1px) scale(1.05)}to{transform:scale(1)}}.bf-card.fx-hit .card.tapped{animation:hit-tapped .5s ease-out}@keyframes hit-tapped{0%,to{transform:rotate(90deg)}30%{transform:rotate(88deg) scale(1.08)}60%{transform:rotate(93deg) scale(1.05)}}.reduced-motion .pile,.reduced-motion .bf-card .card{animation:none!important}.reduced-motion .pile:after{display:none}