#view.full{max-width:none;padding:10px 12px 12px}.game{--rail: 250px;--strip: 150px;display:flex;flex-direction:column;gap:8px;height:calc(100dvh - 82px);min-height:660px}.game-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-toolbar h1{font-size:1.05rem;margin:0 6px 0 0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg>*{padding:4px 11px;color:var(--muted);background:none;border:0;cursor:pointer;font:inherit;font-size:.82rem}.seg>*+*{border-left:1px solid var(--line)}.seg>*:hover{color:var(--text);text-decoration:none}.seg .on{background:var(--panel-2);color:var(--text);font-weight:600}.sb-spacer{flex:1}.game-main{flex:1;min-height:0;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--strip);gap:8px}.game-center{min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px}.game-table{position:relative;min-height:0;display:grid;gap:6px;grid-auto-columns:minmax(0,1fr)}.seat-cell{min-width:0;min-height:0;display:flex}.seat-cell>*{flex:1}.focus-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;padding:0;background:#080a0ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cq-fade .15s ease-out}@keyframes cq-fade{0%{opacity:0}}.seat-board{display:flex;flex-direction:column;min-height:0;min-width:0;padding:5px 8px 8px;border:1px solid var(--line);border-top:3px solid var(--seat);border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--seat) 7%,#121620),#10131b 55%);transition:box-shadow .25s,border-color .25s}.seat-board.active{border-color:color-mix(in srgb,var(--seat) 70%,var(--line));box-shadow:0 0 0 1px var(--seat),0 0 24px -8px var(--seat)}.sb-head{display:flex;align-items:center;gap:8px;min-height:26px}.sb-name{font-weight:700;color:var(--seat);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sb-life{font-weight:800;font-size:1.2rem;font-variant-numeric:tabular-nums}.sb-life:before{content:"♥ ";color:#e06b6b;font-size:.75em}.sb-poison{font-size:.78rem;color:var(--ok);font-weight:700}.sb-cmd{font-size:.72rem;padding:1px 7px;border-radius:99px;font-weight:700;color:var(--from);background:color-mix(in srgb,var(--from) 20%,transparent);border:1px solid color-mix(in srgb,var(--from) 45%,transparent)}.sb-count{font-size:.8rem;color:var(--muted);white-space:nowrap}.sb-focus{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;width:24px;height:24px;cursor:pointer;padding:0;line-height:1}.sb-focus:hover{color:var(--text);border-color:var(--seat)}.sb-body{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:4px;container-type:size}.sb-zones{--zw: clamp(30px, calc((100cqh - 34px) / 2.8), 66px);display:grid;grid-template-columns:repeat(2,var(--zw));align-content:start;gap:4px 6px}.layout-stacked .sb-zones{--zw: clamp(28px, calc((100cqh - 16px) / 1.4), 60px);grid-template-columns:repeat(4,var(--zw))}.zone-tile{display:grid;gap:2px;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;min-width:0}button.zone-tile{cursor:pointer}button.zone-tile:hover .zt-card{outline:2px solid var(--accent-2)}.zt-card{--cw: var(--zw);position:relative;width:var(--zw);aspect-ratio:488 / 680;border-radius:5%/3.6%}.zt-empty{height:100%;border:1px dashed var(--line);border-radius:inherit;display:grid;place-items:center;text-align:center;font-size:.55rem;color:#5d6476;padding:2px}.zt-label{font-size:.58rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--zw)}.battlefield{--ch: calc(var(--cw) * 1.4);min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}.battlefield.cramped{overflow:auto}.bf-row{display:flex;align-items:center;gap:5px;min-height:var(--ch);border-radius:6px;transition:background .1s}.cramped .bf-row{flex-wrap:wrap}.battlefield.line{flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:6px 16px}.battlefield.line .bf-row{flex-wrap:wrap;gap:5px;row-gap:6px}.battlefield.line .bf-row.empty{min-height:var(--ch);min-width:8px}.battlefield.line .bf-row+.bf-row{position:relative}.battlefield.line .bf-row+.bf-row:before{content:"";position:absolute;left:-9px;top:4px;bottom:4px;width:1px;background:var(--line)}.bf-row.empty{min-height:8px}.bf-row.drop{background:color-mix(in srgb,var(--seat) 12%,transparent);outline:1px dashed var(--seat);min-height:calc(var(--ch) * .5)}.bf-row.drop.empty:after{content:attr(data-label);margin:auto;font-size:.7rem;color:var(--seat)}.slot{position:relative;flex:none;width:var(--cw);height:var(--ch);cursor:grab}.slot.tapped{width:var(--ch)}.slot.drop-before:before{content:"";position:absolute;left:-4px;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--seat)}.bf-card{position:absolute;left:0;top:0;width:var(--cw);height:var(--ch);border-radius:5%/3.6%;transition:transform .18s ease,box-shadow .15s}.slot.tapped .bf-card{left:calc((var(--ch) - var(--cw)) / 2);transform:rotate(90deg)}.slot:hover .bf-card{box-shadow:0 0 0 2px var(--accent-2),0 8px 18px #0000007f;z-index:2}.bf-card.pile{box-shadow:3px -3px 0 -1px #2c3242,6px -6px 0 -2px #222735}.bf-card.sick .card-face img{filter:saturate(.7) brightness(.9)}.bf-card.attacking{box-shadow:0 0 0 2px var(--danger),0 0 16px #ef6b6b8c}.card-face,.card-face img{width:100%;height:100%;display:block;border-radius:5%/3.6%;object-fit:cover}.card-face img{background:var(--panel-2)}.card-face.known-facedown{outline:2px dashed var(--accent);outline-offset:-2px}.card-face.known-facedown img{filter:saturate(.55) brightness(.75)}.card-noimg{height:100%;display:grid;place-items:center;text-align:center;padding:4px;font-size:.62rem;background:var(--panel-2);border:1px solid var(--line);border-radius:5%/3.6%}.card-back{width:100%;height:100%;border-radius:5%/3.6%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#4a3315,#1c1309 72%);border:2px solid #5a4320;box-shadow:inset 0 0 0 3px #00000059;color:var(--accent);font-size:calc(var(--cw, 60px) * .32)}.card-back span{opacity:.75;text-shadow:0 0 10px rgb(224 168 79 / 60%)}.token-tile{width:100%;height:100%;border-radius:5%/3.6%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--seat) 32%,#2a2f3c),#171a22);border:1px solid color-mix(in srgb,var(--seat) 50%,#444)}.token-name{font-weight:700;font-size:max(9px,calc(var(--cw) * .16))}.token-type{font-size:max(7px,calc(var(--cw) * .1));color:var(--muted)}.pt{position:absolute;right:3%;bottom:3%;padding:0 4px;border-radius:4px;background:#0d0f14e5;border:1px solid rgb(255 255 255 / 20%);color:#fff;font-weight:800;font-size:max(9px,calc(var(--cw) * .14));font-variant-numeric:tabular-nums}.pt.boosted{color:#8fe3a8}.ctr{position:absolute;left:3%;bottom:3%;padding:0 5px;border-radius:99px;background:#2f7a45;color:#fff;font-weight:700;font-size:max(8px,calc(var(--cw) * .12))}.ctr.other{bottom:auto;top:25%;background:#6a4ca0}.crown{position:absolute;top:-7px;left:50%;translate:-50% 0;color:var(--accent);font-size:max(10px,calc(var(--cw) * .18));text-shadow:0 1px 3px #000}.fd-eye{position:absolute;top:3%;right:3%;font-size:10px;background:#000000a6;border-radius:4px;padding:0 2px}.pile-count{position:absolute;top:3%;right:3%;padding:0 5px;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:max(9px,calc(var(--cw) * .14))}.atk-badge{position:absolute;z-index:3;left:50%;bottom:-5px;translate:-50% 0;padding:0 5px;border-radius:99px;background:var(--danger);color:#1a0606;font-size:9px;font-weight:800;white-space:nowrap}.hand-bar{display:flex;align-items:flex-end;gap:10px;padding:0 8px 6px;border:1px solid var(--line);border-radius:10px;background:#10131b;min-width:0}.hand-label{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hand-cards{display:flex;gap:6px;overflow-x:auto;padding-top:12px;min-width:0;min-height:calc(96px * 1.4 + 12px)}.hand-card{--cw: 96px;flex:none;width:var(--cw);aspect-ratio:488 / 680;padding:0;border:0;background:none;border-radius:5%/3.6%;cursor:grab;transition:transform .12s,box-shadow .12s}.hand-card:hover{transform:translateY(-9px);box-shadow:0 10px 22px #0000008c}.hand-card.selected{transform:translateY(-10px);outline:3px solid var(--accent);outline-offset:1px}.action-rail{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.action-rail>section{border:1px solid var(--line);border-radius:10px;background:#12151d;padding:10px}.action-rail h3{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.action-rail>section>header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.ar-sub{margin:0;font-family:Georgia,Times New Roman,serif;font-style:italic;color:#8a7a5c;font-size:.8rem}.ar-decision{position:relative;padding-top:26px!important;background:linear-gradient(180deg,#2b2215,#1a150e)!important;border-color:#5a4320!important;transition:box-shadow .25s}.ar-decision.live{box-shadow:0 0 0 1px #e0a84f99,0 0 22px -8px var(--accent)}.ar-ribbon{position:absolute;top:-1px;left:50%;translate:-50% 0;padding:3px 18px 6px;text-transform:uppercase;font-family:Georgia,serif;letter-spacing:.28em;font-size:.68rem;color:#f3dcb0;background:linear-gradient(#992622,#6a1616);clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}.ar-decision h3{font-family:Georgia,Times New Roman,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:1.05rem;color:#f0e2c4}.ar-decision p{margin:4px 0 10px;font-size:.86rem;color:#d8ccb4;line-height:1.4}.ar-actions{display:grid;gap:6px}.ar-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 12px;border-radius:8px;border:1px solid #6a5434;background:#2a2116;color:#f0e2c4;font-weight:600;cursor:pointer;text-align:left}.ar-btn:hover:not(:disabled){filter:brightness(1.15)}.ar-btn.primary{background:linear-gradient(#a12d24,#7a1d18);border-color:#c0503f;color:#fff}.ar-btn:disabled{opacity:.45;cursor:not-allowed}.game kbd{font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 6px;border-radius:4px;background:#00000059;border:1px solid rgb(255 255 255 / 22%);color:inherit}.ar-skip{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:6px;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:#171a22;color:#c9cdd6;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.ar-skip:hover{border-color:#4a5266;color:var(--text)}.ar-skip.on{border-color:var(--accent);color:var(--accent-2);background:#e0a84f1a}.ar-skip.on kbd{animation:sp-pulse 1.2s ease-in-out infinite}.stack-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}.stack-list li{display:flex;gap:8px;align-items:center;padding:4px 6px;font-size:.8rem;border-left:3px solid var(--seat);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--seat) 10%,transparent)}.stack-list li.top{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seat) 70%,transparent)}.stack-list img{width:30px;border-radius:3px}.stack-list span{display:block;color:var(--muted);font-size:.7rem}.ar-preview{flex:1 0 auto;min-height:140px;display:grid;place-items:center;text-align:center}.ar-preview figure{margin:0;width:100%;display:grid;gap:6px}.ar-preview img{width:100%;display:block;border-radius:4.75%/3.5%;box-shadow:0 8px 22px #00000073}.ar-preview figcaption{font-size:.78rem;color:var(--accent-2);line-height:1.35}.ar-preview-back{--cw: 200px;aspect-ratio:488 / 680}.ar-preview-token{--seat: #888;aspect-ratio:488 / 680;border-radius:4.75%/3.5%;display:grid;place-content:center;gap:6px;background:linear-gradient(160deg,#2a2f3c,#171a22);border:1px solid var(--line)}.ar-preview-token span{color:var(--muted);font-size:.8rem}.ar-preview-token .big{font-size:1.6rem;font-weight:800;color:var(--text)}.ar-log ol{list-style:none;margin:0;padding:0;max-height:130px;overflow-y:auto;display:grid;gap:2px;font-size:.74rem;color:var(--muted)}.ar-log li:last-child{color:var(--text)}.strip-col{display:flex;flex-direction:column;gap:6px;min-height:0}.strip-actions{display:flex;gap:4px}.strip-actions .btn{flex:1;padding:4px 6px;font-size:.74rem}.phase-strip{flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#0f1218}.ps-turn{text-align:center;padding:4px;border-radius:6px;border:1px solid color-mix(in srgb,var(--active) 55%,var(--line));background:color-mix(in srgb,var(--active) 8%,#12151d)}.ps-turn strong{display:block;color:var(--active);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ps-turn span{font:600 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.ps-priority{text-align:center;padding:3px;border-radius:6px;border:1px solid var(--line);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.ps-priority i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;vertical-align:1px;margin-right:3px}.ps-priority.on{color:var(--accent);border-color:var(--accent);background:#e0a84f1a}.ps-priority.on i{animation:sp-pulse 1.2s ease-in-out infinite}.ps-steps{flex:1;min-height:0;display:flex;flex-direction:column;gap:3px}.ps-step{position:relative;flex:1 1 0;min-height:18px;max-height:64px;border-radius:5px;border:1px solid #262b38;background:#13161e;overflow:hidden}.ps-step.no-priority{background:#0e1015}.ps-step.no-priority .ps-label{color:#5d6476}.ps-me,.ps-opps{position:absolute;top:0;bottom:0;margin:0;padding:0;border:0}.ps-me{left:0;width:56%;cursor:pointer;background:#1d1910;clip-path:polygon(0 0,100% 0,85.7% 50%,100% 100%,0 100%)}.ps-opps{left:48%;right:0;display:flex;clip-path:polygon(15.4% 0,100% 0,100% 100%,15.4% 100%,0 50%)}.ps-opps>button{flex:1;margin:0;padding:0;border:0;cursor:pointer;background:#131a28}.ps-opps.split>button:first-child{flex:1.3}.ps-opps.split>button+button{border-left:1px solid rgb(0 0 0 / 55%)}.ps-opps>button:disabled{cursor:default}.ps-me:hover,.ps-opps>button:hover:not(:disabled){filter:brightness(1.35)}.ps-me[aria-pressed=true]{background:linear-gradient(160deg,#ecd39c,#c09245 55%,#7a5a25)}.ps-opp.all[aria-pressed=true]{background:linear-gradient(160deg,#bcd5f6,#739bd2 55%,#3d5f93)}.ps-opp.all[data-mixed=true]{background:repeating-linear-gradient(135deg,#4a6ea4 0,#4a6ea4 5px,#131a28 5px,#131a28 10px)}.ps-opp:not(.all)[aria-pressed=true]{background:linear-gradient(160deg,color-mix(in srgb,var(--seat) 55%,#fff),var(--seat) 55%,color-mix(in srgb,var(--seat) 55%,#000))}.ps-opp.active:not([aria-pressed=true]){background:color-mix(in srgb,var(--seat) 18%,#131a28)}.ps-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ded8ca;text-shadow:0 1px 2px #000,0 0 6px #000}.ps-step.here{border-color:var(--active);box-shadow:0 0 0 1px var(--active),0 0 12px -2px var(--active)}.ps-step.here:after{content:"";position:absolute;top:50%;translate:0 -50%;border:5px solid transparent;z-index:2}.ps-step.here-me:after{left:1px;border-left-color:var(--active)}.ps-step.here-opp:after{right:1px;border-right-color:var(--active)}.ps-step.here.stopped{animation:ps-glow 1.6s ease-in-out infinite}@keyframes ps-glow{50%{box-shadow:0 0 0 1px var(--active),0 0 3px -2px var(--active)}}.ps-divider{display:flex;align-items:center;gap:6px;font-family:Georgia,Times New Roman,serif;font-style:italic;color:#a58a55;font-size:.72rem;line-height:1}.ps-divider:before,.ps-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#6a5434,transparent)}.ps-legend{display:flex;justify-content:center;gap:10px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:2px}.sw{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:-1px}.sw.me{background:#d9b26a}.sw.opp{background:#7fa3dc}.ps-switch{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.7rem;font-weight:500;color:var(--muted);cursor:pointer}.ps-hold{display:grid;justify-items:center;gap:4px;padding:7px 4px;border:1px solid var(--line);border-radius:10px;background:#12151d;color:#c9cdd6;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.ps-hold.on{border-color:var(--accent);color:var(--accent-2)}.ps-toggle{position:relative;width:30px;height:14px;border-radius:99px;background:#2a2f3c}.ps-toggle i{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#8a90a0;transition:left .15s}.ps-hold.on .ps-toggle{background:var(--accent)}.ps-hold.on .ps-toggle i{left:18px;background:var(--accent-ink)}@media(prefers-reduced-motion:reduce){.ps-step.here.stopped,.ps-priority.on i,.ar-skip.on kbd,.focus-overlay{animation:none}}dialog.zone-viewer{width:min(980px,calc(100vw - 32px));max-height:86vh;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.zv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.zv-grid figure{margin:0;display:grid;gap:4px;align-content:start}.zv-card{--cw: 140px;--seat: #888;position:relative;aspect-ratio:488 / 680}.zv-grid figcaption{font-size:.8rem}.zv-grid figcaption small{display:block;color:var(--accent-2)}@media(max-width:1200px){.game{--rail: 210px;--strip: 124px}}@media(max-width:860px){.game{height:auto}.game-main{grid-template-columns:1fr}.game-table{min-height:900px}.strip-col{order:-1}.phase-strip{min-height:520px}}@keyframes sp-pulse{50%{opacity:.35}}:root{--bg: #0e1016;--bg-2: #151924;--panel: #1a1f2c;--panel-2: #222839;--line: #2c3347;--text: #e8e6e1;--muted: #9097a8;--accent: #e0a84f;--accent-2: #f3c77c;--accent-ink: #1b1306;--danger: #ef6b6b;--ok: #6fcf97;--radius: 10px;--shadow: 0 10px 30px rgb(0 0 0 / 35%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,rgb(224 168 79 / 8%),transparent 60%),radial-gradient(900px 500px at -10% 10%,rgb(90 120 220 / 8%),transparent 60%),var(--bg)}#app{min-height:100vh;display:flex;flex-direction:column}#view{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 16px 48px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2}h1{font-size:1.9rem;letter-spacing:-.01em}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.link{font-weight:500}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=file]{padding:7px}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}label{display:grid;gap:6px;font-weight:500;font-size:.92rem}label small{color:var(--muted);font-weight:400}label.inline{display:flex;align-items:center;gap:8px;font-weight:400}label.inline select{width:auto;padding:5px 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,transform .05s}.btn:hover{background:var(--accent-2);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.ghost:hover{background:var(--panel-2)}.btn.danger{color:var(--danger)}.btn.small{padding:5px 10px;font-size:.85rem}.btn.big{padding:13px 26px;font-size:1.05rem}.btn.wide{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:12px 24px;background:#0e1016d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--text);letter-spacing:.01em}.brand:hover{text-decoration:none}.brand-mark{color:var(--accent)}.topbar nav{display:flex;gap:4px}.topbar nav a{color:var(--muted);padding:6px 12px;border-radius:8px;font-weight:500}.topbar nav a:hover{color:var(--text);text-decoration:none;background:var(--panel)}.topbar nav a.active{color:var(--text);background:var(--panel-2)}.account{margin-left:auto;display:flex;align-items:center;gap:10px}.account .user{color:var(--muted);font-weight:500}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:20px 16px 28px;border-top:1px solid var(--line)}.hero{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);padding:72px 48px;margin-bottom:28px;background:linear-gradient(135deg,#1a1f2c,#121520)}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(400px 300px at 85% 30%,rgb(224 168 79 / 22%),transparent 70%),radial-gradient(300px 260px at 70% 85%,rgb(120 90 220 / 18%),transparent 70%),repeating-linear-gradient(115deg,transparent 0 38px,rgb(255 255 255 / 2%) 38px 39px)}.hero-body{position:relative;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--accent);font-weight:700;margin:0 0 12px}.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em}.hero .accent{color:var(--accent-2)}.lead{font-size:1.12rem;color:#c4c8d2;max-width:560px}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.feature{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;color:var(--text);transition:border-color .15s,transform .15s}.feature:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.feature-icon{font-size:1.6rem;display:block;margin-bottom:10px}.feature p{color:var(--muted);margin:0;font-size:.95rem}.auth-wrap{display:grid;place-items:center;padding:32px 0}.auth-card{width:100%;max-width:400px;display:grid;gap:16px;padding:30px;box-shadow:var(--shadow)}.auth-card h1{margin:0;font-size:1.6rem}.auth-card p{margin:0}.form-error{color:var(--danger);margin:0;min-height:0}.form-error:empty{display:none}.page-head{margin-bottom:20px}.page-head.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-head h1{margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty h3{color:var(--text)}.empty .actions{justify-content:center;margin-top:16px}.status{font-weight:600}.status[data-state=open]{color:var(--ok)}.status[data-state=connecting]{color:var(--accent)}.status[data-state=closed]{color:var(--danger)}.play-deck{display:flex;align-items:end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.play-deck label{flex:1;min-width:240px;max-width:480px}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.mode{display:flex;flex-direction:column;gap:4px}.mode p{color:var(--muted);flex:1}.tag{align-self:flex-start;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid rgb(224 168 79 / 40%);border-radius:99px;padding:2px 8px;margin-bottom:8px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.deck-grid>.empty{grid-column:1 / -1}.deck-tile{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:var(--text);transition:border-color .15s,transform .15s}.deck-tile:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.deck-cover{aspect-ratio:16 / 9;background:linear-gradient(135deg,#2a3045,#1a1f2c) center / cover}.deck-meta{padding:14px 16px}.deck-meta h3{margin:0 0 4px;font-size:1.05rem}.deck-meta p{margin:0}.editor-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.editor-head .back{font-size:1.3rem;color:var(--muted);padding:4px 8px}.editor-head .back:hover{color:var(--text);text-decoration:none}.deck-name{flex:1 1 260px;max-width:460px;font-size:1.3rem;font-weight:700;background:transparent;border-color:transparent;padding:6px 10px}.deck-name:hover{border-color:var(--line)}.editor-head select{width:auto}.spacer{flex:1}.count-badge{font-weight:700;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:99px;background:var(--panel-2);color:var(--accent-2)}.count-badge[data-ok=true]{color:var(--ok)}.save-state{min-width:6em;text-align:right}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:4px;min-width:180px;display:grid}.menu-list button{background:none;border:0;text-align:left;padding:8px 12px;border-radius:6px;cursor:pointer}.menu-list button:hover{background:var(--line)}.editor-body{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel.left{position:sticky;top:76px;max-height:calc(100vh - 96px);display:flex;flex-direction:column}.tabs{display:flex;border-bottom:1px solid var(--line)}.tab{flex:1;background:none;border:0;padding:12px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.pane{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.pane[hidden]{display:none}.search-row{display:flex;gap:8px}.result-info{margin:0}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.result{display:flex;flex-direction:column;gap:6px}.result-img{display:grid;gap:4px;justify-items:center;background:none;border:0;padding:0;cursor:pointer;border-radius:6px}.result-img img{width:100%;aspect-ratio:488 / 680;border-radius:5%;background:var(--panel-2);display:block;transition:transform .12s}.result-img:hover img{transform:scale(1.03)}.result-img.selected img{outline:3px solid var(--accent)}.noimg{display:grid;place-items:center;aspect-ratio:488 / 680;width:100%;background:var(--panel-2);border-radius:6px;font-size:.8rem;padding:6px}.result-actions{display:flex;gap:4px}.result-actions .btn{flex:1;padding:4px 6px;font-size:.78rem}.import-block{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}.import-block h3{margin:0;font-size:1rem}.import-block p{margin:0}.import-block .btn{justify-self:start}.deck-view{padding:18px 20px;min-height:400px}.warnings{list-style:none;margin:0 0 16px;padding:10px 14px;border-radius:8px;background:#e0a84f14;border:1px solid rgb(224 168 79 / 30%);display:grid;gap:4px;font-size:.9rem}.warnings li:before{content:"⚠ ";color:var(--accent)}.stats{display:flex;gap:28px;align-items:end;flex-wrap:wrap;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--line)}.curve{display:flex;gap:6px;height:100px;align-items:end}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;width:26px;gap:3px}.bar{width:100%;min-height:2px;background:linear-gradient(to top,var(--accent),var(--accent-2));border-radius:3px 3px 0 0}.bar-n{font-size:.72rem;color:var(--muted)}.bar-label{font-size:.75rem;color:var(--muted)}.stat-list p{margin:2px 0;display:flex;align-items:center;gap:6px}.board{margin-top:18px}.board h2{font-size:1.1rem;border-bottom:1px solid var(--line);padding-bottom:6px}.type-groups{columns:280px;column-gap:24px}.type-group{break-inside:avoid;margin-bottom:14px}.type-group h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-2);margin:6px 0}.board ul{list-style:none;margin:0;padding:0}.board ul.flat{columns:280px;column-gap:24px}.card-row{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:6px;font-size:.92rem;break-inside:avoid}.card-row:hover{background:var(--panel-2)}.card-row.unresolved .cname{color:var(--danger)}.qty{display:inline-flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums;min-width:58px}.qty>span{min-width:1.6em;text-align:center}.qbtn{width:20px;height:20px;padding:0;border-radius:4px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;line-height:1;opacity:0;transition:opacity .1s}.card-row:hover .qbtn,.qbtn:focus-visible{opacity:1}.cname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mana{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;font-size:.8rem;color:var(--muted)}.mana img{width:15px;height:15px}.move{width:30px;padding:2px;border:0;background:transparent;color:var(--muted);cursor:pointer;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.card-row:hover .move,.move:focus{opacity:1}@media(hover:none){.qbtn,.move,.menu-btn{opacity:1}}.preview{position:fixed;left:0;top:0;z-index:50;pointer-events:none;width:250px}.preview img{width:250px;aspect-ratio:488 / 680;border-radius:12px;box-shadow:var(--shadow);display:block}dialog.printings{width:min(1100px,calc(100vw - 32px));max-height:88vh;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);overflow:hidden;position:fixed}dialog.printings .dialog-head{padding-right:44px;min-height:30px}dialog.printings[open]{display:flex;flex-direction:column}dialog.printings .results{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;overflow-y:auto;min-height:0;flex:1;padding:4px 6px 4px 2px;overscroll-behavior:contain}dialog::backdrop{background:#0009}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-head h3{margin:0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 16px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:min(560px,calc(100vw - 32px))}#toast.show{opacity:1;transform:translate(-50%)}#toast[data-kind=error]{border-color:var(--danger)}@media(max-width:860px){.editor-body{grid-template-columns:1fr}.panel.left{position:static;max-height:none}.pane{max-height:70vh}.hero{padding:48px 24px}.topbar{gap:12px;padding:10px 16px;flex-wrap:wrap}.account .user{display:none}}.deck-cover{position:relative}.art-credit{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 4px;font-size:.68rem;color:#ddd;background:linear-gradient(transparent,#000000bf);text-align:right}button.cname{background:none;border:0;padding:0;text-align:left;cursor:pointer}button.cname:hover{color:var(--accent-2);text-decoration:underline}.result-actions .btn:not(:first-child){flex:0 0 auto}.sym{width:1em;height:1em;vertical-align:-.12em;margin:0 1px}.mana img.sym{width:15px;height:15px;margin:0}dialog.card-detail{width:min(860px,calc(100vw - 32px));max-height:90vh;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:48px 24px 24px;box-shadow:var(--shadow)}.dialog-close{position:absolute;top:8px;right:10px;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:none;border:0;font-size:1.6rem;color:var(--muted);cursor:pointer;line-height:1}.dialog-close:hover{background:var(--panel-2);color:var(--text)}.detail-grid{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:24px;align-items:start}.detail-image{display:grid;gap:8px;justify-items:center}.detail-img{width:100%;aspect-ratio:488 / 680;border-radius:4.75%/3.5%;background:var(--panel-2);display:block}.face+.face{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.face-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.face-head h2{margin:0;font-size:1.3rem}.face-head .mana img.sym{width:18px;height:18px}.type-line{margin:6px 0;font-weight:600;color:#c4c8d2}.rules{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:4px 14px}.rules p{margin:8px 0}.rules i{color:var(--muted)}.flavor{font-style:italic;color:var(--muted);margin:10px 0 0}.pt{font-weight:700;text-align:right;margin:8px 0 0}.printing{margin:16px 0 10px}.legalities{display:flex;flex-wrap:wrap;gap:6px}.legal{font-size:.75rem;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}.legal.is-legal{color:var(--ok);border-color:#6fcf9766}.legal.is-banned{color:var(--danger);border-color:#ef6b6b66}.legal.is-restricted{color:var(--accent);border-color:#e0a84f66}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.printings .result-img{gap:2px}.printings .result-img:hover img{transform:none;outline:2px solid var(--accent-2)}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}.detail-image{max-width:280px;margin:0 auto}}.result{position:relative}.result.not-legal .result-img img{outline:2px solid var(--danger);outline-offset:1px}.legal-badge{position:absolute;top:6px;left:6px;z-index:1;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--danger);color:#1a0606;pointer-events:auto}.format-note{margin:0 0 14px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--bg-2);border-radius:0 6px 6px 0}.format-note strong{color:var(--text)}.table-preview-link{margin:0 0 20px;padding:14px 18px}.avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.auth-form{display:grid;gap:12px}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.oauth{display:grid;gap:8px}.sent{display:grid;gap:10px;justify-items:start;padding:12px 14px;border-radius:8px;background:#6fcf9714;border:1px solid rgb(111 207 151 / 30%)}.sent p{margin:0}.view-toggle{display:inline-flex;float:right;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-left:12px}.view-toggle button{background:none;border:0;padding:5px 12px;font-size:.85rem;color:var(--muted);cursor:pointer}.view-toggle button+button{border-left:1px solid var(--line)}.view-toggle button[aria-pressed=true]{background:var(--panel-2);color:var(--text);font-weight:600}.image-groups{display:grid;gap:18px}.image-groups .type-group{margin:0}.card-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.card-tile{display:grid;gap:4px}.tile-img{padding:0;border:0;background:none;cursor:pointer;border-radius:4.75%/3.5%;display:block}.tile-img:disabled{cursor:default}.tile-img img{width:100%;aspect-ratio:488 / 680;display:block;border-radius:4.75%/3.5%;background:var(--panel-2);transition:transform .12s,box-shadow .12s}.tile-img:hover:not(:disabled) img{transform:translateY(-3px);box-shadow:0 10px 24px #00000073}.card-tile.unresolved .noimg{color:var(--danger)}.card-tile{position:relative}.tile-qty{position:absolute;top:6%;left:6px;padding:2px 8px;border-radius:99px;font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;background:#0e1016e0;color:var(--accent-2);border:1px solid var(--accent);pointer-events:none}.menu-btn{width:28px;height:24px;padding:0;border-radius:6px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1;opacity:0;transition:opacity .1s}.card-row:hover .menu-btn,.menu-btn:focus-visible,.menu-btn.open{opacity:1}.menu-btn:hover,.menu-btn.open{color:var(--text);background:var(--panel-2);border-color:var(--line)}.tile-menu{position:absolute;top:7px;right:7px;width:30px;height:16px;border-radius:4px;background:#0e10167f;border-color:#fff3;color:#fff}.card-tile:hover .tile-menu,.tile-menu:focus-visible,.tile-menu.open{opacity:1}.tile-menu:hover,.tile-menu.open{background:#0e1016ad;border-color:var(--accent)}.card-menu{position:fixed;z-index:60;min-width:200px;max-width:280px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:4px;color-scheme:dark}.card-menu-section+.card-menu-section{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.card-menu-title{padding:6px 10px 4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--text)}.card-menu button:hover:not(:disabled),.card-menu button:focus-visible{background:var(--line);outline:none}.card-menu button:disabled{color:var(--muted);cursor:default}.card-menu button.danger{color:var(--danger)}select{color-scheme:dark}option{background:var(--bg-2);color:var(--text)}.editor-body{grid-template-columns:1fr}.panel.left{position:static;max-height:none}.panel.left .pane{max-height:480px}.panel.left .results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.save-state.error{color:var(--danger)}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.dots{display:inline-flex;align-items:center;gap:3px}.dots i{width:3px;height:3px;border-radius:50%;background:currentColor}.tile-menu .dots i{box-shadow:0 0 2px #000c}.card-tile{container-type:inline-size}.tile-name{position:absolute;top:5cqw;left:7cqw;right:20cqw;height:7.5cqw;font-size:5.6cqw;line-height:7.5cqw;white-space:nowrap;overflow:hidden;color:transparent;pointer-events:none;-webkit-user-select:text;user-select:text}.tile-name::selection{background:#e0a84f73;color:transparent}.suggest{position:relative}.suggest input{width:100%}.suggest-list{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:360px;overflow-y:auto}.suggest-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;cursor:pointer}.suggest-list li.active,.suggest-list li:hover{background:var(--line)}.suggest-hint{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;opacity:0}.suggest-list li.active .suggest-hint,.suggest-list li:hover .suggest-hint{opacity:1}.suggest-all{border-top:1px solid var(--line);margin-top:4px;color:var(--accent-2);font-size:.88rem}kbd{font-family:var(--font-mono, ui-monospace, monospace);font-size:.72rem;padding:1px 5px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.search-help{display:grid;gap:4px}.search-help p{margin:0}.panel.left .pane{overflow:visible;max-height:none}.info-btn{flex:none;width:24px;height:24px;padding:0;border-radius:50%;border:1.5px solid var(--muted);background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer;font:italic 700 13px/1 Georgia,Times New Roman,serif}.info-btn:hover{border-color:var(--accent-2);color:var(--accent-2)}.search-page{padding:16px 18px 20px;display:grid;gap:10px}.search-page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-page-box{flex:1 1 320px}.search-page>p{margin:0}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px 14px}.search-card{position:relative;display:grid;gap:6px;align-content:start}.search-card.in-deck .tile-img img{outline:2px solid var(--ok);outline-offset:1px}.search-card.not-legal .tile-img img{outline:2px solid var(--danger);outline-offset:1px}.in-deck-badge{position:absolute;top:7px;right:7px;padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:700;background:#0e1016d9;color:var(--ok);border:1px solid rgb(111 207 151 / 55%);pointer-events:none}.search-card .legal-badge{top:7px;left:7px}.search-card-bar{display:flex;align-items:center;gap:6px}.search-card-bar .add-btn{flex:1;border-radius:8px 0 0 8px}.search-card-bar .split-btn{opacity:1;width:28px;height:29px;margin-left:-6px;border-radius:0 8px 8px 0;background:var(--accent);color:var(--accent-ink);border:0;border-left:1px solid rgb(0 0 0 / 25%);font-size:.8rem}.search-card-bar .split-btn:hover,.search-card-bar .split-btn.open{background:var(--accent-2);color:var(--accent-ink)}.search-card-bar .qty-btn{opacity:1;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;font-size:1.1rem;color:var(--text)}.top-row{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:32px}.top-row>.board{flex:0 1 auto;min-width:240px}.top-row ul.flat{columns:auto}.top-row .card-tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:170px}@media(max-width:640px){.top-row>.board{flex:1 1 100%}.top-row .card-tiles{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-columns:auto}}