:root{color-scheme:dark;--mat: #142231;--mat-deep: #0d1824;--panel: #1c2d3f;--panel-hi: #24394f;--ether: #a9c4dc;--ether-strong: #d4e5f4;--ink: #eef2f6;--ink-soft: #9fb0c1;--line: rgba(169, 196, 220, .22);--mana-w: #f1e8c8;--mana-u: #5ea9e6;--mana-r: #e0735c;--mana-b: #a28fbd;--mana-g: #6fbf73;--mana-c: #b8c0c8;--mana-multi: #d8bc6a;--loss: #ef8a6f;--gain: #8fd0a0;--font-body: "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic", sans-serif;--font-num: "Barlow Condensed", "BIZ UDPGothic", sans-serif;--tap: 44px;--card-w: clamp(44px, 11.8vw, 72px);--radius-card: 4px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%,#1b3046 0%,var(--mat) 45%,var(--mat-deep) 100%);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ether-strong);outline-offset:2px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em}.muted{color:var(--ink-soft)}.loss{color:var(--loss)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.table{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));gap:6px;overflow:hidden}@media (min-width: 1024px){.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:100dvh}.side{border-left:1px solid var(--line);background:var(--mat-deep);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}}@media (max-width: 1023px){.side{display:none}}.opp{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding-top:4px}.life{display:inline-flex;align-items:baseline;gap:4px;padding:0 10px;min-height:var(--tap);align-items:center;border-radius:22px;border:1px solid var(--line);background:var(--panel)}.life .num{font-size:26px;font-weight:600;line-height:1}.life small{font-size:12px;color:var(--ink-soft)}.opp .dummies{display:flex;gap:4px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.dummy{min-width:52px;min-height:var(--tap);padding:2px 6px;border-radius:6px;border:1px dashed var(--line);background:#ffffff08;font-size:12px;line-height:1.2;text-align:left}.dummy b{display:block;font-size:12px}.chip{min-height:var(--tap);padding:0 12px;border-radius:18px;border:1px solid var(--line);background:var(--panel);font-size:14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip .num{font-size:18px;font-weight:600}.chip.ether{border-color:var(--ether);color:var(--ether-strong)}.field{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px}.row{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:0;overflow-y:auto;scrollbar-width:none}.row.lands{flex-wrap:nowrap;overflow-x:auto;align-items:flex-end;min-height:calc(var(--card-w) * 1.4)}.empty-hint{font-size:14px;color:var(--ink-soft);align-self:center;padding:8px}.card{position:relative;width:var(--card-w);aspect-ratio:488 / 680;flex:none;border-radius:var(--radius-card);border:0;padding:0;background:#0b1520;box-shadow:0 1px #00000080,0 0 0 1px #00000059;transition:transform .14s ease,box-shadow .14s ease}.card img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card);display:block}.card .fallback{position:absolute;top:0;right:0;bottom:0;left:0;padding:3px;font-size:10px;line-height:1.2;text-align:left;overflow:hidden;color:var(--ink);background:linear-gradient(160deg,#2a3e55,#172636);border-radius:var(--radius-card)}.card.playable{box-shadow:0 0 0 2px var(--ether),0 0 10px #a9c4dc73}.card.selected{box-shadow:0 0 0 3px var(--ether-strong);transform:translateY(-4px)}.card.sick img{filter:saturate(.75)}.card-slot{position:relative;display:grid;place-items:center;flex:none}.card-slot.tapped{width:calc(var(--card-w) * 1.4);height:calc(var(--card-w) * 1.4)}.card-slot.tapped .card{transform:rotate(90deg)}.badges{position:absolute;left:2px;right:2px;bottom:2px;display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;pointer-events:none}.badge{font-size:12px;line-height:1;padding:2px 4px;border-radius:3px;background:#09121ce0;color:var(--ink);font-family:var(--font-num);font-weight:600}.badge.count{position:absolute;top:-6px;right:-6px;left:auto;bottom:auto;border-radius:10px;padding:2px 6px;background:var(--ether);color:#0b1520;font-size:13px}.badge.warn{background:var(--loss);color:#20120d}.zonebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:var(--tap)}.zonebar .chips{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.zonebar .chip{padding:0 10px}.phase{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;padding-right:2px}.phase .num{font-size:22px;font-weight:600}.phase .name{font-size:15px}.phase.opp-turn .name{color:var(--mana-b)}.reminders{display:flex;gap:4px}.reminder{font-size:12px;padding:2px 8px;border-radius:10px;border:1px solid var(--loss);color:var(--loss);white-space:nowrap}.card.draggable{touch-action:none;user-select:none;-webkit-user-select:none}.row.lands .card.draggable{touch-action:pan-x}.card.dragging{opacity:.35}.ghost{position:fixed;z-index:40;width:calc(var(--card-w) * 1.2);transform:translate(-50%,-70%) rotate(-4deg);pointer-events:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.ghost img{width:100%;border-radius:5px;display:block}.drop-hover{outline:2px dashed var(--ether-strong);outline-offset:2px;border-radius:10px;background:#a9c4dc14}.hand{position:relative;display:flex;align-items:flex-end;justify-content:center;height:calc(var(--card-w) * 1.55);padding-top:6px}.hand .card{--hand-w: calc(var(--card-w) * 1.05);width:var(--hand-w)}.hand .card+.card{margin-left:var(--overlap, 4px)}.hand .card:active,.hand .card.selected{transform:translateY(-8px);z-index:2}.hand .mark{position:absolute;top:2px;left:2px;font-size:11px;padding:1px 4px;border-radius:3px;background:var(--mana-w);color:#1b1a14;font-weight:700}.actions{display:grid;grid-template-columns:var(--tap) var(--tap) minmax(0,1fr) minmax(112px,38%);gap:6px;padding-bottom:6px}.icon-btn{min-width:var(--tap);min-height:var(--tap);border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:20px;display:grid;place-items:center}.primary{min-height:52px;border-radius:14px;border:0;background:linear-gradient(180deg,var(--ether-strong),var(--ether));color:#0b1520;font-weight:700;font-size:18px;box-shadow:0 2px #6f8aa3}.primary:active{transform:translateY(1px);box-shadow:0 1px #6f8aa3}.primary:disabled{opacity:.45}.secondary{min-height:var(--tap);border-radius:12px;border:1px solid var(--ether);background:transparent;color:var(--ether-strong);font-weight:700;padding:0 14px}.danger{border-color:var(--loss);color:var(--loss)}.mana-pool{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.pip{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:#111;flex:none}.pip.W{background:var(--mana-w)}.pip.U{background:var(--mana-u)}.pip.B{background:var(--mana-b)}.pip.R{background:var(--mana-r)}.pip.G{background:var(--mana-g)}.pip.C{background:var(--mana-c)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04090e8c;z-index:20}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:21;max-height:86dvh;overflow-y:auto;background:var(--panel);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-shadow:0 -12px 32px #00000073;animation:rise .16s ease-out}@media (min-width: 1024px){.sheet{left:auto;right:376px;width:min(560px,calc(100vw - 400px));bottom:12px;border-radius:18px;border:1px solid var(--line)}}@keyframes rise{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet h2{margin:0 0 10px;font-size:18px;line-height:1.4;text-wrap:balance}.sheet p{margin:0 0 10px;line-height:1.7}.sheet .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:10px 0}.sheet .grid .card{width:100%}.sheet .bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sheet .bar .primary{flex:1 1 160px}.closebar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.text-btn{min-height:var(--tap);padding:0 8px;border:0;background:none;color:var(--ether-strong)}.focus{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:14px;align-items:start}@media (max-width: 420px){.focus{grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:10px}}.focus img{width:100%;border-radius:10px;display:block}.focus .title{font-size:18px;font-weight:700;line-height:1.35;margin:0}.focus .type{font-size:14px;color:var(--ink-soft);margin:2px 0 8px}.focus .text{font-size:16px;line-height:1.7;white-space:pre-line;margin:0}.focus .text a,.kw a{color:var(--ether-strong);text-decoration-color:var(--line);text-underline-offset:3px}.kw{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.kw a{min-height:var(--tap);display:inline-flex;align-items:center;padding:0 10px;border-radius:16px;border:1px solid var(--line);font-size:14px;text-decoration:none}.note{font-size:13px;color:var(--ink-soft);margin-top:6px}.btn-list{display:grid;gap:8px;margin-top:12px}.btn-list button{min-height:48px;border-radius:12px;border:1px solid var(--ether);background:#a9c4dc14;color:var(--ink);text-align:left;padding:0 14px;font-size:16px}.btn-list button small{color:var(--ink-soft);margin-left:6px;font-size:13px}.options{display:grid;gap:8px;margin-top:8px}.option{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:6px 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel-hi);text-align:left}.option img{width:44px;border-radius:3px}.option .name{font-size:16px;font-weight:700;line-height:1.3}.option .entry{font-size:13px;color:var(--ink-soft)}.option .count{font-family:var(--font-num);font-size:20px;font-weight:600}.stack-list{display:grid;gap:8px;margin:8px 0}.stack-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:10px;background:var(--panel-hi);border:1px solid var(--line)}.stack-item.top{border-color:var(--ether)}.stack-item img{width:40px;border-radius:3px}.stack-item .what{font-size:15px;line-height:1.4}.stack-item .who{font-size:12px;color:var(--ink-soft)}.panel-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.panel-tabs button{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:none;color:var(--ink-soft)}.panel-tabs button[aria-selected=true]{border-color:var(--line);background:var(--panel);color:var(--ink)}.panel-body{overflow-y:auto;padding:8px 12px 16px;min-height:0}.log{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:14px;line-height:1.6}.log li{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:6px;padding:4px 6px;border-radius:6px;min-height:var(--tap);align-items:center}.log li button{all:unset;cursor:pointer;display:contents}.log li:hover{background:var(--panel)}.log li.manual{color:var(--loss)}.log .n{font-family:var(--font-num);color:var(--ink-soft);text-align:right}.libtable{width:100%;border-collapse:collapse;font-size:14px}.libtable td{padding:6px 4px;border-bottom:1px solid var(--line)}.libtable td.r{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:16px;white-space:nowrap}.dist{display:grid;gap:4px;margin:8px 0 16px}.dist .bar-row{display:grid;grid-template-columns:2.6em minmax(0,1fr) 2.4em;gap:8px;align-items:center;font-size:14px}.dist .bar-row .fill{height:14px;border-radius:3px;background:linear-gradient(90deg,var(--ether),var(--ether-strong))}.dist .bar-row .track{background:#ffffff0d;border-radius:3px}.mull-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mull-grid .card{width:100%}.setup{min-height:100dvh;max-width:720px;margin:0 auto;padding:20px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));display:grid;gap:20px;align-content:start}.setup h1{margin:0;font-size:26px;line-height:1.3;text-wrap:balance}.setup h1 small{display:block;font-size:15px;font-weight:400;color:var(--ink-soft);margin-top:4px}.decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.deck{display:grid;grid-template-rows:auto auto;gap:8px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--panel);text-align:left;min-height:var(--tap)}.deck[aria-pressed=true]{border-color:var(--ether-strong);box-shadow:0 0 0 1px var(--ether-strong) inset}.deck img{width:100%;border-radius:8px;aspect-ratio:626 / 457;object-fit:cover;object-position:center 22%}.deck b{font-size:17px}.seg{display:inline-grid;grid-auto-flow:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg button{min-height:var(--tap);min-width:84px;padding:0 14px;border:0;background:var(--panel);color:var(--ink-soft)}.seg button[aria-pressed=true]{background:var(--panel-hi);color:var(--ink);box-shadow:inset 0 -2px 0 var(--ether)}.field-label{font-size:15px;color:var(--ink-soft);margin-bottom:6px;display:block}.sb{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sb ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sb li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;font-size:14px;min-height:var(--tap)}.sb li button{min-width:var(--tap);min-height:var(--tap);border-radius:10px;border:1px solid var(--line);background:var(--panel)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:30;max-width:min(92vw,480px);padding:10px 16px;border-radius:12px;background:#2b1d1a;border:1px solid var(--loss);color:var(--ink);font-size:15px;line-height:1.5;box-shadow:0 8px 24px #0006}.stepper{display:inline-grid;grid-template-columns:var(--tap) 64px var(--tap);align-items:center;text-align:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.stepper button{min-height:var(--tap);border:0;background:var(--panel-hi);font-size:22px}.stepper .num{font-size:26px}.setup-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help{display:grid;gap:18px;font-size:15px;line-height:1.7;max-width:62ch}.help h3{margin:0 0 6px;font-size:16px;color:var(--ether-strong)}.help p,.help ol,.help ul{margin:0}.help ol,.help ul{padding-left:1.3em;display:grid;gap:6px}.help a{color:var(--ether-strong);text-underline-offset:3px}.help-core{display:grid;gap:8px}.help-core>div{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--ether);background:#a9c4dc14}.help-core b{font-size:17px}.help-core span{color:var(--ink-soft);font-size:14px}.tcard{display:flex;flex-direction:column;gap:2px;width:100%;aspect-ratio:488 / 680;padding:3px 3px 2px;border-radius:var(--radius-card);border-top:3px solid var(--tc, var(--mana-c));background:linear-gradient(160deg,var(--panel-hi),#142232);color:var(--ink);font-size:10px;line-height:1.2;text-align:left;overflow:hidden}.card{container-type:inline-size}.card .tcard{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;aspect-ratio:auto;font-size:clamp(10px,14cqi,15px)}.tcost{font-family:var(--font-num);font-size:1.25em;font-weight:700;color:var(--tc, var(--mana-c));white-space:nowrap;overflow:hidden;text-overflow:clip}.tname{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.card.sick .tcard{opacity:.85}.card-slot.tapped .card .tcard{inset:auto;left:50%;top:50%;width:calc(var(--card-w) * 1.393);height:var(--card-w);transform:translate(-50%,-50%) rotate(-90deg)}.card-slot.tapped .card .tname{-webkit-line-clamp:2}.focus:has(>.tcard){grid-template-columns:minmax(0,1fr)}.focus>.tcard{flex-direction:row;align-items:baseline;gap:12px;aspect-ratio:auto;padding:8px 12px;border-top-width:4px;border-radius:10px;font-size:18px}.focus>.tcard .tname{-webkit-line-clamp:2}.tcard-thumb{aspect-ratio:auto;min-height:44px;justify-content:center;align-items:center;padding:2px;font-size:11px;text-align:center}.ghost .tcard{border-radius:5px}.spare-sep{flex:none;align-self:stretch;width:1px;margin:4px;background:var(--line)}.card.spare{opacity:.92}.card.spare.playable{opacity:1}.field-wrap{position:relative;display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.projected{position:absolute;top:6px;right:0;z-index:3;pointer-events:none;display:grid;justify-items:end;padding:6px 10px;border-radius:12px;border:1px solid rgba(224,115,92,.55);background:#142232d1;font-size:13px;line-height:1.2}.projected .num{font-size:26px;font-weight:700;color:var(--mana-r)}.projected small{color:var(--ink-soft);font-size:12px}.block-row{display:grid;gap:6px;margin:10px 0}.dmg{font-size:13px}