:root{--bg:#f1eee7;--surface:#fff;--surface-2:#f8f6f1;--ink:#1d1c1a;--ink-2:#4a4741;--muted:#8d877c;--line:#e1dcd1;--line-strong:#cfc8ba;--shadow:0 1px 2px #28221414, 0 2px 8px #2822140d;--shadow-lift:0 6px 18px #28221429;--mana-W:#d8bf6a;--mana-U:#3f77c3;--mana-B:#5a5461;--mana-R:#cf5841;--mana-G:#3e8a5a;--mana-C:#a59f95;--mana-M:#c9a13b;--mana-W-ink:#4a3d1c;--mana-W-edge:#a8893a;--attack:#cf5841;--block:#3f77c3;--target:#d8a11a;--good:#3e8a5a;--bad:#cf5841;--radius:10px;--card-w:68px;--card-h:94px;--hand-w:80px;--hand-h:112px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121211;--surface:#1d1d1b;--surface-2:#181817;--ink:#edeae4;--ink-2:#bdb8ae;--muted:#87827a;--line:#2c2b28;--line-strong:#3b3a36;--shadow:0 1px 2px #0006;--shadow-lift:0 6px 18px #00000080;--mana-B:#7a6d8e;--mana-R:#de6a52;--mana-G:#52a56e;--mana-C:#8a857c;--mana-W-edge:#d8bf6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121211;--surface:#1d1d1b;--surface-2:#181817;--ink:#edeae4;--ink-2:#bdb8ae;--muted:#87827a;--line:#2c2b28;--line-strong:#3b3a36;--shadow:0 1px 2px #0006;--shadow-lift:0 6px 18px #00000080;--mana-B:#7a6d8e;--mana-R:#de6a52;--mana-G:#52a56e;--mana-C:#8a857c;--mana-W-edge:#d8bf6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;margin:0}html{background:var(--bg)}body{overflow:hidden}button{font:inherit;color:inherit}#app{max-width:560px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex;position:relative}.backdrop{z-index:-1;pointer-events:none;contain:strict;will-change:transform;position:fixed;inset:0;overflow:hidden}.scene{opacity:0;visibility:hidden;background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) 34%, var(--sky-3) 62%);transition:opacity 0s linear 2.4s,visibility 0s linear 2.4s;position:absolute;inset:0}.scene.on{z-index:1;opacity:1;visibility:visible;transition:opacity 2.4s ease-in-out}.scene-layer{width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.backdrop[data-mode=game] .scene{transition:none}.backdrop[data-mode=game] .scene-layer.sky{opacity:.4}.backdrop[data-mode=game] .scene-layer.motes{visibility:hidden}.scene-veil{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 76%, transparent), var(--bg));opacity:.12;transition:opacity .8s;position:absolute;inset:0}.backdrop[data-mode=game] .scene-veil{opacity:.84}.sc-sun{fill:var(--sun)}.sc-moon{fill:var(--moon,transparent)}.sc-glow-stop{stop-color:var(--halo)}.sc-lamp-stop{stop-color:var(--lamp-halo,transparent)}.sc-cloud{fill:var(--cloud)}.sc-star{fill:var(--star)}.sc-bird{fill:none;stroke:var(--bird,transparent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.sc-far{fill:var(--far)}.sc-far-2{fill:var(--far-2)}.sc-snow{fill:var(--snow)}.sc-mid,.sc-trunk{fill:var(--mid)}.sc-mid-2{fill:var(--mid-2)}.sc-near{fill:var(--near)}.sc-near-2{fill:var(--near-2)}.sc-deep{fill:var(--deep)}.sc-mist{fill:var(--mist);opacity:.32}.sc-water{fill:var(--water)}.sc-water-2{fill:var(--water-2)}.sc-water-3{fill:var(--water-3)}.sc-water-4{fill:var(--water-4)}.sc-rock{fill:var(--rock)}.sc-rock-2{fill:var(--rock-2)}.sc-tower{fill:var(--tower)}.sc-tower-2{fill:var(--tower-2)}.sc-lamp{fill:var(--lamp)}.sc-glint,.sc-limb,.sc-reed,.sc-reed-2{fill:none;stroke-linecap:round}.sc-glint{stroke:var(--glint);opacity:.7}.sc-limb{stroke:var(--mid)}.sc-reed{stroke:var(--mid-2)}.sc-reed-2{stroke:var(--near-2)}.sc-mote{fill:var(--mote,transparent)}.sc-mote-glow{fill:var(--mote,transparent);opacity:.2}.scene[data-scene-id=plains]{--sky-1:var(--lightningcss-light,#f3efe6)var(--lightningcss-dark,#121212);--sky-2:var(--lightningcss-light,#f5e9d2)var(--lightningcss-dark,#1c1a1c);--sky-3:var(--lightningcss-light,#f4dcae)var(--lightningcss-dark,#4a3426);--sun:var(--lightningcss-light,#fffaf0)var(--lightningcss-dark,#0000);--moon:var(--lightningcss-light,#0000)var(--lightningcss-dark,#f1e3bd);--halo:var(--lightningcss-light,#ffdf9e)var(--lightningcss-dark,#e2cc9680);--cloud:var(--lightningcss-light,#fffaf2)var(--lightningcss-dark,#0000);--star:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ece2c8);--bird:var(--lightningcss-light,#b7a07a)var(--lightningcss-dark,#0000);--far:var(--lightningcss-light,#eedcb3)var(--lightningcss-dark,#33281f);--mist:var(--lightningcss-light,#fff8ea)var(--lightningcss-dark,#5a4330);--mid:var(--lightningcss-light,#e5c78a)var(--lightningcss-dark,#2a2119);--mid-2:var(--lightningcss-light,#cfa962)var(--lightningcss-dark,#231b15);--near:var(--lightningcss-light,#d9b06a)var(--lightningcss-dark,#211a14);--near-2:var(--lightningcss-light,#c39a50)var(--lightningcss-dark,#1b1510);--deep:var(--lightningcss-light,#c99a52)var(--lightningcss-dark,#16110d)}.scene[data-scene-id=island]{--sky-1:var(--lightningcss-light,#eef1ee)var(--lightningcss-dark,#0e1118);--sky-2:var(--lightningcss-light,#e1ecef)var(--lightningcss-dark,#121a27);--sky-3:var(--lightningcss-light,#cfe4ee)var(--lightningcss-dark,#1b2a3e);--sun:var(--lightningcss-light,#fff)var(--lightningcss-dark,#e4ecf0);--halo:var(--lightningcss-light,#fff3c4)var(--lightningcss-dark,#b9cfdf73);--cloud:var(--lightningcss-light,#fbfdfd)var(--lightningcss-dark,#0000);--star:var(--lightningcss-light,#0000)var(--lightningcss-dark,#dce6ee);--far:var(--lightningcss-light,#b9cfda)var(--lightningcss-dark,#182434);--far-2:var(--lightningcss-light,#92aab8)var(--lightningcss-dark,#223147);--water:var(--lightningcss-light,#a9d0e3)var(--lightningcss-dark,#172639);--water-2:var(--lightningcss-light,#8cbfd9)var(--lightningcss-dark,#132133);--water-3:var(--lightningcss-light,#73afd2)var(--lightningcss-dark,#0f1b2b);--water-4:var(--lightningcss-light,#5e9cc6)var(--lightningcss-dark,#0c1624);--glint:var(--lightningcss-light,#f4fbff)var(--lightningcss-dark,#5f7a93);--rock:var(--lightningcss-light,#c3bcae)var(--lightningcss-dark,#1a2330);--rock-2:var(--lightningcss-light,#a69f91)var(--lightningcss-dark,#141c27);--mid:var(--lightningcss-light,#8db394)var(--lightningcss-dark,#16222b);--mid-2:var(--lightningcss-light,#5f8c6d)var(--lightningcss-dark,#0f1820);--tower:var(--lightningcss-light,#f7f3ec)var(--lightningcss-dark,#222f3f);--tower-2:var(--lightningcss-light,#c86b55)var(--lightningcss-dark,#141e2a);--lamp:var(--lightningcss-light,#f2cf72)var(--lightningcss-dark,#ffd88a);--lamp-halo:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffd88ae6)}.scene[data-scene-id=swamp]{--sky-1:var(--lightningcss-light,#f0eef0)var(--lightningcss-dark,#100e15);--sky-2:var(--lightningcss-light,#e7e2ea)var(--lightningcss-dark,#16121e);--sky-3:var(--lightningcss-light,#d9d1e1)var(--lightningcss-dark,#2a2238);--sun:var(--lightningcss-light,#fcfbf4)var(--lightningcss-dark,#e3e8c8);--halo:var(--lightningcss-light,#fbf7ea)var(--lightningcss-dark,#c7d39e73);--cloud:var(--lightningcss-light,#f8f6fa)var(--lightningcss-dark,#0000);--star:var(--lightningcss-light,#0000)var(--lightningcss-dark,#e1dfe8);--far:var(--lightningcss-light,#cbc1d4)var(--lightningcss-dark,#221c2c);--mist:var(--lightningcss-light,#fbf9fd)var(--lightningcss-dark,#3d3352);--water:var(--lightningcss-light,#d3cbdd)var(--lightningcss-dark,#1d1828);--water-2:var(--lightningcss-light,#bdb2cb)var(--lightningcss-dark,#2a2238);--glint:var(--lightningcss-light,#f6f2fb)var(--lightningcss-dark,#5d5476);--mid:var(--lightningcss-light,#9c8fab)var(--lightningcss-dark,#191520);--mid-2:var(--lightningcss-light,#8f819f)var(--lightningcss-dark,#17131d);--near:var(--lightningcss-light,#7e6f8f)var(--lightningcss-dark,#110e16);--near-2:var(--lightningcss-light,#6c5e7e)var(--lightningcss-dark,#0e0b12);--mote:var(--lightningcss-light,#0000)var(--lightningcss-dark,#c2e6a6)}.scene[data-scene-id=mountain]{--sky-1:var(--lightningcss-light,#f4eee8)var(--lightningcss-dark,#130e12);--sky-2:var(--lightningcss-light,#f6e1d3)var(--lightningcss-dark,#1d1116);--sky-3:var(--lightningcss-light,#f3c9ad)var(--lightningcss-dark,#3e1d1f);--sun:var(--lightningcss-light,#f5ab73)var(--lightningcss-dark,#c4583c);--halo:var(--lightningcss-light,#fbb27a)var(--lightningcss-dark,#c4503480);--cloud:var(--lightningcss-light,#fff5ee)var(--lightningcss-dark,#0000);--star:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ead9d0);--bird:var(--lightningcss-light,#ae7d69)var(--lightningcss-dark,#0000);--far:var(--lightningcss-light,#ecc3ad)var(--lightningcss-dark,#2f1b22);--far-2:var(--lightningcss-light,#e3b19a)var(--lightningcss-dark,#29171e);--snow:var(--lightningcss-light,#fcf4ee)var(--lightningcss-dark,#4b3035);--mid:var(--lightningcss-light,#dc9a7f)var(--lightningcss-dark,#24141a);--mid-2:var(--lightningcss-light,#cf876b)var(--lightningcss-dark,#1f1116);--near:var(--lightningcss-light,#c3735a)var(--lightningcss-dark,#1b0e13);--near-2:var(--lightningcss-light,#ae614a)var(--lightningcss-dark,#160b0f);--deep:var(--lightningcss-light,#9d543f)var(--lightningcss-dark,#120a0d);--mote:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ff9d57)}.scene[data-scene-id=forest]{--sky-1:var(--lightningcss-light,#eef1e9)var(--lightningcss-dark,#0d1210);--sky-2:var(--lightningcss-light,#e3ede0)var(--lightningcss-dark,#101915);--sky-3:var(--lightningcss-light,#d2e5d2)var(--lightningcss-dark,#223a2e);--sun:var(--lightningcss-light,#fffdf1)var(--lightningcss-dark,#0000);--moon:var(--lightningcss-light,#0000)var(--lightningcss-dark,#e4eddc);--halo:var(--lightningcss-light,#f7f6cf)var(--lightningcss-dark,#bfd4bd73);--cloud:var(--lightningcss-light,#fbfdf8)var(--lightningcss-dark,#0000);--star:var(--lightningcss-light,#0000)var(--lightningcss-dark,#dde8dc);--far:var(--lightningcss-light,#c6ddc4)var(--lightningcss-dark,#17231e);--mist:var(--lightningcss-light,#f6faf2)var(--lightningcss-dark,#2f473b);--mid:var(--lightningcss-light,#a2c8a3)var(--lightningcss-dark,#131e19);--near:var(--lightningcss-light,#78a981)var(--lightningcss-dark,#0f1813);--deep:var(--lightningcss-light,#548e64)var(--lightningcss-dark,#0b120e);--mote:var(--lightningcss-light,#0000)var(--lightningcss-dark,#eee68f)}.num{font-variant-numeric:tabular-nums}.btn{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--bg);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border-radius:999px;min-height:38px;padding:9px 16px;font-size:14px;font-weight:600;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn.secondary{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn.danger{color:var(--bad);border-color:var(--bad);background:0 0}.icon-btn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.icon-btn:active{background:var(--line)}@property --box-w{syntax:"<length>";inherits:true;initial-value:100px}.start{flex-direction:column;flex:1;min-height:0;display:flex}.start-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:22px 20px 12px;display:flex;overflow:hidden auto}.start-head{grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .2s,margin .3s;display:grid}.start-head>div{min-height:0;overflow:hidden}.start.picking .start-head{opacity:0;grid-template-rows:0fr;margin-bottom:-18px}.start h1{letter-spacing:-.03em;margin:0;font-size:38px;font-weight:700;line-height:1}.start .tagline{color:var(--muted);margin:8px 0 0}.start-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-btn{color:var(--ink-2);flex:none;margin-top:-5px}.matchup{flex-direction:column;display:flex}.start:not(.picking) .matchup{margin-block:auto}.start.picking .matchup{flex:1 1 0;min-height:340px}.versus{--box-w:clamp(92px, min(28vw, 15vh), 132px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;transition:--box-w .35s cubic-bezier(.2,.8,.2,1);display:grid}.versus.picking{--box-w:clamp(56px, min(19vw, 9.5vh), 92px)}.seat{appearance:none;color:inherit;font:inherit;cursor:pointer;min-width:0;padding:calc(var(--box-w) * .44) 6px 12px;background:0 0;border:none;border-radius:18px 18px 0 0;flex-direction:column;align-self:stretch;align-items:center;transition:background-color .2s,opacity .2s;display:flex;position:relative}.seat-box{margin-bottom:calc(var(--box-w) * .16 + 4px);transition:scale .15s;display:block}.seat:active .seat-box{scale:.96}.seat-who{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:650}.seat-deck{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:3px;max-width:100%;font-size:15.5px;font-weight:700;display:inline-flex}.seat-who,.seat-deck,.modes>.section-label,.start-body>.field-hint{text-shadow:0 0 3px var(--bg), 0 0 10px var(--bg)}.seat-deck svg{color:var(--muted);flex:none;transition:rotate .2s}.seat.active{background:var(--surface)}.seat.active .seat-deck svg{rotate:180deg}.seat.active:after{content:"";pointer-events:none;width:18px;height:18px;position:absolute;bottom:0}.seat-0.active:after{background:radial-gradient(circle at 100% 0, transparent 17.5px, var(--surface) 18px);right:-18px}.seat-1.active:after{background:radial-gradient(circle at 0 0, transparent 17.5px, var(--surface) 18px);left:-18px}.versus.picking .seat:not(.active){opacity:.6}.vs{width:34px;height:34px;margin:calc(var(--box-w) * 1.12 - 17px) -3px 0;background:var(--ink);color:var(--bg);letter-spacing:.02em;text-transform:uppercase;box-shadow:0 0 0 4px var(--bg);z-index:1;border-radius:50%;place-items:center;font-size:13px;font-style:italic;font-weight:800;transition:box-shadow .2s,scale .4s cubic-bezier(.3,1.8,.5,1);display:grid}.versus.picking .vs{box-shadow:none}.picker{background:var(--surface);clip-path:inset(0 0 -2px);border-radius:18px;flex-direction:column;min-height:0;padding:10px 12px 0;transition:clip-path .34s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.picker[data-seat="0"]{border-top-left-radius:0}.picker[data-seat="1"]{border-top-right-radius:0}.start.picking .picker{flex:1 1 0}.picker-head{align-items:center;gap:8px;min-height:28px;padding:0 2px;display:flex}.picker-head .section-label{margin:0}.picker-count{color:var(--muted);font-size:11.5px}.picker-done{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 2px 4px 12px;font-size:14px;font-weight:650}.picker-detail{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:4px 2px 12px;display:flex}.picker-detail-text{flex:1;min-width:0}.picker-detail h3{letter-spacing:-.015em;align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.picker-detail p{color:var(--ink-2);margin:3px 0 0;font-size:12.5px;line-height:1.35}.picker-detail .btn{flex:none;min-height:34px;padding:6px 14px;font-size:13px}.picker-grid{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));align-content:start;gap:2px;min-height:0;margin:0 -8px;padding:6px 0 12px;display:grid;position:relative;overflow-y:auto}.deck-option{--box-w:46px;appearance:none;color:inherit;font:inherit;cursor:pointer;min-width:0;padding:calc(var(--box-w) * .46) 2px 8px;transition:background-color .2s ease, box-shadow .2s ease, opacity .25s ease calc(var(--i,0) * 25ms), translate .35s cubic-bezier(.2, .8, .2, 1) calc(var(--i,0) * 25ms);background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;display:flex}.deck-option .deck-box{margin-bottom:calc(var(--box-w) * .16 + 6px);transition:scale .15s}.deck-option:active .deck-box{scale:.93}.deck-option[aria-checked=true]{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--ink)}.deck-option-name{letter-spacing:-.01em;max-width:100%;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.deck-option[aria-checked=true] .deck-option-name{color:var(--ink);font-weight:700}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11.5px;font-weight:650}.mana-dots{align-items:center;gap:4px;display:inline-flex}.mana-dots span{background:var(--dot);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #14120e24}.deck-box{--w:var(--box-w,100px);--h:calc(var(--w) * 1.36);--d:calc(var(--w) * .34);--turn:-16deg;--box-a:var(--mana-C);--box-b:var(--mana-C);--box-face:linear-gradient(165deg, color-mix(in srgb, var(--box-a) 88%, #fff) 0%, var(--box-a) 26%, color-mix(in srgb, var(--box-b) 78%, #000) 100%);--box-top:color-mix(in srgb, var(--box-a) 70%, #000);--box-edge:color-mix(in srgb, var(--box-b) 56%, #000);--box-inner:color-mix(in srgb, var(--box-b) 22%, #d9d3c7);width:var(--w);height:var(--h);font-size:calc(var(--w) * .1);perspective:calc(var(--w) * 6);perspective-origin:50% -70%;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;line-height:1.1;display:block;position:relative}.seat-0 .deck-box{--turn:22deg}.seat-1 .deck-box{--turn:-22deg}.deck-box.random{--box-a:#a8a194;--box-b:#7d776c;--box-face:linear-gradient(165deg, #fdfcf9 0%, #e9e5dd 48%, #c7c1b6 100%);--box-top:#d4cfc5;--box-edge:#aaa498;--box-inner:#e2ddd3}.deck-box.random .box-front{color:#2c2a26;box-shadow:inset 0 0 0 .08em #ffffffb3,inset 0 -.8em 1.2em #00000014}.deck-box.random .box-brand{text-shadow:none}.deck-box.random .box-pips i.lit{box-shadow:0 0 0 .11em #2c2a26b3,0 .12em .28em #00000040}.deck-box.random .box-art{background:conic-gradient(from 200deg at 50% 50%, var(--mana-W), var(--mana-U), var(--mana-B), var(--mana-R), var(--mana-G), var(--mana-W));box-shadow:0 0 0 .13em #fff,0 .2em .5em #0003}.deck-box.random .box-name{color:#fff;background:#2c2a26}.box-floor{left:-8%;right:-8%;bottom:calc(var(--d) * -.6);height:calc(var(--d) * 1.2);background:radial-gradient(closest-side,#1e180e4d,#1e180e00);border-radius:50%;position:absolute}.box-body{transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(var(--turn));position:absolute;inset:0}.box-face{backface-visibility:hidden;position:absolute}.box-front{background:radial-gradient(130% 60% at 50% 0%, #ffffff3d, transparent 64%), var(--box-face);color:#fff;transform:translateZ(calc(var(--d) / 2));border-radius:.3em;flex-direction:column;align-items:center;gap:.45em;padding:.6em .55em .55em;display:flex;inset:0;overflow:hidden;box-shadow:inset 0 0 0 .08em #ffffff4d,inset 0 -.8em 1.2em #0000002e}.box-back,.box-inside{border-radius:.3em;inset:0}.box-back{background:var(--box-edge);transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.box-inside{background:var(--box-inner);transform:translateZ(calc(var(--d) / -2 + .5px))}.box-side{top:0;bottom:0;left:calc((var(--w) - var(--d)) / 2);width:var(--d);background:linear-gradient(180deg, var(--box-top), var(--box-edge));place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 .06em #ffffff24}.box-left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}.box-right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}.box-side b{writing-mode:vertical-rl;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;font-size:.72em;font-weight:750}.box-pips{flex:none;gap:.3em;display:flex}.box-pips i{background:#ffffff2e;border-radius:50%;width:.85em;height:.85em;box-shadow:inset 0 0 0 .09em #00000040}.box-pips i.lit{background:var(--pip);box-shadow:0 0 0 .11em #ffffffeb,0 .12em .28em #0006}.box-brand{letter-spacing:.16em;text-transform:uppercase;text-shadow:0 .05em .1em #00000080,0 0 .5em #00000059;white-space:nowrap;flex:none;font-size:.9em;font-weight:800}.box-art{background:#00000040;border-radius:.28em;flex:1 1 0;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 .13em #ffffffe6,0 .2em .5em #00000059}.box-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.box-art b{color:#fffffff0;text-shadow:0 .06em .12em #0006;font-size:3.4em;font-weight:800;line-height:1}.box-name{color:#1d1c1a;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#fffffff0;border-radius:.22em;flex:none;width:100%;padding:.3em .2em .26em;font-size:.84em;font-weight:800;line-height:1.1;overflow:hidden}.box-cards{transform-style:preserve-3d;position:absolute;inset:4% 7% 3%}.box-cards i{background:var(--surface);border:1px solid color-mix(in srgb, var(--box-b) 30%, var(--line-strong));box-shadow:inset 0 .3em 0 var(--box-a);transform-origin:50% 100%;transform:translateZ(var(--z)) translateY(0) rotate(0deg);border-radius:.3em;transition:transform .22s ease-in;position:absolute;inset:0}.box-cards i:first-child{--z:calc(var(--d) * .24);--rise:-14%;--tilt:-5deg}.box-cards i:nth-child(2){--z:0px;--rise:-22%;--tilt:2deg;box-shadow:inset 0 .3em 0 var(--box-b)}.box-cards i:nth-child(3){--z:calc(var(--d) * -.24);--rise:-29%;--tilt:7deg}.deck-box.open .box-cards i{transform:translateZ(var(--z)) translateY(var(--rise)) rotate(var(--tilt));transition:transform .5s cubic-bezier(.2,1.3,.4,1) .16s}.deck-box.open .box-cards i:nth-child(2){transition-delay:.22s}.deck-box.open .box-cards i:nth-child(3){transition-delay:.28s}.box-lid{width:var(--w);height:0;transform-style:preserve-3d;transform:translateZ(calc(var(--d) / -2));position:absolute;top:0;left:0}.box-hinge{transform-style:preserve-3d;transform-origin:50% 0;transition:transform .3s cubic-bezier(.5,0,.7,.4) .1s;position:absolute;inset:0;transform:rotateX(0)}.deck-box.open .box-hinge{transition:transform .6s cubic-bezier(.22,1.4,.45,1);transform:rotateX(116deg)}.seat .deck-box.open .box-hinge{transition-delay:.1s}@media (hover:hover){.seat:hover .deck-box:not(.open) .box-hinge,.deck-option:hover .deck-box:not(.open) .box-hinge{transition:transform .25s ease-out;transform:rotateX(28deg)}}.box-lid-top,.box-lid-inner{width:var(--w);height:var(--d);transform-origin:50% 0;backface-visibility:hidden;border-radius:0 0 .25em .25em;position:absolute;top:0;left:0}.box-lid-top{background:linear-gradient(180deg, color-mix(in srgb, var(--box-top) 78%, #000), var(--box-top));transform:rotateX(90deg);box-shadow:inset 0 0 0 .07em #fff3}.box-lid-inner{background:linear-gradient(180deg, color-mix(in srgb, var(--box-inner) 80%, #000), var(--box-inner));transform:rotateX(90deg)rotateY(180deg)}.seat .deck-box{transition:opacity .3s,translate .45s cubic-bezier(.2,1.1,.3,1),scale .45s cubic-bezier(.2,1.1,.3,1)}@starting-style{.seat .deck-box{opacity:0;translate:0 12%;scale:.88}.deck-box.open .box-hinge{transform:rotateX(0)}.deck-box.open .box-cards i{transform:translateZ(var(--z)) translateY(0) rotate(0deg)}.picker{clip-path:inset(0 0 100%)}.deck-option{opacity:0;translate:0 10px}.vs{scale:.6}}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:2px;min-width:0;padding:3px;display:flex}.segmented button{appearance:none;color:var(--ink-2);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:auto;min-width:0;padding:7px 6px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;overflow:hidden}.segmented button.on{background:var(--ink);color:var(--bg)}.llm-fields{gap:10px;margin-top:10px;display:grid}.field{color:var(--ink-2);gap:4px;font-size:12.5px;font-weight:600;display:grid}.field input,.field select{appearance:none;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;font-size:15px;font-weight:500}.field select{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.field-hint{color:var(--muted);margin:0;font-size:12.5px}.field-hint.problem{color:var(--bad)}.field-hint a{color:var(--ink);font-weight:600}.hint-link{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.start-actions{flex:none;gap:10px;padding:10px 20px 16px;display:flex}.start-actions .btn{flex:1;padding:13px 16px;font-size:15px}.start-actions .btn.secondary{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rules{color:var(--ink-2);font-size:13px}.rules ul{margin:0;padding-left:18px}.rules li{margin-bottom:4px}.modes,.setting-rows{flex-direction:column;gap:8px;display:flex}.modes .section-label,.setting-rows .section-label{margin-bottom:0}.mode-row,.setting-row{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:transform 80ms,border-color .15s;display:flex}.mode-row:active,.setting-row:active{border-color:var(--line-strong);transform:scale(.99)}.mode-icon{background:var(--surface-2);width:36px;height:36px;color:var(--ink-2);border-radius:10px;flex:none;place-items:center;display:grid}.mode-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mode-text b{letter-spacing:-.01em;font-size:15px}.mode-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.mode-row>svg{color:var(--muted);flex:none}.setting-row[aria-pressed=false] .mode-icon{color:var(--muted)}.switch{background:var(--line-strong);border-radius:999px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--ink-2);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.setting-row[aria-pressed=true] .switch{background:var(--ink)}.setting-row[aria-pressed=true] .switch:after{background:var(--bg);transform:translate(16px)}.settings{z-index:40;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.settings-body{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:24px;min-height:0;padding:16px 16px 24px;display:flex;overflow:hidden auto}.expedition{flex-direction:column;flex:1;min-height:0;display:flex}.screen-bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:6px;min-height:52px;padding:8px 16px 8px 8px;display:flex}.screen-bar h1{letter-spacing:-.02em;flex:1;margin:0;font-size:20px}.screen-bar-detail{color:var(--ink-2);font-size:13px;font-weight:650}.expedition-body{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 16px 12px;display:flex;overflow:hidden auto}.expedition .start-actions .btn{text-overflow:ellipsis;min-width:0;overflow:hidden}.run-intro{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.4}.run-note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.4}.run-picker{flex:1 0 auto;min-height:300px;padding-bottom:0}.run-picker .picker-grid{overflow:visible}.floors{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.floor{--box-w:30px;border-radius:12px;align-items:center;gap:12px;padding:6px 12px 6px 8px;display:flex;position:relative}.floor:not(:last-child):after{content:"";background:var(--line-strong);border-radius:1px;width:2px;position:absolute;top:34px;bottom:-8px;left:21px}.floor.won:not(:last-child):after{background:var(--good)}.floor-mark{z-index:1;background:var(--surface);border:1.5px solid var(--line-strong);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid;position:relative}.floor.won .floor-mark{background:var(--good);border-color:var(--good);color:#fff}.floor.current{background:var(--surface);box-shadow:var(--shadow)}.floor.current .floor-mark{background:var(--ink);border-color:var(--ink);color:var(--bg)}.floor.next{opacity:.72}.floor-box{padding-top:calc(var(--box-w) * .36);flex:none;display:block}.floor-box .deck-box{margin-bottom:calc(var(--box-w) * .12)}.floor-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.floor-text b{letter-spacing:-.01em;align-items:center;gap:5px;font-size:14.5px;display:flex}.floor-text span{color:var(--muted);font-size:12px}.floor.boss .floor-text b{color:var(--mana-M)}.run-panel{background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.run-panel .section-label{margin:4px 0 0}.run-deck{--box-w:34px;align-items:center;gap:12px;display:flex}.run-deck .btn{flex:none;min-height:34px;padding:6px 14px;font-size:13px}.relic-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.relic-chip,.relic-option{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.35;display:flex}.relic-chip b,.relic-option b{color:var(--ink);font-size:13.5px;display:block}.relic-icon{color:var(--mana-M);flex:none}.relic-chip.spent .relic-icon{opacity:.45}.relic-used{border:1px solid var(--line-strong);letter-spacing:.04em;color:var(--muted);vertical-align:1px;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:700}.floor-relics{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.relic-pill{appearance:none;border:1px solid color-mix(in srgb, var(--mana-M) 50%, transparent);background:color-mix(in srgb, var(--mana-M) 10%, var(--surface));min-height:24px;font:inherit;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 9px 2px 5px;font-size:11.5px;font-weight:600;display:inline-flex}.relic-pill .relic-icon{width:15px;height:15px}.relic-pill.boss{border-color:var(--mana-M);background:color-mix(in srgb, var(--mana-M) 28%, var(--surface));color:var(--ink)}.relic-pill.boss .relic-icon{color:color-mix(in srgb, var(--mana-M) 70%, var(--ink))}.relic-detail{align-items:flex-start;gap:16px;display:flex}.relic-detail>.relic-icon{background:color-mix(in srgb, var(--mana-M) 14%, var(--surface));border-radius:16px;width:60px;height:60px;padding:14px}.relic-detail h3{letter-spacing:-.01em;margin:0;font-size:18px}.relic-detail p{color:var(--ink-2);margin:0 0 6px;font-size:13.5px;line-height:1.4}.relic-detail .relic-holder{color:var(--muted);margin:2px 0 8px;font-size:12px}.relic-detail .relic-boss{color:color-mix(in srgb, var(--mana-M) 70%, var(--ink));font-size:12.5px;font-weight:600}.relic-detail .flavor{color:var(--muted);font-style:italic}.relic-options{flex-direction:column;gap:10px;display:flex}.relic-option{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:14px;padding:14px;font-size:13px;transition:border-color .15s,box-shadow .15s}.relic-option .relic-icon{width:26px;height:26px}.relic-option[aria-checked=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.reward-head{flex-direction:column;gap:4px;display:flex}.reward-head h2{letter-spacing:-.02em;margin:0;font-size:22px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--good);margin:0;font-size:11.5px;font-weight:650}.offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.offer,.swap-option{aspect-ratio:5/7;width:100%}.offer[aria-checked=true],.swap-option[aria-checked=true]{outline-color:var(--ink);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.swap-option[aria-checked=true]:after{content:"";z-index:5;border-radius:inherit;background:color-mix(in srgb, var(--bad) 28%, transparent);pointer-events:none;position:absolute;inset:0}.swap-head{flex-direction:row;align-items:center;gap:14px}.swap-head .incoming{aspect-ratio:5/7;flex:none;width:72px}.swap-head h2{font-size:19px}.expedition .deck-section h3{margin-top:4px}.result-head h2{font-size:26px}.run-stats{background:var(--surface);color:var(--muted);text-align:center;border-radius:14px;justify-content:space-around;gap:12px;padding:12px;font-size:12px;display:flex}.run-stats b{color:var(--ink);font-size:20px;display:block}.run-history{flex-direction:column;gap:6px;margin:0;padding:0 0 0 22px;font-size:13.5px;display:flex}.run-history li{padding-left:2px}.run-history li span:first-child{font-weight:600}.run-history li span+span{color:var(--muted);font-size:12px;display:block}.run-history li[data-result=won] span+span{color:var(--good)}.run-history li[data-result=lost] span+span{color:var(--bad)}.result-deck{align-self:flex-start}.modal-title{font-size:24px!important}.duel-badge{border-color:color-mix(in srgb, var(--mana-M) 70%, transparent);color:var(--mana-M)}.decks-screen{flex-direction:column;flex:1;min-height:0;display:flex}.my-decks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.my-deck{--box-w:34px;background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:8px 6px 8px 12px;display:flex}.my-deck .btn{flex:none;min-height:34px;padding:6px 14px;font-size:13px}.my-deck .problem,.builder-problems .problem{color:var(--bad)}.picker-group{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin:10px 8px 0;font-size:11.5px;font-weight:650}.builder{z-index:40;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.builder .screen-bar{gap:8px;padding-right:10px}.builder-name{appearance:none;min-width:0;font:inherit;letter-spacing:-.015em;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:6px 8px;font-size:17px;font-weight:700}.builder-name:hover,.builder-name:focus-visible{border-color:var(--line-strong);background:var(--surface);outline:none}.builder-save{flex:none;min-height:34px;padding:6px 16px}.builder-summary{--box-w:38px;flex:none;align-items:flex-end;gap:12px;padding:12px 16px 8px;display:flex}.builder-box{padding-top:calc(var(--box-w) * .36);flex:none;display:block}.builder-figures{flex:1;min-width:0}.builder-figures p{color:var(--ink-2);align-items:center;gap:6px;margin:0 0 2px;font-size:13px;display:flex}.builder-figures b{color:var(--ink);font-size:20px}.builder-figures b.short{color:var(--bad)}.builder-summary .curve figcaption{display:none}.builder-problems{background:var(--surface);color:var(--ink-2);border-radius:12px;flex:none;margin:0 16px 8px;padding:8px 12px;font-size:12.5px;line-height:1.4;list-style:none}.builder-tabs{flex:none;margin:0 16px 8px}.builder-body{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 16px 24px;display:flex;overflow:hidden auto}.builder-body .deck-section h3{margin:6px 0 8px}.builder-fill{align-self:flex-start}.builder-filters{flex-direction:column;gap:8px;display:flex}.builder-search{appearance:none;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;padding:9px 12px;font-size:15px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.color-chip{background:var(--dot);border:2px solid var(--surface);width:30px;height:30px;box-shadow:0 0 0 1px var(--line-strong);opacity:.55;padding:0}.color-chip[aria-pressed=true]{background:var(--dot);border-color:var(--surface);box-shadow:0 0 0 2px var(--ink);opacity:1}.builder-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px 10px;display:grid}.builder-tile{flex-direction:column;gap:6px;min-width:0;display:flex}.builder-tile .deck-card{aspect-ratio:5/7;width:100%}.builder-tile:not(.in-deck) .deck-card{opacity:.86}.stepper{background:var(--surface);border:1px solid var(--line);border-radius:999px;justify-content:space-between;align-items:center;gap:4px;padding:2px;display:flex}.stepper .num{font-size:13px;font-weight:700}.stepper small{color:var(--muted);font-size:10.5px;font-weight:600}.step{appearance:none;width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.step:active{background:var(--line)}.step:disabled{color:var(--line-strong);cursor:default}.scrim.center-modal.raised{z-index:50}.draft-pack{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.color-counts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.color-counts span{color:var(--ink-2);align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.color-counts span:before{content:"";background:var(--dot);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #14120e24}.draft-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.draft-actions .btn{white-space:normal;text-align:left}.link-button{appearance:none;color:var(--bad);font:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:6px 4px;font-size:13.5px;font-weight:600}.game{--fx-time:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.side{flex-direction:column;min-height:0;display:flex}.side.opponent,.side.me{flex:1}.player-bar{align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:flex}.player-chip{appearance:none;cursor:default;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:4px 10px 4px 4px;display:flex;position:relative}.player-chip.aimed{border-color:var(--target);border-style:dashed}.player-chip.targetable{cursor:pointer;border-color:var(--target);box-shadow:0 0 0 3px color-mix(in srgb, var(--target) 25%, transparent);animation:1.4s ease-in-out infinite pulse}.avatar{background:var(--ink);width:30px;height:30px;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.side.opponent .player-bar{padding-right:48px}.opponent .avatar{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.life-box{min-width:30px;position:relative}.life{letter-spacing:-.02em;font-size:24px;font-weight:700;display:inline-block}.life-box .float{--float-x:0;text-shadow:none;box-shadow:var(--shadow);border-radius:999px;padding:1px 7px;font-size:14px;line-height:1.25;top:-9px;left:calc(100% - 4px)}.life-box .float.minus,.life-box .float.plus{color:#fff}.life-box .float.minus{background:var(--bad)}.life-box .float.plus{background:var(--good)}.life.low{color:var(--bad)}.player-meta{color:var(--muted);flex-direction:column;align-items:flex-start;font-size:11.5px;line-height:1.25;display:flex}.player-meta b{color:var(--ink-2);font-weight:600}.player-meta .deck-name{color:var(--muted);font-weight:500}.player-meta .counts{display:inline-block}.player-tag{border:1px solid var(--line-strong);letter-spacing:.06em;color:var(--ink-2);vertical-align:1px;border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:700;line-height:15px;display:inline-block}.game[data-llm=unavailable] .player-tag{color:var(--muted);text-decoration:line-through}.player-bar .spacer{flex:1}.lands-row{align-items:center;display:flex}.lands-row .lands{flex:1;min-width:0}.relic-badges{flex:none;gap:4px;padding-right:14px;display:flex}.relic-badge{appearance:none;border:1px solid color-mix(in srgb, var(--mana-M) 55%, transparent);background:color-mix(in srgb, var(--mana-M) 12%, var(--surface));cursor:pointer;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:relative}.relic-badge .relic-icon{width:15px;height:15px}.priority-dot{background:var(--target);border-radius:50%;flex:none;width:8px;height:8px}.lands{flex-wrap:wrap;align-items:center;gap:5px;min-height:20px;padding:2px 14px;display:flex}.land-pip{border:2px solid var(--pip);background:var(--pip);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8.5px;font-weight:800;transition:background .2s,opacity .2s,color .2s;display:grid}.land-pip.tapped{color:var(--pip);opacity:.55;background:0 0}.land-pip[data-color=W],.pip[data-color=W]{color:var(--mana-W-ink)}.land-pip.tapped[data-color=W]{color:var(--mana-W-edge);border-color:var(--mana-W-edge)}.land-pip.multi{background:var(--pip-fill) border-box;border-color:#0000}.land-pip.multi.tapped{-webkit-mask:radial-gradient(circle,#0000 0 4.4px,#000 4.9px);mask:radial-gradient(circle,#0000 0 4.4px,#000 4.9px)}.lands .empty{color:var(--muted);font-size:11px}.battlefield{place-content:center;gap:calc(8px * var(--s,1));flex-wrap:wrap;flex:1;min-height:72px;padding:10px;display:flex}.battlefield.crowded{overflow-y:auto}.opponent .battlefield{align-content:flex-end}.me .battlefield{align-content:flex-start}.slot{width:var(--card-w);height:var(--card-h);flex:none;transition:width .2s;position:relative}.slot.tapped{width:var(--card-h)}.slot.tapped.in-combat{width:var(--card-w)}.slot.tapped.in-combat .permanent{transform:none}.card{appearance:none;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;color:var(--ink);outline-offset:1px;outline:2px solid #0000;flex-direction:column;padding:7px 6px 5px;transition:transform .2s,box-shadow .2s,outline-color .2s,opacity .2s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--card-color,var(--mana-C));height:3px;position:absolute;inset:0 0 auto}.permanent{width:var(--card-w);height:var(--card-h);position:absolute;top:0;left:0;container-type:inline-size}.slot.tapped .permanent{transform:translate(calc((var(--card-h) - var(--card-w)) / 2), calc((var(--card-w) - var(--card-h)) / 2)) rotate(90deg)}.card .name{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;letter-spacing:-.005em;-webkit-box-orient:vertical;font-size:10.5px;font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.card .art{background:color-mix(in srgb, var(--card-color,var(--mana-C)) 16%, var(--surface));flex:1 1 0;min-height:0;margin:5px -6px -5px;display:block;position:relative;overflow:hidden}.card .art.relic-art{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--mana-M) 34%, var(--surface)) 0%, color-mix(in srgb, var(--mana-M) 10%, var(--surface)) 72%);place-items:center;display:grid}.card .art.relic-art .relic-icon{width:46%;height:auto;max-height:78%}.card .art img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card .pt{background:var(--surface);letter-spacing:-.02em;border-top-left-radius:7px;padding:0 5px 0 6px;font-size:15px;font-weight:750;line-height:1.12;position:absolute;bottom:0;right:0}.card .pt .up{color:var(--good)}.card .pt .down{color:var(--bad)}.permanent,.mini{color:#fff;background:#2b2723;border-color:#0000;padding:0}.permanent:before,.mini:before{z-index:4;border-radius:inherit;height:auto;box-shadow:inset 0 0 0 calc(2px * var(--s,1)) var(--card-color,var(--mana-C));pointer-events:none;background:0 0;inset:0}.permanent .art,.mini .art{background:0 0;margin:0;position:absolute;inset:0}.icon{width:calc(16px * var(--s,1));height:calc(16px * var(--s,1));color:#fff;filter:drop-shadow(0 1px 1px #00000059);flex:none;display:block}.icon-disc{fill:#15120fd1}.icon-ring{fill:none;stroke:#ffffff80;stroke-width:.9px}.icon-glyph{fill:currentColor}.permanent .icons{z-index:2;top:calc(6px * var(--s,1));left:calc(5px * var(--s,1));gap:calc(2px * var(--s,1));flex-direction:column;display:flex;position:absolute}.abilities{z-index:3;left:calc(3px * var(--s,1));right:calc(3px * var(--s,1));bottom:calc(25px * var(--s,1));align-items:flex-start;gap:calc(2px * var(--s,1));flex-direction:column;display:flex;position:absolute}.ability{max-width:100%;padding:calc(3.8px * var(--s,1)) calc(4.5px * var(--s,1));border-radius:calc(9px * var(--s,1));color:#fff;font-size:calc(8.5px * var(--s,1));letter-spacing:-.01em;text-wrap:balance;background:#15120fd6;font-weight:700;line-height:1.1;transition:background .2s,color .2s,box-shadow .2s,opacity .2s;box-shadow:inset 0 0 0 1px #ffffff4d,0 1px 2px #0000004d}.ability .cost{white-space:nowrap}.ability.symbol-led{align-items:center;column-gap:calc(3px * var(--s,1));padding:calc(2.5px * var(--s,1)) calc(6px * var(--s,1)) calc(2.5px * var(--s,1)) calc(2.5px * var(--s,1));display:flex}.ability.symbol-led .cost,.ability.symbol-led .effect{align-items:center;display:flex}.ability.symbol-led .effect{gap:calc(1px * var(--s,1))}.ability .cost>.pip:last-of-type:not(.tap){margin-right:calc(-1px * var(--s,1))}.ability .pip{width:calc(12px * var(--s,1));height:calc(12px * var(--s,1));font-size:calc(7.5px * var(--s,1));box-shadow:0 0 0 1px #ffffff73}.ability .pip.tap{color:#15120f;background:#fff}.ability[data-usable=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 calc(1.5px * var(--s,1)) var(--target), 0 0 calc(9px * var(--s,1)) color-mix(in srgb, var(--target) 75%, transparent)}.ability[data-usable=true] .pip{box-shadow:none}.ability[data-usable=true] .pip.tap{background:var(--ink-2);color:var(--surface)}.ability[data-spent=true]{opacity:.5}@container (width<=62px){.abilities{left:calc(2px * var(--s,1));right:calc(2px * var(--s,1))}.ability{padding:calc(2.9px * var(--s,1)) calc(4px * var(--s,1));font-size:calc(7.5px * var(--s,1))}.ability.symbol-led{padding:calc(2px * var(--s,1)) calc(4px * var(--s,1)) calc(2px * var(--s,1)) calc(2px * var(--s,1));flex-wrap:wrap}.ability .pip{width:calc(10.5px * var(--s,1));height:calc(10.5px * var(--s,1));font-size:calc(6.5px * var(--s,1))}}.permanent .pt{right:calc(4px * var(--s,1));bottom:calc(4px * var(--s,1));z-index:3;padding:0 calc(5px * var(--s,1));border-radius:calc(6px * var(--s,1));font-size:calc(14px * var(--s,1));color:var(--ink);line-height:1.15;box-shadow:0 1px 3px #0000006b}.card .sick{z-index:3;left:calc(6px * var(--s,1));bottom:calc(7px * var(--s,1));width:calc(9px * var(--s,1));height:calc(9px * var(--s,1));border:calc(2px * var(--s,1)) solid #fff;background:#00000061;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #0000004d}.card.playable{outline-color:var(--ink)}.card.attacking{outline-color:var(--attack)}.opponent .card.attacking{transform:translateY(8px)}.me .card.attacking{transform:translateY(-8px)}.card.blocking{outline-color:var(--block)}.card.selected{outline-color:var(--ink);box-shadow:var(--shadow-lift)}.card.selectable:not(.selected){outline:2px dashed var(--line-strong)}.card.selectable.blocking,.card.selectable.attacking{outline-style:solid}.card.selectable.blocking{outline-color:var(--block)}.card.selectable.attacking{outline-color:var(--attack)}.card.targetable{outline-color:var(--target);animation:1.4s ease-in-out infinite pulse}.card.dim{opacity:.45}.badge{z-index:3;color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:7px;right:5px}.badge.attack{background:var(--attack)}.badge.block{background:var(--block)}.flash{z-index:5;border-radius:inherit;pointer-events:none;animation:fx-flash calc(.9s * var(--fx-time)) ease-out calc(var(--fx-delay,0s) * var(--fx-time)) both;position:absolute;inset:0}.flash.damage{background:color-mix(in srgb, var(--bad) 42%, transparent)}.flash.good{background:color-mix(in srgb, var(--good) 34%, transparent)}.flash.gold{background:color-mix(in srgb, var(--target) 34%, transparent)}.float{--float-x:-50%;translate:var(--float-x) 0;white-space:nowrap;pointer-events:none;animation:fx-float calc(1.1s * var(--fx-time)) ease-out calc(var(--fx-delay,0s) * var(--fx-time)) both;text-shadow:0 1px 0 var(--surface), 0 0 6px var(--surface);z-index:4;font-size:17px;font-weight:800;position:absolute;top:30%;left:50%}.float.minus{color:var(--bad)}.float.plus{color:var(--good)}@keyframes fx-flash{0%{opacity:0}8%{opacity:1}to{opacity:0}}@keyframes fx-float{0%{opacity:0;translate:var(--float-x) 6px;scale:.6}12%{opacity:1;translate:var(--float-x) 0;scale:1.2}28%{scale:1}to{opacity:0;translate:var(--float-x) -22px;scale:1}}.slot[data-fx~=strike],.slot[data-fx~=strike] .permanent{transition-delay:calc(.42s * var(--fx-time))}.slot[data-fx~=enter]{animation:fx-enter calc(.5s * var(--fx-time)) cubic-bezier(.2, .9, .3, 1.15) both}@keyframes fx-enter{0%{opacity:0;scale:1.35}55%{opacity:1;scale:.95}to{opacity:1;scale:1}}.land-pip[data-fx~=enter]{animation:fx-pip calc(.45s * var(--fx-time)) cubic-bezier(.2, .9, .3, 1.4) both}@keyframes fx-pip{0%{scale:0}70%{scale:1.4}to{scale:1}}.fx-ring{border-radius:var(--radius);pointer-events:none;z-index:3;animation:fx-ring calc(.7s * var(--fx-time)) ease-out both;position:absolute;inset:0}.fx-ring.attack{--ring:var(--attack)}.fx-ring.block{--ring:var(--block)}.fx-ring.enter{--ring:var(--target);animation-delay:calc(.18s * var(--fx-time))}@keyframes fx-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ring) 75%, transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb, var(--ring) 0%, transparent)}}.fx-burst{pointer-events:none;z-index:3;background:radial-gradient(circle, #fff 0 14%, #ffd66b 22%, var(--bad) 46%, color-mix(in srgb, var(--bad) 0%, transparent) 64%);clip-path:polygon(50% 0%,56% 35%,85% 15%,65% 44%,100% 50%,65% 56%,85% 85%,56% 65%,50% 100%,44% 65%,15% 85%,35% 56%,0% 50%,35% 44%,15% 15%,44% 35%);width:76px;height:76px;animation:fx-burst calc(.5s * var(--fx-time)) ease-out calc(var(--fx-delay,0s) * var(--fx-time)) both;margin:-38px 0 0 -38px;position:absolute;top:46%;left:50%}@keyframes fx-burst{0%{opacity:0;rotate:0deg;scale:.2}18%{opacity:1}to{opacity:0;rotate:30deg;scale:1.5}}.slot.ghost{pointer-events:none;z-index:1;animation:fx-collapse calc(.24s * var(--fx-time)) ease-in calc((var(--fx-delay,0s) + .72s) * var(--fx-time)) forwards}.slot.ghost .permanent{cursor:default}.slot.ghost.dies .permanent{animation:fx-dies calc(.62s * var(--fx-time)) ease-in calc((var(--fx-delay,0s) + 90ms) * var(--fx-time)) both}.slot.ghost.bounce.rise .permanent{--lift:-46px;animation:fx-lift calc(.6s * var(--fx-time)) ease-in calc(var(--fx-delay,0s) * var(--fx-time)) both}.slot.ghost.bounce.sink .permanent{--lift:46px;animation:fx-lift calc(.6s * var(--fx-time)) ease-in calc(var(--fx-delay,0s) * var(--fx-time)) both}@keyframes fx-dies{0%{opacity:1;filter:none;scale:1}22%{opacity:1;filter:grayscale()brightness(1.15);scale:1.05}to{opacity:0;filter:grayscale()brightness(.55);translate:0 12px;rotate:-9deg;scale:.72}}@keyframes fx-lift{0%{opacity:1}to{opacity:0;translate:0 var(--lift);scale:.6}}@keyframes fx-collapse{to{width:0;margin-right:calc(-8px * var(--s,1))}}.aim{border:2px dashed var(--target);border-radius:calc(var(--radius) + 4px);pointer-events:none;z-index:2;animation:1.2s ease-in-out infinite aim;position:absolute;inset:-5px}.game[data-fx-speed="0"] .aim{animation:none}@keyframes aim{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:1.04}}.fx-chip{pointer-events:none;animation:fx-chip calc(.9s * var(--fx-time)) ease-out calc(var(--fx-delay,0s) * var(--fx-time)) both;border-radius:999px;position:absolute;inset:-2px}.fx-chip.minus{--chip:var(--bad)}.fx-chip.plus{--chip:var(--good)}@keyframes fx-chip{0%{opacity:0;background:color-mix(in srgb, var(--chip) 24%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--chip) 60%, transparent)}15%{opacity:1}to{opacity:0;background:color-mix(in srgb, var(--chip) 0%, transparent);box-shadow:0 0 0 12px color-mix(in srgb, var(--chip) 0%, transparent)}}.fx-drawn{background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:none;z-index:1;animation:fx-drawn calc(1s * var(--fx-time)) ease-out both;border-radius:999px;align-items:center;gap:2px;padding:2px 5px 2px 3px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;left:25px}.fx-drawn i{background:var(--bg);width:9px;height:13px;box-shadow:inset 0 0 0 1.5px var(--ink-2);border-radius:2px}@keyframes fx-drawn{0%{opacity:0;translate:0 8px;scale:.6}18%{opacity:1;translate:0;scale:1.1}30%{scale:1}78%{opacity:1}to{opacity:0;translate:0 -6px}}.hand-card[data-fx~=draw]{animation:fx-draw calc(.45s * var(--fx-time)) cubic-bezier(.2, .8, .3, 1) calc(var(--fx-i,0) * 70ms * var(--fx-time)) both}.hand-card[data-fx~=bounce]{animation:fx-return calc(.45s * var(--fx-time)) cubic-bezier(.2, .8, .3, 1) both}@keyframes fx-draw{0%{opacity:0;translate:36px 80px;rotate:12deg;scale:.85}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes fx-return{0%{opacity:0;translate:0 -70px;scale:.8}to{opacity:1;translate:0;scale:1}}@keyframes pulse{0%,to{outline-offset:1px}50%{outline-offset:3px}}.pips{flex-wrap:nowrap;gap:2px;display:inline-flex}.pip{color:#fff;background:var(--pip,var(--mana-C));vertical-align:middle;border-radius:50%;flex:none;place-items:center;width:13px;height:13px;font-size:8px;font-style:normal;font-weight:800;line-height:1;display:inline-grid}.pip.generic{background:var(--line-strong);color:var(--ink)}.pip.tap{background:var(--ink-2);color:var(--surface)}p .pip,.text .pip{margin:0 1px}.hand{min-height:calc(var(--hand-h) + 20px);justify-content:center;align-items:flex-end;padding:8px 10px 12px;display:flex;overflow:visible}.hand-card{width:var(--hand-w);height:var(--hand-h);isolation:isolate;flex:none}.hand-card+.hand-card{margin-left:var(--overlap,6px)}.mini .cost{z-index:2;display:flex;position:absolute;top:6px;left:6px}.mini .cost .pip{box-shadow:0 0 0 1px #0000002e,0 1px 2px #00000073}.mini .caption{z-index:2;background:linear-gradient(#100e0c00 0%,#100e0cc2 45%,#100e0ce6 100%);flex-direction:column;align-items:flex-start;padding:18px 6px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.mini .pt{color:var(--ink);border-radius:6px;margin-bottom:3px;padding:0 5px;font-size:14px;line-height:1.15;position:static;box-shadow:0 1px 3px #0000006b}.mini .name{text-shadow:0 1px 2px #0000008c;max-width:100%;font-size:10.5px;line-height:1.12}.mini .text{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin-top:2px;font-size:8px;line-height:1.25;display:-webkit-box;overflow:hidden}.mini .text .icon{vertical-align:middle;width:13px;height:13px;margin-right:2px;display:inline-block}.hand-card.playable{outline-color:var(--ink)}.hand-card.playable:not(.selected){transform:translateY(-6px)}.hand-card.selected{transform:translateY(-14px)}.hand-back{background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;flex:none;width:18px;height:26px}.hand-backs{gap:2px;display:flex}.center{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:6px;min-height:70px;padding:8px 14px;display:flex;position:relative}.fx-turn{background:var(--ink);color:var(--bg);letter-spacing:.01em;text-align:center;pointer-events:none;z-index:2;animation:fx-turn calc(1.4s * var(--fx-time)) cubic-bezier(.2, .8, .2, 1) both;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset:-1px 0}.fx-turn small{letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin-top:1px;font-size:11px;font-weight:600;display:block}@keyframes fx-turn{0%{opacity:0;clip-path:inset(0 100% 0 0)}16%{opacity:1;clip-path:inset(0)}78%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 0 100%)}}.phase-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.phase-label{color:var(--muted);letter-spacing:.02em;font-size:11px}.phase-track{gap:3px;display:flex}.phase-track span{background:var(--line-strong);border-radius:2px;width:16px;height:3px}.phase-track span.on{background:var(--ink)}.prompt-title{font-size:15px;font-weight:650;line-height:1.2}.prompt-detail{color:var(--ink-2);margin-top:2px;font-size:12.5px}.stack{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.stack::-webkit-scrollbar{display:none}.stack-item{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--card-color,var(--mana-C));white-space:nowrap;box-shadow:var(--shadow);outline-offset:1px;border-radius:8px;outline:2px solid #0000;flex:none;align-items:center;gap:6px;padding:5px 8px;font-size:12px;transition:opacity .2s,outline-color .2s;display:flex}.stack-item.targetable{outline-color:var(--target);animation:1.4s ease-in-out infinite pulse}.stack-item.dim{opacity:.45}.stack-item.aimed{border-style:dashed;border-color:var(--target);border-left-style:solid;border-left-color:var(--card-color,var(--mana-C))}.stack-item[data-fx]{animation:fx-pop calc(.35s * var(--fx-time)) cubic-bezier(.2, .9, .3, 1.3) both}@keyframes fx-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.stack-item .who{color:var(--muted);font-size:11px}.action-bar{align-items:center;gap:8px;min-height:46px;padding:4px 12px 0;display:flex}.action-bar .buttons{gap:8px;margin-left:auto;display:flex}.thinking{color:var(--muted);align-items:center;gap:4px;min-width:0;font-size:12px;display:inline-flex}.thinking .thinker{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.thinking i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite blink}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.top-actions{z-index:5;gap:2px;display:flex;position:absolute;top:8px;right:8px}.popover{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);z-index:20;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;display:flex;position:absolute;top:44px;right:10px}.popover button{appearance:none;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px}.popover button:active{background:var(--surface-2)}.popover .danger{color:var(--bad)}.scrim{z-index:30;background:#14120e59;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.scrim.clear{z-index:15;background:0 0}.scrim.center-modal{align-items:center}.scrim.raised{z-index:41}@keyframes fade-in{0%{opacity:0}}.sheet{background:var(--surface);width:100%;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lift);border-radius:18px 18px 0 0;max-height:85%;animation:.18s ease-out slide-up;overflow:hidden auto}@keyframes slide-up{0%{opacity:.4;transform:translateY(24px)}}.sheet-grip{background:var(--line-strong);border-radius:2px;width:36px;height:4px;margin:-6px auto 14px}.detail{gap:16px;display:flex}.detail-card{cursor:default;flex:none;width:128px;height:178px;padding:10px 9px 8px}.detail-card .name{-webkit-line-clamp:3;font-size:14px}.detail-card .pt{border-top-left-radius:11px;padding:1px 8px 0 9px;font-size:22px}.detail-card .art{margin:8px -9px -8px}.detail-card .cost{justify-content:flex-start;margin-bottom:6px;display:flex}.detail-card .pip{width:16px;height:16px;font-size:10px}.detail-card .type{color:var(--muted);margin-top:4px;font-size:10.5px}.detail-info{flex:1;min-width:0;font-size:13.5px}.detail-info h3{letter-spacing:-.01em;margin:0;font-size:18px}.detail-info .type-line{color:var(--muted);margin:2px 0 10px;font-size:12.5px}.detail-info p{margin:0 0 8px}.detail-info .reminder{color:var(--muted);font-size:12px}.detail-info .flavor{color:var(--muted);font-size:12.5px;font-style:italic}.detail-info .status{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tag{border:1px solid var(--line-strong);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:11px}.tag.bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 50%, transparent)}.tag.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 50%, transparent)}.sheet-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.sheet-actions .btn{white-space:normal;width:100%;padding:12px}.sheet-note{color:var(--muted);text-align:center;margin-top:12px;font-size:12.5px}.modal{background:var(--surface);text-align:center;width:min(86%,340px);box-shadow:var(--shadow-lift);border-radius:18px;padding:28px 24px 22px;animation:.2s ease-out slide-up}.modal h2{letter-spacing:-.03em;margin:0 0 6px;font-size:30px}.modal p{color:var(--ink-2);margin:0 0 20px;font-size:14px}.modal .btn{width:100%;padding:12px}.modal .stats{color:var(--muted);justify-content:center;gap:18px;margin-bottom:20px;font-size:12px;display:flex}.modal .stats b{color:var(--ink);font-size:18px;display:block}.log-panel{background:var(--surface);border-left:1px solid var(--line);width:min(88%,360px);box-shadow:var(--shadow-lift);z-index:40;flex-direction:column;animation:.18s ease-out slide-left;display:flex;position:absolute;inset:0 0 0 auto}@keyframes slide-left{0%{opacity:.4;transform:translate(24px)}}.log-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 10px 8px 16px;display:flex}.log-panel h2{margin:0;font-size:15px}.log-list{flex:1;margin:0;padding:8px 16px 16px;font-size:13px;list-style:none;overflow-y:auto}.log-list li{color:var(--ink-2);border-bottom:1px dashed var(--line);padding:4px 0}.log-list li.turn{color:var(--ink);border-bottom:none;padding-top:12px;font-weight:650}.log-list li.note{color:var(--muted);font-style:italic}.log-card{appearance:none;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration-thickness:1px}.log-card:active{text-decoration-color:currentColor}.llm-notice{box-sizing:border-box;border-radius:var(--radius);background:var(--surface);border:1px solid var(--bad);width:max-content;max-width:calc(100% - 32px);color:var(--ink-2);text-align:center;box-shadow:var(--shadow);z-index:6;overflow-wrap:anywhere;align-items:center;gap:4px;padding:4px 4px 4px 12px;font-size:12px;display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%)}.deck-viewer{z-index:45;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.deck-viewer-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:52px;padding:8px 12px 8px 8px;display:flex}.deck-viewer-bar .segmented{flex:1}.deck-viewer-title{font-size:15px;font-weight:650}.deck-viewer-body{scrollbar-gutter:stable;flex:1;min-height:0;padding:16px 16px 24px;overflow-y:auto}.deck-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.deck-intro>div{flex:190px;min-width:0}.deck-intro h2{letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:22px;display:flex}.deck-intro .deck-description{color:var(--ink-2);margin:4px 0 6px;font-size:13px}.deck-stats{color:var(--muted);margin:0;font-size:12px}.curve{flex:none;margin:0}.curve figcaption{color:var(--muted);margin-bottom:6px;font-size:11px}.curve-plot,.curve-axis{gap:6px;padding:0 2px;display:flex}.curve-plot{border-bottom:1px solid var(--line-strong);align-items:flex-end}.curve-col{flex-direction:column;justify-content:flex-end;align-items:center;width:16px;display:flex}.curve-value{color:var(--ink-2);margin-bottom:3px;font-size:10.5px;line-height:1}.curve-bar{background:var(--ink-2);border-radius:4px 4px 0 0;width:12px}.curve-axis span{text-align:center;width:16px;color:var(--muted);padding-top:3px;font-size:10.5px}.deck-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:6px;margin:20px 0 8px;font-size:11.5px;font-weight:650;display:flex}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;display:grid}.deck-card{aspect-ratio:5/7;width:100%}.deck-card .copies{z-index:3;background:var(--surface);color:var(--ink);letter-spacing:-.02em;border-radius:999px;padding:0 6px;font-size:12px;font-weight:750;line-height:1.3;position:absolute;top:5px;right:5px;box-shadow:0 1px 3px #0000006b}.fx-layer{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:hidden}.fx-hurt{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--bad) 70%, transparent), inset 0 0 70px 12px color-mix(in srgb, var(--bad) 42%, transparent);animation:fx-hurt calc(.85s * var(--fx-time)) ease-out calc(var(--fx-delay,0s) * var(--fx-time)) both;position:absolute;inset:0}@keyframes fx-hurt{0%{opacity:0}14%{opacity:1}to{opacity:0}}.fx-reveal{max-width:calc(100% - 32px);animation:fx-reveal calc(1.6s * var(--fx-time)) cubic-bezier(.2, .8, .2, 1) both;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;translate:-50%}.fx-reveal.top{top:9%}.fx-reveal.bottom{bottom:30%}.fx-reveal-caption,.fx-reveal-target{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;font-size:12px;font-weight:650;overflow:hidden}.fx-reveal-caption{background:var(--ink);color:var(--bg);padding:3px 10px}.fx-reveal-target{background:var(--surface);color:var(--ink-2);border:1px solid var(--line-strong);box-shadow:var(--shadow);padding:2px 9px}.fx-reveal-card{cursor:default;width:92px;height:128px;box-shadow:var(--shadow-lift)}.fx-reveal.counter .fx-reveal-card,.fx-reveal.fizzle .fx-reveal-card{filter:grayscale()}.fx-reveal.counter .fx-reveal-caption{background:var(--bad);color:#fff}.fx-reveal.fizzle .fx-reveal-caption{background:var(--muted);color:#fff}@keyframes fx-reveal{0%{opacity:0;scale:.55}14%{opacity:1;scale:1.06}22%{scale:1}82%{opacity:1;scale:1}to{opacity:0;scale:.92}}.toast{background:var(--ink);color:var(--bg);z-index:50;text-align:center;border-radius:999px;max-width:90%;padding:8px 14px;font-size:13px;animation:.15s ease-out fade-in;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}@media (width>=420px){:root{--card-w:74px;--card-h:102px;--hand-w:86px;--hand-h:120px}}@media (height<=700px){:root{--card-w:58px;--card-h:80px;--hand-w:72px;--hand-h:100px}.center{min-height:60px}.fx-reveal.top{top:5%}.fx-reveal-card{width:74px;height:104px}.mini .name{font-size:9.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.deck-box *,.deck-option{transition-delay:0s!important}}
