:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,sans-serif;background:#10141c;color:#dfe6f0}.loading{padding:2rem;font-size:1.1rem}.banner{position:fixed;top:0;right:0;background:#30384a;padding:.25rem .6rem;font-size:.75rem;border-bottom-left-radius:6px;z-index:10}.board{display:flex;flex-direction:column;gap:.35rem;padding:.5rem;height:calc(100vh - 2.7rem);overflow:hidden}.main{display:flex;gap:.5rem;flex:1 1 auto;min-height:0}.table{display:flex;flex-direction:column;gap:.35rem;flex:1 1 auto;min-width:0;min-height:0}.half{display:flex;flex-direction:column;gap:.3rem;min-height:0}.opp-half,.your-half{flex:1.3 1 0}.meta-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.meta-row.bottom{align-items:stretch}.hand-count{font-size:.78rem;color:#9aa3b6}.topbar{display:flex;justify-content:space-between;font-weight:600;background:#1b2230;padding:.4rem .7rem;border-radius:6px}.topbar .active{color:#7fd1ff}.strip{display:flex;gap:1rem;font-size:.8rem;align-items:center;background:#161c28;padding:.3rem .7rem;border-radius:6px;flex-wrap:wrap}.strip .seat{font-weight:700}.strip .pts{color:#ffd479}.zone{display:flex;gap:.4rem;min-height:60px;padding:.4rem;background:#141a26;border-radius:6px;align-items:center;flex-wrap:wrap}.zone-label{font-size:.7rem;color:#8a93a6;margin-right:.4rem}.battlefields{display:flex;gap:.5rem;flex:1.5 1 0;min-height:0}.base-rune-row{display:flex;gap:.4rem;align-items:stretch;flex:1 1 auto;min-height:0}.base-rune-row .zone.base{flex:1 1 0;min-width:0;overflow:auto;align-content:flex-start}.base-rune-row .rune-zone{flex:1 1 0;min-width:0}.bf-col{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.bf-side{flex:1 1 0;min-height:76px;display:flex;gap:.3rem;flex-wrap:wrap;align-content:flex-start;padding:.25rem;background:#101622;border-radius:6px}.bf-side.opp{align-content:flex-end}.bf-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;border:1px solid #2a3346;border-radius:6px;background:#1a2336;padding:.3rem;text-align:center}.bf-card.mine{border-color:#3f7a57}.bf-card.theirs{border-color:#7a4040}.bf-card{min-height:84px;flex:0 0 auto}.bf-card.art{background-size:contain;background-repeat:no-repeat;background-position:center;justify-content:flex-end;color:#fff;padding:0;position:relative;overflow:hidden}.bf-card.art .bf-name{width:100%;padding:.15rem .25rem;background:linear-gradient(to top,#000c,#0000);text-shadow:0 1px 2px #000}.bf-card.art .bf-marks{position:absolute;top:.15rem;right:.25rem}.bf-name{font-size:.74rem;font-weight:600}.bf-marks{font-size:.95rem}.unit{height:95%;width:auto;aspect-ratio:64 / 90;min-height:40px;border-radius:6px;padding:.2rem;font-size:.66rem;background:#222b3d;border:1px solid var(--frame-color, #38445e);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .2s ease,opacity .2s ease,filter .15s ease}.unit.mine{background:#1d3327;box-shadow:inset 0 0 0 2px #3f7a57}.unit.theirs{background:#33201f;box-shadow:inset 0 0 0 2px #7a4040}.unit.exhausted{opacity:.7;transform:rotate(90deg)}.unit.art{background-size:cover;background-position:center;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.unit.art .unit-name{display:none}.unit.attacker{box-shadow:0 0 0 2px #d98a3a}.unit.defender{box-shadow:0 0 0 2px #3a8ad9}.unit.mine.attacker{box-shadow:inset 0 0 0 2px #3f7a57,0 0 0 2px #d98a3a}.unit.theirs.attacker{box-shadow:inset 0 0 0 2px #7a4040,0 0 0 2px #d98a3a}.unit.mine.defender{box-shadow:inset 0 0 0 2px #3f7a57,0 0 0 2px #3a8ad9}.unit.theirs.defender{box-shadow:inset 0 0 0 2px #7a4040,0 0 0 2px #3a8ad9}.unit-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-stats{position:absolute;bottom:0;left:0;right:0;display:flex;gap:.25rem;justify-content:space-between;align-items:baseline;font-weight:700;padding:.12rem .25rem;background:linear-gradient(to top,#000c,#0007 70%,#0000)}.might{color:#ffd479}.dmg{color:#ff8a8a}.buff{color:#9affb0}.stun{color:#b98aff}.modi{font-size:.82em;margin-left:1px}.modi.buff{color:#9affb0}.modi.debuff{color:#ff8a8a}.unit.gear{border-style:dashed}.gear-tag{color:#cdb8ff;font-size:.62rem}.hand{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem;flex:0 1 auto;max-height:30vh;background:#0d1420;border-radius:6px;min-height:0;overflow-y:auto;align-content:flex-start;justify-content:center}.hand.backs{flex:0 0 auto;max-height:none;overflow:visible;align-content:flex-start}.hand.backs .card{width:56px;height:78px}.card.back{background-image:url(/cardback.png);background-size:cover;background-position:center;border-color:#5a6fab}.card{width:110px;height:154px;border-radius:8px;padding:.4rem;background:#1f2941;border:2px solid var(--frame-color, #3a4a6b);display:flex;flex-direction:column;gap:.15rem;transition:transform .15s ease,box-shadow .2s ease,outline-color .15s ease}.card-cost{align-self:flex-end;font-size:.7rem;color:#7fd1ff}.card-name{font-weight:600;font-size:.78rem;line-height:1.1}.card-type{font-size:.65rem;color:#8a93a6}.card-kw{font-size:.62rem;color:#9affb0}.stack{display:flex;gap:.5rem;align-items:center;background:#1a1530;padding:.3rem .6rem;border-radius:6px;font-size:.75rem}.stack-item{background:#2a2350;padding:.15rem .4rem;border-radius:4px}.actions{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem;min-height:48px;background:#0d1420;border-radius:6px}.actions.active{outline:2px solid #2f6f4f}.actions button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.35rem .6rem;font-size:.8rem;cursor:pointer}.actions button:hover{background:#356096}.muted{color:#8a93a6;font-size:.8rem;align-self:center}.card.playable{outline:2px solid #6bd17f;cursor:pointer}.card.playable:hover{transform:translateY(-4px)}.card.drag-proxy{position:fixed;z-index:95;pointer-events:none;margin:0;box-shadow:0 12px 28px #000c;outline:none;transition:none}.drag-lifted{visibility:hidden}.card.selected{outline:2px solid #ffcf6b;transform:translateY(-10px);box-shadow:0 0 8px #ffcf6b}.card.art{background-size:cover;background-position:center;color:#fff}.card.art .card-cost{background:#0009;border-radius:4px;padding:0 .2rem}.preview{position:fixed;right:264px;bottom:12px;width:220px;z-index:70;pointer-events:none;background:#0c1422;border:1px solid #3a4a6b;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #000a}.preview img{display:block;width:100%}.preview-info{padding:.6rem;display:flex;flex-direction:column;gap:.25rem}.preview-cost{align-self:flex-end;color:#7fd1ff}.preview-name{font-weight:700}.preview-type{font-size:.75rem;color:#9aa3b6}.preview-kw{font-size:.72rem;color:#9affb0}.preview-text{font-size:.78rem;line-height:1.25;color:#cfd8e6}.rail{display:flex;gap:.8rem;align-items:center;padding:.2rem .4rem}.deck-pile{position:relative;width:46px;height:64px}.deck-back{width:100%;height:100%;border-radius:6px;position:relative;background-color:#1c2a4d;background-image:url(/cardback.png);background-size:cover;background-position:center;border:1px solid #5a6fab;box-shadow:2px 2px #0c1422,4px 4px #0c142299}.hand-row .deck-pile .deck-back{filter:invert(1) hue-rotate(180deg)}.deck-count{position:absolute;inset:auto 0 -2px 0;text-align:center;font-size:.64rem;color:#cfd8e6;background:#0009;border-radius:0 0 5px 5px;z-index:1}.runes-row{display:flex;gap:.35rem;flex-wrap:wrap}.rune-chip{position:relative;width:26px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:1px solid #0006;background:#555;transform:rotate(0);transition:transform .3s ease,filter .15s ease,opacity .2s ease}.rune-chip.exhausted{transform:rotate(90deg);opacity:.7}.rune-chip.fury{background:#b3433a}.rune-chip.calm{background:#3f8f6b}.rune-chip.mind{background:#3f6fb0}.rune-chip.body{background:#b07a3f}.rune-chip.chaos{background:#8a4ab0}.rune-chip.order{background:#b0a93f}.rune-btn{position:absolute;top:-6px;right:-6px;width:16px;height:16px;padding:0;border-radius:50%;border:none;font-size:.6rem;line-height:16px;cursor:pointer;background:#ffcf6b;color:#222}.rune-btn.energy{top:auto;bottom:-6px;background:#7fd1ff}.rune-chip.art{background-size:cover;background-position:center}.confirm{display:inline-flex;gap:.3rem;align-items:center;font-size:.8rem;background:#3a2030;padding:.15rem .4rem;border-radius:6px}.rune-zone{display:flex;flex-direction:column;gap:.2rem;padding:.3rem .5rem;background:#0d1626;border:1px solid #243049;border-radius:8px}.rune-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.rune-zone .runes-row{flex:1 1 auto;min-height:0;flex-wrap:wrap;overflow:auto;align-content:space-evenly;justify-content:center;gap:.3rem}.rune-zone .rune-chip{height:46%;width:auto;aspect-ratio:64 / 90;min-height:54px;max-height:76px;flex:0 0 auto;font-size:1.2rem;border-radius:6px}.rune-zone .rune-dom{font-size:1.1rem}.rune-zone .rune-btn{width:16px;height:16px;font-size:.6rem;line-height:16px;top:-5px;right:-5px}.rune-zone .rune-btn.energy{top:auto;bottom:-5px}.hand-row{display:flex;gap:.5rem;align-items:flex-start;flex:0 1 auto;min-height:0}.hand-row .hand{flex:1 1 auto}.hand-row .deck-pile{width:98px;height:137px;flex:0 0 auto;align-self:flex-start}.floating-pool{display:flex;flex-direction:row;flex-wrap:wrap;gap:.3rem;justify-content:center}.fp-chip{display:flex;align-items:center;justify-content:space-between;gap:.3rem;min-width:54px;padding:.25rem .45rem;border-radius:5px;font-size:.68rem;color:#fff;background:#27324a}.fp-chip b{font-size:1.05rem}.fp-chip.energy{background:#1d3a5f;color:#bfe3ff}.fp-chip.power.fury{background:#b3433a}.fp-chip.power.calm{background:#3f8f6b}.fp-chip.power.mind{background:#3f6fb0}.fp-chip.power.body{background:#b07a3f}.fp-chip.power.chaos{background:#8a4ab0}.fp-chip.power.order{background:#b0a93f}.point-track{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:46px;flex:0 0 46px;min-height:0}.pt-label{font-size:.6rem;color:#8a93a6}.pt-cells{display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto;width:100%;min-height:0;justify-content:space-between}.pt-cell{flex:0 1 auto;width:100%;aspect-ratio:1 / 1;min-height:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;border-radius:4px;background:#161f2e;color:#6b7790}.pt-cell.on{background:#ffcf6b;color:#1a1a1a;font-weight:800;box-shadow:0 0 6px #ffcf6b88}.chain-bar{background:#150f26;border:1px solid #3a2f5a;border-radius:8px;padding:.4rem;flex:1.4 1 0;min-height:120px;overflow-y:auto}.chain-items{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem;align-items:center}.chain-card{position:relative;width:150px;height:210px;border-radius:8px;border:2px solid var(--frame-color, #5a4aa0);background:#241a3a;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;padding:.25rem;color:#fff}.chain-card.art{background-size:cover;background-position:center;text-shadow:0 1px 2px #000}.chain-card.landscape{width:190px;height:136px}.chain-card.pending{opacity:.55;border-style:dashed}.chain-card.mine{box-shadow:inset 0 0 0 2px #3f7a57}.chain-card.theirs{box-shadow:inset 0 0 0 2px #7a4040}.chain-card.cls-spell{border-left:4px solid #6ba8ff}.chain-card.cls-permanent{border-left:4px solid #c9a24a}.chain-card.cls-ability{border-left:4px solid #b06bff}.chain-card.resolving{outline:2px solid #ffcf6b;outline-offset:1px;box-shadow:0 0 12px #ffcf6b88,inset 0 0 0 2px #ffcf6b55}.chain-badge{position:absolute;top:.2rem;left:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;background:#0009;border:1px solid #ffffff44}.chain-card.cls-spell .chain-badge{color:#a8ccff}.chain-card.cls-permanent .chain-badge{color:#ffe0a0}.chain-card.cls-ability .chain-badge{color:#d9b6ff}.chain-resolving{position:absolute;top:.15rem;right:.2rem;font-size:.8rem;color:#ffcf6b;text-shadow:0 0 4px #000}.chain-tag{position:absolute;left:0;right:0;bottom:0;padding:.15rem .25rem;font-size:.68rem;background:linear-gradient(to top,#000e,#0000);text-shadow:0 1px 2px #000}.vision-reveal{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding-bottom:.4rem;margin-bottom:.3rem;border-bottom:1px solid #3a2f5a}.vision-label{font-size:.68rem;color:#c9b6ff}.unit.actionable,.bf-card.actionable,.zone.actionable{outline:2px solid #ffcf6b;cursor:pointer}.unit.actionable:hover{filter:brightness(1.2)}.unit.draggable{cursor:grab}.unit.draggable:active{cursor:grabbing}.unit.staged{outline:3px solid #6bd1ff;box-shadow:0 0 8px #6bd1ff}.unit.assign{outline:3px solid #ff5a5a;box-shadow:0 0 10px #ff5a5a;cursor:crosshair}.unit.assign:hover{filter:brightness(1.25)}.unit.mine.staged{box-shadow:inset 0 0 0 2px #3f7a57,0 0 8px #6bd1ff}.unit.theirs.staged{box-shadow:inset 0 0 0 2px #7a4040,0 0 8px #6bd1ff}.unit.mine.assign{box-shadow:inset 0 0 0 2px #3f7a57,0 0 10px #ff5a5a}.unit.theirs.assign{box-shadow:inset 0 0 0 2px #7a4040,0 0 10px #ff5a5a}.rune-chip.tappable{cursor:pointer}.rune-chip.tappable:hover{filter:brightness(1.25);outline:2px solid #ffcf6b}.bf-col.drop-ok{outline:2px dashed #6bd1ff;outline-offset:-2px;border-radius:6px}.move-hint{background:#14233a;border:1px solid #3f6fa0;border-radius:6px;padding:.3rem .6rem;font-size:.78rem;color:#bfe3ff}.assign-hint{background:#3a1818;border:1px solid #a05a4a;border-radius:6px;padding:.45rem .8rem;font-size:.9rem;font-weight:600;color:#ffd0c4}.promptbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;padding:.7rem 1rem;background:#14233a;border:1px solid #2f4a6b;border-radius:6px;min-height:64px}.prompt-kind{font-size:.85rem;color:#9aa3b6;text-transform:uppercase;letter-spacing:.04em}.promptbar button,.pay button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.5rem .9rem;font-size:.95rem;cursor:pointer}.promptbar button:hover,.pay button:hover{background:#356096}.promptbar button.primary,.pay button.primary{background:#2f6f4f;border-color:#46a06a}.promptbar button.primary:hover{background:#3a8a62}.pay{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.pay-ctl{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;background:#16233a;border:1px solid #2f4a6b;border-radius:6px;padding:.1rem .35rem}.pay-ctl select{background:#0d1420;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:4px}.rune button{font-size:.7rem;padding:.2rem .4rem}.raw-toggle{align-self:flex-start;background:none;color:#6b7790;border:none;font-size:.72rem;cursor:pointer;text-decoration:underline}.arrow-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:85;display:flex;align-items:center;justify-content:center}.reveal-panel{background:#121a28;border:1px solid #3f5878;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.7rem;align-items:center;max-width:92vw}.reveal-title{font-weight:700}.reveal-cards{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.reveal-card{width:110px;height:154px;border-radius:8px;border:1px solid #3a4a6b;background:#1f2941;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;padding:.3rem}.reveal-card.art{background-size:cover;background-position:center}.reveal-panel button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.4rem 1rem;font-size:.9rem;cursor:pointer}.inline-look .reveal-card{width:64px;height:90px;font-size:.58rem}.inline-look .reveal-card.deciding{outline:2px solid #ffcf6b;outline-offset:1px}.flyer{position:fixed;z-index:80;pointer-events:none;border-radius:5px;border:1px solid #0006;box-shadow:0 3px 10px #0008;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .55s ease}.flyer.cardback{background-image:url(/cardback.png);background-size:cover;background-position:center}.flyer.fury{background:#b3433a}.flyer.calm{background:#3f8f6b}.flyer.mind{background:#3f6fb0}.flyer.body{background:#b07a3f}.flyer.chaos{background:#8a4ab0}.flyer.order{background:#b0a93f}.mute{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:.5rem}.toasts{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.3rem;align-items:center;z-index:60;pointer-events:none}.toast{background:#20304a;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:999px;padding:.25rem .8rem;font-size:.85rem;animation:toast-in .25s ease,toast-out .4s ease 1.4s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.showdown-banner{text-align:center;padding:.3rem;border-radius:6px;font-size:.8rem;background:#2a2350;border:1px solid #5a4aa0}.showdown-banner.combat{background:#3a2020;border-color:#a05a4a}.unit.hit{animation:hit-flash .5s ease}@keyframes hit-flash{0%{box-shadow:0 0 #ff5a5a}30%{box-shadow:0 0 0 3px #ff5a5a}to{box-shadow:0 0 #ff5a5a00}}.frame{position:relative}.frame.multi:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:5px;border:1.5px solid var(--frame-color2);opacity:.85;pointer-events:none}.bf-card.frame{box-shadow:inset 0 3px 0 var(--frame-color)}@keyframes card-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chain-card,.unit.enter-play{animation:card-enter .2s ease both}@keyframes unit-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unit.enter-move{animation:unit-slide .22s cubic-bezier(.4,0,.2,1) both}@keyframes showdown-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes showdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.showdown-banner.opening{animation:showdown-in .2s ease both}.showdown-banner.closing{animation:showdown-out .2s ease both}.bf-card.active-showdown:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;pointer-events:none;box-shadow:inset 0 0 12px 2px #ffcf6b,inset 0 0 0 2px #ffcf6b88;animation:sd-pulse 1.3s ease-in-out infinite}@keyframes sd-pulse{0%,to{opacity:.25}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.chain-card,.unit.enter-play,.unit.enter-move,.showdown-banner.opening,.showdown-banner.closing,.bf-card.active-showdown:after{animation:none}}.leftrail{display:flex;flex-direction:column;gap:.5rem;flex:0 0 auto;min-height:0}.tracks{display:flex;gap:.4rem;flex:1 1 auto;min-height:0}.cluster-grid{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto;background:#0f1626;border:1px solid #243049;border-radius:8px;padding:.45rem}.cg-cells{display:grid;grid-template-columns:1fr 1fr;column-gap:1.9rem;row-gap:1.7rem;justify-items:center;align-items:center}.cluster-grid .ll-card,.cluster-grid .deck-pile,.cluster-grid .pile-card{width:98px;height:137px}.cluster-grid .floating-pool{flex-direction:row;flex-wrap:wrap;gap:.25rem;justify-content:center}.pile-card{width:66px;height:92px;border-radius:6px;border:1px solid #3a4a6b;background:#1a2233;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.58rem;padding:.15rem;overflow:hidden}.pile-card.art{background-size:cover;background-position:center}.pile-card:hover{outline:2px solid #ffcf6b}.pile-empty{color:#8a93a6}.ll-card.actionable{outline:2px solid #ffcf6b;cursor:pointer}.sidebar{width:300px;flex:0 0 300px;display:flex;flex-direction:column;gap:.5rem;min-height:0}.legends-block{display:flex;flex-direction:column;gap:.4rem}.ll-row{display:flex;gap:.4rem}.ll-card{flex:1;height:88px;border-radius:8px;border:1px solid #3a4a6b;background:#1b2335;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:.3rem;overflow:hidden}.ll-card{transition:transform .25s ease,outline-color .15s ease}.ll-card.art{background-size:cover;background-position:top center;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.ll-card.exhausted{outline:2px solid #b08a3a;transform:rotate(90deg)}.ll-card.empty{opacity:.4}.ll-sub{position:absolute;top:.2rem;left:.3rem;font-size:.56rem;color:#cfd8e6;background:#0009;padding:0 .25rem;border-radius:3px}.ll-name{font-size:.68rem;font-weight:600}.log-panel{flex:1 1 0;min-height:56px;overflow-y:auto;background:#0d1420;border:1px solid #243049;border-radius:8px;padding:.4rem;font-size:.72rem}.log-title{position:sticky;top:-.4rem;background:#0d1420;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:#8a93a6;padding-bottom:.25rem}.log-line{padding:.12rem .1rem .12rem .5rem;border-bottom:1px solid #161f2e;color:#cfd8e6;border-left:3px solid transparent}.log-turn{display:inline-block;min-width:1.9rem;color:#6b7790}.log-group{margin-top:.25rem}.log-turn-head{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:#8a93a6;border-top:1px solid #243049;padding:.2rem 0 .1rem;margin-top:.15rem}.log-group:first-of-type .log-turn-head{border-top:none;margin-top:0}.log-line.cls-play{border-left-color:#6ba8ff}.log-line.cls-death{border-left-color:#d05a5a;color:#e6c2c2}.log-line.cls-score{border-left-color:#ffcf6b;color:#ffe6b0}.log-line.cls-win{border-left-color:#ffcf6b;color:#ffe6b0;font-weight:700}.log-line.cls-life{border-left-color:#ff8a4a}.log-line.cls-combat{border-left-color:#b06bff;color:#d9c6f0}.log-line.cls-showdown{border-left-color:#8f9fff;color:#cfd4ff}.log-line.cls-draw{border-left-color:#4a9a7a;color:#bfe3d4}.log-line.cls-reveal{border-left-color:#6bd1ff;color:#c2e6f5}.log-line.cls-pay{border-left-color:#7a6b4a;color:#cfc2a0}.log-line.cls-ability{border-left-color:#c98bd9;color:#e3c6ec}.trash-piles{display:flex;flex-direction:column;gap:.3rem}.trash-pile{text-align:left;background:#1a2233;color:#cfd8e6;border:1px solid #344056;border-radius:6px;padding:.4rem .5rem;font-size:.74rem;cursor:pointer}.trash-pile:hover{background:#222d42}.undo-btn{background:#3a2d50;color:#e9defb;border:1px solid #6a4ea0;border-radius:6px;padding:.45rem;font-size:.8rem;cursor:pointer}.undo-btn:hover{background:#4a3a66}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:80}.modal{width:min(680px,90vw);max-height:80vh;display:flex;flex-direction:column;background:#121a28;border:1px solid #344056;border-radius:10px;overflow:hidden}.modal-head{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;background:#1a2334}.modal-who{font-weight:700}.modal-head .tabs{display:flex;gap:.3rem;margin-left:auto}.tabs button{background:#22304a;color:#cfd8e6;border:1px solid #3f5878;border-radius:6px;padding:.25rem .5rem;font-size:.72rem;cursor:pointer}.tabs button.on{background:#2f6f4f;border-color:#46a06a}.modal-x{background:none;border:none;color:#cfd8e6;font-size:1.1rem;cursor:pointer}.modal-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.7rem;overflow-y:auto}.mini-card{width:92px;height:128px;border-radius:8px;border:1px solid #3a4a6b;background:#1f2941;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;padding:.3rem}.mini-card.art{background-size:cover;background-position:center}.topmenu{height:2.7rem;display:flex;align-items:center;gap:.8rem;padding:0 .8rem;background:linear-gradient(180deg,#1c2536,#151c29);border-bottom:1px solid #2b3648}.topmenu .brand{font-weight:800;letter-spacing:.04em;color:#eaf2ff;background:linear-gradient(90deg,#7fd1ff,#b79bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topmenu .brand-emblem{width:32px;height:32px;display:block;object-fit:contain;border-radius:6px;filter:drop-shadow(0 1px 2px #000a)}.topmenu-actions{display:flex;gap:.4rem}.topmenu button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;cursor:pointer}.topmenu button:hover{background:#356096}.topmenu button.primary{background:#2f6f4f;border-color:#46a06a}.topmenu button.primary:hover{background:#3a8a62}.topmenu button.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #46a06a55}50%{box-shadow:0 0 0 5px #46a06a00}}.first-picker{display:flex;align-items:center;gap:.3rem;font-size:.74rem;color:#9aa3b6}.first-picker select{background:#0e1622;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.22rem .35rem;font-size:.76rem;cursor:pointer}.dm-actions .first-picker{margin-right:.5rem}.score-chip{font-size:.74rem;color:#cfe0ff;background:#1b2740;border:1px solid #2f4160;padding:.2rem .5rem;border-radius:999px}.timers{font-size:.74rem;color:#9fd0ff;font-variant-numeric:tabular-nums;white-space:nowrap}.timers b{color:#eaf2ff}.sound-ctl{margin-left:auto;display:flex;align-items:center;gap:.3rem}.sound-ctl .mute{margin:0}.sound-ctl input[type=range]{width:90px;accent-color:#7fd1ff;cursor:pointer}.modal.deck-manager{width:min(900px,94vw)}.dm-body{display:flex;gap:.8rem;padding:.8rem;overflow:hidden;min-height:0}.dm-editor{flex:1.3 1 0;display:flex;flex-direction:column;gap:.5rem;min-width:0}.dm-row{display:flex;gap:.4rem}.dm-name{flex:1 1 auto;background:#0e1622;border:1px solid #344056;color:#eaf2ff;border-radius:6px;padding:.35rem .5rem;font-size:.82rem}.dm-editor button,.dm-saved button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.3rem .6rem;font-size:.76rem;cursor:pointer}.dm-editor button:hover,.dm-saved button:hover{background:#356096}.dm-editor button.primary,.dm-saved button.primary{background:#2f6f4f;border-color:#46a06a}.dm-editor button:disabled,.dm-saved button:disabled{opacity:.45;cursor:not-allowed}.dm-saved button.danger{background:#5c2a34;border-color:#8a4050}.dm-text{flex:1 1 auto;min-height:240px;resize:vertical;background:#0e1622;border:1px solid #344056;color:#dfe6f0;border-radius:6px;padding:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.4}.dm-feedback{font-size:.76rem;display:flex;flex-direction:column;gap:.2rem}.dm-feedback .ok{color:#7fe0a3}.dm-feedback .warn{color:#ffcf6b}.dm-unresolved{color:#ff9b9b}.dm-warn{color:#ffcf6b}.dm-msg{color:#9fd0ff}.dm-actions{display:flex}.dm-actions .primary{flex:1 1 auto}.dm-saved{flex:1 1 0;display:flex;flex-direction:column;gap:.4rem;border-left:1px solid #263145;padding-left:.8rem;overflow-y:auto;min-width:0}.dm-saved-title{font-weight:700;font-size:.82rem;color:#cfd8e6}.dm-saved-row{display:flex;align-items:center;gap:.4rem;background:#131c2b;border:1px solid #263145;border-radius:6px;padding:.4rem .5rem}.dm-saved-info{flex:1 1 auto;min-width:0}.dm-saved-name{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-saved-sub{font-size:.68rem;color:#8a93a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-saved-btns{display:flex;gap:.25rem}.dm-help{padding:.5rem .8rem;font-size:.72rem;color:#8a93a6;border-top:1px solid #263145}.dm-help code{background:#0e1622;padding:.05rem .3rem;border-radius:4px;color:#b7c4d8}.modal.intermission{width:min(440px,92vw);padding:1.2rem 1.4rem;gap:.7rem;align-items:center;text-align:center}.im-title{font-size:.82rem;color:#8a93a6;text-transform:uppercase;letter-spacing:.06em}.im-result{font-size:1.35rem;font-weight:800}.im-score{font-size:.9rem;color:#cfe0ff}.im-sideboard{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:.3rem 0}.im-sideboard button,.im-first select,.intermission button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.35rem .7rem;font-size:.82rem;cursor:pointer}.im-first{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;font-size:.84rem}.intermission button.primary{background:#2f6f4f;border-color:#46a06a;font-weight:600;padding:.45rem 1rem}.intermission button.primary:hover{background:#3a8a62}.im-waiting{padding:.4rem}.modal.history-modal{width:min(720px,92vw);max-height:82vh}.history-modal .modal-head .download{margin-left:auto;background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.25rem .6rem;font-size:.74rem;cursor:pointer}.history-modal .modal-head .download:disabled{opacity:.45;cursor:not-allowed}.history-modal .modal-head .modal-x{margin-left:.5rem}.hist-body{overflow-y:auto;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.7rem}.hist-game-title{font-weight:700;font-size:.8rem;color:#cfd8e6;border-bottom:1px solid #263145;padding-bottom:.2rem;margin-bottom:.3rem}.hist-body .log-line{font-size:.78rem;padding:.05rem 0;color:#cfd8e6}.hist-body .log-turn{display:inline-block;min-width:2.1rem;color:#7f8aa3}.modal.saves-modal{width:min(520px,92vw)}.saves-body{padding:.8rem;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto}.saves-new{display:flex;gap:.4rem}.saves-new .dm-name{flex:1 1 auto}.saves-new button,.saves-btns button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.35rem .6rem;font-size:.78rem;cursor:pointer;white-space:nowrap}.saves-new button.primary,.saves-btns button.primary{background:#2f6f4f;border-color:#46a06a}.saves-btns button.danger{background:#5c2a34;border-color:#8a4050}.saves-list{display:flex;flex-direction:column;gap:.4rem}.saves-row{display:flex;align-items:center;gap:.5rem;background:#131c2b;border:1px solid #263145;border-radius:6px;padding:.4rem .5rem}.saves-info{flex:1 1 auto;min-width:0}.review-reviewed-badge{padding:2px 6px;border-radius:3px;font-size:.78rem;background:#2a5c34;color:#fff}.saves-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saves-sub{font-size:.68rem;color:#8a93a6}.saves-btns{display:flex;gap:.3rem}.modal.lobby{width:min(460px,92vw);padding:1.3rem 1.5rem;gap:.8rem;align-items:center;text-align:center}.lobby-logo{width:100%;height:auto;aspect-ratio:1448 / 1086;object-fit:contain;display:block;border-radius:8px;margin-bottom:.2rem}.lobby-title{font-size:1.25rem;font-weight:800}.lobby-wait{font-size:1rem;padding:.5rem}.lobby-choices{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.3rem}.lobby button{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:8px;padding:.45rem .8rem;font-size:.85rem;cursor:pointer}.lobby button:hover{background:#356096}.lobby button.primary{background:#2f6f4f;border-color:#46a06a;font-weight:600}.lobby button.primary:hover{background:#3a8a62}.lobby button.big{padding:.7rem;font-size:.95rem}.cpu-config{display:flex;flex-direction:column;gap:.55rem;width:100%;text-align:left}.cpu-title{font-weight:700;font-size:.95rem;text-align:center}.cpu-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.84rem}.cpu-row>span{color:#9aa3b6}.cpu-row select{flex:1 1 auto;max-width:62%;background:#0e1622;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.3rem .4rem;font-size:.82rem;cursor:pointer}.cpu-row select:disabled{opacity:.5}.cpu-hint{font-size:.72rem;color:#7f8ba1;margin:-.15rem 0 .1rem;line-height:1.3}.cpu-actions{display:flex;justify-content:space-between;gap:.5rem;margin-top:.3rem}.lobby-section{width:100%;display:flex;flex-direction:column;gap:.4rem;background:#131c2b;border:1px solid #263145;border-radius:8px;padding:.6rem .7rem}.deck-picker{display:flex;flex-direction:column;gap:.5rem}.deck-import{display:flex;flex-direction:column;gap:.3rem}.deck-import .dm-text{min-height:120px;font-size:.74rem}.deck-import .dm-feedback{font-size:.72rem}.import-save{display:flex;gap:.4rem}.import-save .dm-name{flex:1 1 auto}.import-save button,.deck-picker .cpu-row button.danger{background:#28466b;color:#eaf2ff;border:1px solid #3f6fa0;border-radius:6px;padding:.3rem .55rem;font-size:.76rem;cursor:pointer}.import-save button:disabled{opacity:.45;cursor:not-allowed}.deck-picker .cpu-row button.danger{background:#5c2a34;border-color:#8a4050;flex:0 0 auto}.review-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;align-items:center;padding:8px 12px;background:#1a1a22;border-top:1px solid #333;z-index:50}.review-bar button{padding:4px 10px}.review-bar .flagged{background:#a33;color:#fff}.review-pos{min-width:120px;text-align:center}.review-move{min-width:140px;font-weight:600;opacity:.9}.review-cat,.review-sub{padding:4px 6px;max-width:160px;background:#24242e;color:#eee;border:1px solid #444}.review-note{flex:1;padding:4px 8px}.review-x{margin-right:auto}.review-marks{display:flex;gap:2px}.review-mark{width:8px;height:14px;background:#444;cursor:pointer}.review-mark.flagged{background:#a33}.review-mark.oracle{background:#c90}.review-mark.human{background:#a33}.review-mark.current{outline:1px solid #fff}.review-source{padding:2px 6px;border-radius:3px;font-size:.85em}.review-source-human{background:#a33;color:#fff}.review-source-oracle{background:#c90;color:#211}.review-hide-oracle{display:flex;align-items:center;gap:4px;font-size:.85em;opacity:.85}.site-boot{padding:2rem;font-size:1.1rem;color:#cfd8e6}.site-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(1200px 600px at 50% -10%,#1a2740,#0c0f16 70%)}.site-login{width:min(380px,92vw);display:flex;flex-direction:column;gap:.6rem;background:#121a28;border:1px solid #2b3648;border-radius:14px;padding:1.6rem 1.5rem;box-shadow:0 18px 60px #0009}.site-login-logo{width:70%;height:auto;aspect-ratio:1448 / 1086;object-fit:contain;align-self:center;margin-bottom:.2rem;filter:drop-shadow(0 2px 6px #0008)}.site-login-sub{text-align:center;font-size:.82rem;color:#9aa3b6;margin-bottom:.4rem}.site-login input{background:#0e1622;border:1px solid #344056;color:#eaf2ff;border-radius:8px;padding:.55rem .65rem;font-size:.9rem}.site-login input:focus{outline:none;border-color:#3f6fa0;box-shadow:0 0 0 2px #3f6fa033}.site-login button.primary{background:#2f6f4f;border:1px solid #46a06a;color:#eaf2ff;border-radius:8px;padding:.55rem;font-size:.9rem;font-weight:600;cursor:pointer}.site-login button.primary:hover{background:#3a8a62}.site-login button.primary:disabled{opacity:.5;cursor:default}.site-login button.link{background:none;border:none;color:#7fd1ff;font-size:.8rem;cursor:pointer;padding:.1rem}.site-login button.link:hover{text-decoration:underline}.site-error{color:#ff9b9b;font-size:.8rem}.site-ok{color:#7fe0a3;font-size:.82rem;margin-top:.2rem}.site-nav{display:flex;align-items:center;gap:.8rem;height:2.7rem;padding:0 .8rem;background:linear-gradient(180deg,#1c2536,#151c29);border-bottom:1px solid #2b3648}.site-nav-emblem{width:28px;height:28px;object-fit:contain;border-radius:6px;cursor:pointer;filter:drop-shadow(0 1px 2px #000a)}.site-nav-tabs{display:flex;gap:.3rem}.site-nav-tabs button{background:transparent;color:#cfd8e6;border:1px solid transparent;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer}.site-nav-tabs button:hover{background:#22304a}.site-nav-tabs button.on{background:#28466b;border-color:#3f6fa0;color:#eaf2ff}.site-nav-right{margin-left:auto;display:flex;align-items:center;gap:.6rem}.site-who{font-size:.8rem;color:#9fd0ff;font-weight:600}.site-logout{background:#22304a;color:#cfd8e6;border:1px solid #3f5878;border-radius:6px;padding:.3rem .6rem;font-size:.76rem;cursor:pointer}.site-logout:hover{background:#2a3a58}.site-page{max-width:820px;margin:0 auto;padding:1.4rem 1.2rem 3rem}.site-page h2{margin:0 0 .3rem;font-size:1.4rem;background:linear-gradient(90deg,#7fd1ff,#b79bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-page h3{margin:0 0 .5rem;font-size:.95rem;color:#cfd8e6}.site-note{color:#9aa3b6;font-size:.82rem;margin:.1rem 0 1rem;line-height:1.4}.site-muted{color:#8a93a6;font-size:.84rem;padding:.3rem 0}.site-code{background:#0e1622;border:1px solid #263145;border-radius:6px;padding:.55rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:#b7c4d8;overflow-x:auto}.site-input{background:#0e1622;border:1px solid #344056;color:#eaf2ff;border-radius:8px;padding:.45rem .6rem;font-size:.85rem}.site-page button.primary{background:#2f6f4f;border:1px solid #46a06a;color:#eaf2ff;border-radius:8px;padding:.45rem .9rem;font-size:.84rem;font-weight:600;cursor:pointer}.site-page button.primary:hover{background:#3a8a62}.site-page button.primary:disabled{opacity:.5;cursor:default}.site-page button.danger{background:#5c2a34;border:1px solid #8a4050;color:#ffdede;border-radius:6px;padding:.3rem .6rem;font-size:.76rem;cursor:pointer}.site-page button.danger:hover{background:#6e3340}.site-table{width:100%;border-collapse:collapse;font-size:.86rem}.site-table thead th{text-align:left;color:#8a93a6;font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .6rem;border-bottom:1px solid #263145}.site-table th.num,.site-table td.num{text-align:right;font-variant-numeric:tabular-nums}.site-table td{padding:.4rem .6rem;border-bottom:1px solid #1a2230}.site-table tr.site-row-bot{color:#9aa3b6}.site-rank{color:#7f8aa3;width:2rem}.site-bot-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:#b79bff}.site-match{background:#121a28;border:1px solid #263145;border-radius:10px;padding:.7rem .9rem;margin-bottom:.8rem}.site-match-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.site-match-id{font-weight:700;font-size:.88rem;color:#cfd8e6}.site-chip{font-size:.68rem;color:#cfe0ff;background:#1b2740;border:1px solid #2f4160;padding:.1rem .45rem;border-radius:999px}.site-game{display:flex;align-items:center;gap:.7rem;font-size:.82rem;padding:.22rem 0;border-top:1px solid #1a2230}.site-game-no{color:#9aa3b6;min-width:3.5rem}.site-vs{color:#cfd8e6}.site-result{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.08rem .4rem;border-radius:4px}.site-result.win{background:#1d4030;color:#7fe0a3}.site-result.loss{background:#40201f;color:#ff9b9b}.site-result.draw{background:#2a3346;color:#9aa3b6}.site-game-review{width:100%;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer;border-left:0;border-right:0;border-bottom:0}.site-game-review:hover{background:#141c2a}.site-review-cue{margin-left:auto;color:#8fb6ff;font-size:.72rem;font-weight:700}.site-stat-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:.4rem 0 1rem}.site-stat{flex:1 1 140px;background:#121a28;border:1px solid #263145;border-radius:10px;padding:.8rem .9rem}.site-stat-num{font-size:1.5rem;font-weight:800;color:#eaf2ff;font-variant-numeric:tabular-nums}.site-stat-label{font-size:.72rem;color:#8a93a6;text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem}.site-spark{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:.3rem}.site-pip{width:12px;height:12px;border-radius:3px;display:inline-block}.site-pip.w{background:#46a06a}.site-pip.l{background:#8a4050}.site-deck-cols{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.site-deck-list{flex:1 1 260px;min-width:0}.site-deck-editor{flex:1.2 1 320px;min-width:0;display:flex;flex-direction:column;gap:.5rem}.site-deck-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.site-deck-row{display:flex;align-items:center;gap:.5rem;background:#131c2b;border:1px solid #263145;border-radius:8px;padding:.45rem .6rem}.site-deck-info{flex:1 1 auto;min-width:0}.site-deck-name{font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-deck-sub{font-size:.7rem;color:#8a93a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-deck-editor textarea{background:#0e1622;border:1px solid #344056;color:#dfe6f0;border-radius:8px;padding:.55rem;resize:vertical;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.45}