:root{--ink-0: #070b12;--ink-1: #0c121d;--ink-2: #121a28;--ink-3: #1a2336;--ink-4: #25314a;--line: #2c3a55;--line-soft: #22304880;--brass: #c79a4b;--brass-hi: #e6c982;--brass-dim: #8a6f3a;--gold-glow: #f0d089;--vermil: #d8542f;--vermil-hi: #ff7a4d;--paper: #e9e3d4;--paper-dim: #98a3b5;--paper-faint: #5d6a82;--cyan: #6fc6e8;--atk: #e0673a;--def: #5a9bd4;--good: #6fbf73;--mono: "SF Mono", ui-monospace, "Roboto Mono", Menlo, Consolas, monospace;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--card-h: clamp(66px, 9vh, 116px);--card-w: calc(var(--card-h) * .64);--card-r: 6px;--slot-gap: clamp(4px, .5vw, 7px);--card-h-mkt: clamp(96px, 13vh, 158px);--card-w-mkt: calc(var(--card-h-mkt) * .64);--card-h-hand: clamp(92px, 13.4vh, 156px);--card-w-hand: calc(var(--card-h-hand) * .64);--radius: 10px;--shadow-1: 0 2px 8px #0008;--shadow-2: 0 8px 30px #000a;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(85% 65% at 50% 40%,#c79a4b08,transparent 62%),radial-gradient(140% 100% at 50% -20%,#1d2c4a 0%,var(--ink-1) 55%,var(--ink-0) 100%);color:var(--paper);font-family:var(--ui);font-size:13px;line-height:1.4;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 50%,transparent 52%,#0008 100%);mix-blend-mode:multiply}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2000;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}#app{position:relative;z-index:1;height:100vh}a{color:var(--brass)}button{font-family:var(--ui);cursor:pointer}.mono{font-family:var(--mono)}.muted{color:var(--paper-faint)}.dmg{color:var(--vermil-hi);font-weight:600}.good{color:var(--good);font-weight:600}.t{color:var(--brass-hi);font-weight:600}.panel{position:relative;background:radial-gradient(110% 90% at 50% 0%,#ffffff05,transparent 55%),linear-gradient(180deg,#18213340,#0c121d80),var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1),inset 0 1px #ffffff0a,inset 0 -1px #0005}.panel-title{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);padding:8px 12px 6px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--brass);box-shadow:0 0 6px var(--gold-glow)}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:9px 16px;border-radius:7px;border:1px solid var(--brass-dim);background:linear-gradient(180deg,#2a3650,#18223a);color:var(--paper);transition:.15s var(--ease);text-transform:uppercase}.btn:hover{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass-dim),0 4px 14px #0006;color:var(--brass-hi)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.btn-primary{background:linear-gradient(180deg,var(--vermil),#a8341a);border-color:var(--vermil-hi);color:#fff;font-weight:600}.btn-primary:hover{box-shadow:0 0 18px #d8542f70;color:#fff}.btn-gold{background:linear-gradient(180deg,var(--brass-hi),var(--brass-dim));border-color:var(--gold-glow);color:#2a1d08;font-weight:700}.btn-ghost{background:#ffffff05;border-color:var(--line)}.btn-danger{border-color:var(--vermil);color:var(--vermil-hi);background:#2a141040}.btn-danger:hover{background:var(--vermil);color:#fff}.btn-block{display:block;width:100%;text-align:center}.field-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:5px;display:block}.input{width:100%;padding:11px 13px;border-radius:8px;background:var(--ink-0);border:1px solid var(--line);color:var(--paper);font-size:14px;font-family:var(--ui);transition:.15s var(--ease)}.input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #c79a4b22}.input::placeholder{color:var(--paper-faint)}.overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#04070ccc;backdrop-filter:blur(4px);animation:fade .2s var(--ease)}.modal{min-width:300px;max-width:90vw;background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--brass-dim);border-radius:14px;box-shadow:var(--shadow-2),inset 0 1px #ffffff10;padding:26px 28px;text-align:center}.modal h2{font-family:var(--mono);font-size:20px;letter-spacing:.18em;color:var(--brass-hi);text-transform:uppercase;margin-bottom:8px}.modal p{color:var(--paper-dim);margin-bottom:6px}.modal-row{display:flex;gap:10px;margin-top:18px;justify-content:center}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal{animation:pop .22s var(--ease)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.card{--cw: var(--card-w);--ch: var(--card-h);position:relative;width:var(--cw);height:var(--ch);flex:0 0 auto;border-radius:var(--card-r);background-size:100% 100%;background-repeat:no-repeat;font-size:calc(var(--cw) * .135);color:var(--paper);box-shadow:var(--shadow-1);transition:transform .14s var(--ease),box-shadow .14s var(--ease),filter .14s var(--ease);user-select:none}.card--mkt{--cw: var(--card-w-mkt);--ch: var(--card-h-mkt)}.card--hand{--cw: var(--card-w-hand);--ch: var(--card-h-hand)}.card-cost{position:absolute;top:1%;right:1.5%;left:auto;width:1.55em;height:1.55em;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:1.05em;color:#fff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff5,transparent 60%),var(--vermil);border:1.5px solid #fff8;box-shadow:0 1px 3px #000a;z-index:3}.card--mon .card-cost{background:radial-gradient(circle at 35% 30%,#fff5,transparent 60%),#b8442a}.card--spell .card-cost,.card--starter .card-cost{background:radial-gradient(circle at 35% 30%,#fff5,transparent 60%),#2f6ea8}.card--trap .card-cost{background:radial-gradient(circle at 35% 30%,#fff5,transparent 60%),#3f8a4a}.card-name{position:absolute;top:3%;left:8%;right:23%;height:8.8%;display:flex;align-items:center;justify-content:flex-start;font-weight:800;font-size:.54em;line-height:1;letter-spacing:-.02em;color:#100c06;text-shadow:0 1px 1px rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name--long{font-size:.42em;white-space:normal;line-height:1.02}.card-play{position:absolute;top:12%;right:2%;padding:0 .45em;height:1.3em;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:.72em;color:#fff;border-radius:9px;background:linear-gradient(180deg,#7b5cc9,#4f3591);border:1px solid #fff7;box-shadow:0 1px 3px #000a;z-index:3}.card-art{position:absolute;top:16.5%;left:7.5%;right:7.5%;height:47%;border-radius:3px;background:radial-gradient(120% 90% at 50% 30%,#2c3a55,#0c1320 90%);box-shadow:inset 0 0 12px #000a,inset 0 0 0 1px #ffffff10;overflow:hidden}.card-art img{width:100%;height:100%;display:block;object-fit:cover}.card-art:after{content:"◆";position:absolute;inset:0;display:grid;place-items:center;color:#ffffff14;font-size:1.8em}.card-art:has(img):after{content:none}.card-eff{position:absolute;left:9%;right:9%;top:68%;height:17.3%;font-size:.45em;line-height:1.12;color:#2a2114;text-align:center;overflow:hidden;word-break:keep-all;display:flex;align-items:center;justify-content:center}.card-eff--small{font-size:.38em;line-height:1.1}.card-eff--tiny{font-size:.33em;line-height:1.08}.card--spell .card-eff,.card--trap .card-eff,.card--starter .card-eff{height:28.3%}.ad-atk,.ad-def{position:absolute;top:87.4%;height:9%;width:22%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.92em;line-height:1;color:#100c06;text-shadow:0 1px 1px rgba(255,255,255,.5)}.ad-atk{left:22%}.ad-def{left:71%}.card.is-playable,.card.is-buyable{cursor:pointer}.card.is-playable:hover,.card.is-buyable:hover{transform:translateY(-6px);box-shadow:0 10px 24px #000a;filter:brightness(1.08)}.card.is-playable:after,.card.is-buyable:after{content:"";position:absolute;inset:-2px;border-radius:var(--card-r);box-shadow:0 0 0 1.5px var(--brass-hi),0 0 14px #f0d08955;pointer-events:none}.card.is-dim{filter:grayscale(.55) brightness(.62)}.card.is-attacker{cursor:pointer}.card.is-attacker:after{content:"";position:absolute;inset:-2px;border-radius:var(--card-r);box-shadow:0 0 0 1.5px var(--vermil-hi),0 0 14px #ff7a4d66;pointer-events:none;animation:attackerPulse 1.1s infinite}@keyframes attackerPulse{0%,to{opacity:.55}50%{opacity:1}}.card.is-targetable{cursor:crosshair}.card.is-targetable:after{content:"";position:absolute;inset:-2px;border-radius:var(--card-r);box-shadow:0 0 0 2px var(--vermil-hi),0 0 16px #ff7a4d88;pointer-events:none;animation:attackerPulse .8s infinite}.card.is-exhausted{filter:grayscale(.7) brightness(.6)}.card .badge{position:absolute;bottom:2%;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.66em;letter-spacing:.1em;background:var(--vermil);color:#fff;padding:1px 6px;border-radius:3px;text-transform:uppercase;z-index:3}.card--back{background-size:100% 100%;box-shadow:var(--shadow-1)}.tribe-tag{position:absolute;top:14.5%;left:50%;transform:translate(-50%);font-size:.62em;font-weight:700;letter-spacing:.02em;color:#f6e7b6;background:#2a1c44dd;border:1px solid var(--brass-dim);border-radius:4px;padding:1px 6px;cursor:pointer;z-index:4;white-space:nowrap}.tribe-tag:hover{background:var(--brass);color:#2a1d08;border-color:var(--gold-glow)}.slot{width:var(--cw, var(--card-w));height:var(--ch, var(--card-h));flex:0 0 auto;border-radius:var(--card-r);border:1px solid #ffffff09;background:radial-gradient(120% 90% at 50% 0%,#ffffff04,transparent 60%),linear-gradient(180deg,#080d16,#0c1220);display:grid;place-items:center;box-shadow:inset 0 2px 7px #000a,inset 0 0 0 1px #00000070,0 1px #ffffff05;position:relative}.slot:after{content:"◆";color:#3a4c6e3a;font-size:calc(var(--cw, var(--card-w)) * .34);text-shadow:0 1px 1px #000,0 0 10px #00000080}.slot.is-bought:after{content:"구매됨";font-size:.6rem;letter-spacing:.15em;color:var(--paper-faint)}.slot.is-active{border-color:var(--brass-dim);box-shadow:inset 0 0 12px #c79a4b22}.pile{position:relative;width:var(--card-w);height:var(--card-h);flex:0 0 auto;cursor:default}.pile-card{position:absolute;inset:0;border-radius:var(--card-r);background-size:100% 100%;border:1px solid #00000090;box-shadow:0 2px 8px #0009,inset 0 0 0 1px #ffffff0a}.pile.is-empty .pile-card{background:var(--ink-1);border:1px dashed var(--line)}.pile-count{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;color:var(--brass);font-weight:700}.pile-tag{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--paper-faint);text-transform:uppercase;white-space:nowrap}.pile.flash .pile-card{animation:pileFlash .5s var(--ease)}@keyframes pileFlash{50%{box-shadow:0 0 16px var(--gold-glow),var(--shadow-1);filter:brightness(1.4)}}.game{height:100vh;display:grid;grid-template-rows:auto 1fr;padding:5px 12px 6px;gap:4px;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:1px 4px 6px;position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--brass-dim) 20%,var(--gold-glow) 50%,var(--brass-dim) 80%,transparent);opacity:.65}.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:26px;height:26px;transform:rotate(45deg);border:2px solid var(--brass);position:relative;box-shadow:0 0 12px #c79a4b30,inset 0 0 6px #c79a4b28}.brand .mark:after{content:"";position:absolute;inset:4px;background:linear-gradient(135deg,var(--brass-hi),var(--brass-dim));box-shadow:0 0 10px var(--gold-glow)}.brand h1{font-family:var(--mono);font-weight:600;font-size:19px;letter-spacing:.42em;background:linear-gradient(180deg,#f4e2b0 8%,var(--brass) 55%,var(--brass-dim));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px #c79a4b28)}.topbar .turn-info{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--paper-dim)}.topbar .turn-info b{color:var(--vermil-hi)}.gear{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff05;color:var(--paper-dim)}.gear:hover{color:var(--brass);border-color:var(--brass-dim)}.stage{display:grid;grid-template-columns:1fr 296px;gap:10px;min-height:0;overflow:hidden}.board-col{display:grid;grid-template-rows:auto auto 1fr auto auto;gap:5px;min-height:0;align-content:start}.opp-hand{display:flex;justify-content:center;height:22px;margin-top:-3px;position:relative;z-index:40}.opp-hand .card--back{width:44px;height:70px;margin:0 -14px;transform-origin:bottom center}.prow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.field-block{position:relative;background:radial-gradient(130% 120% at 50% 0%,#ffffff06,transparent 55%),linear-gradient(180deg,#16203466,#090e1899);border:1px solid #31405f;border-radius:12px;padding:5px 10px;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0006,inset 0 0 32px #0004,0 6px 20px #0005}.field-block:before{content:"";position:absolute;inset:3px;border-radius:9px;pointer-events:none;opacity:.45;--ck: linear-gradient(var(--brass-dim), var(--brass-dim));background:var(--ck) top left / 14px 1px no-repeat,var(--ck) top left / 1px 14px no-repeat,var(--ck) top right / 14px 1px no-repeat,var(--ck) top right / 1px 14px no-repeat,var(--ck) bottom left / 14px 1px no-repeat,var(--ck) bottom left / 1px 14px no-repeat,var(--ck) bottom right/ 14px 1px no-repeat,var(--ck) bottom right/ 1px 14px no-repeat;transition:opacity .3s var(--ease)}.field-block.is-turn{border-color:#c79a4b55;animation:turnGlow 3.4s ease-in-out infinite}.field-block.is-turn:before{opacity:.95;--ck: linear-gradient(var(--brass), var(--brass));filter:drop-shadow(0 0 4px #c79a4b66)}@keyframes turnGlow{0%,to{box-shadow:inset 0 1px #ffffff08,inset 0 0 26px #c79a4b10,0 0 18px #c79a4b0a,0 6px 20px #0005}50%{box-shadow:inset 0 1px #ffffff08,inset 0 0 40px #c79a4b1c,0 0 28px #c79a4b1a,0 6px 20px #0005}}.pbar{display:flex;align-items:center;gap:12px;margin-bottom:5px}.pbar .pname{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--paper);display:flex;align-items:center;gap:8px}.pbar .pname .who{width:18px;height:18px;transform:rotate(45deg);border:1.5px solid var(--brass-dim)}.pbar .turn-chip{font-size:9px;letter-spacing:.14em;padding:2px 7px;border-radius:4px;text-transform:uppercase;background:#ffffff0c;color:var(--paper-faint)}.pbar .turn-chip.on{background:linear-gradient(180deg,#ff6a40,var(--vermil));color:#fff;box-shadow:0 0 12px #d8542f55,inset 0 1px #ffffff40;text-shadow:0 1px 2px #0008}.hp{display:flex;align-items:center;gap:7px}.hp .lbl{font-size:9px;letter-spacing:.14em;color:var(--paper-faint)}.hp .num{font-family:var(--mono);font-weight:700;font-size:13px;min-width:58px}.hpbar{width:150px;height:10px;border-radius:6px;background:linear-gradient(180deg,#04060a,#0c1119);border:1px solid #00000090;overflow:hidden;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff0a;position:relative}.hpbar>i{display:block;height:100%;border-radius:5px;background:linear-gradient(180deg,#ff9a68,var(--vermil) 45%,#8a1f12);box-shadow:0 0 8px #d8542f55,inset 0 1px #ffd0abaa;transition:width .4s var(--ease)}.hpbar:after{content:"";position:absolute;left:1px;right:1px;top:1px;height:40%;border-radius:4px;background:linear-gradient(180deg,#ffffff22,transparent);pointer-events:none}.hp .num.hp-hit{animation:hpHit .45s}.hp .num.hp-heal{animation:hpHeal .45s}@keyframes hpHit{0%,to{color:inherit}40%{color:var(--vermil-hi);transform:scale(1.25)}}@keyframes hpHeal{0%,to{color:inherit}40%{color:var(--good);transform:scale(1.25)}}.hpbar.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.mana{display:flex;align-items:center;gap:7px;margin-left:auto}.mana .lbl{font-size:9px;letter-spacing:.14em;color:var(--paper-faint)}.pips{display:flex;gap:4px}.pip{width:13px;height:13px;transform:rotate(45deg);border:1.5px solid #2c4a66;background:#0a1422;border-radius:2px}.pip.full{background:radial-gradient(circle at 40% 30%,#bfe9ff,var(--cyan));border-color:#9fe0ff;box-shadow:0 0 7px #6fc6e8aa}.pip.locked{opacity:.3}.mana .mnum{font-family:var(--mono);font-size:12px;color:var(--cyan);font-weight:700}.zone{display:flex;gap:var(--slot-gap);justify-content:center}.zone+.zone{margin-top:5px}.zone-label{font-size:8px;letter-spacing:.18em;color:var(--paper-faint);text-transform:uppercase;writing-mode:vertical-rl;align-self:stretch;display:grid;place-items:center;opacity:.7}.trapchip-card{position:relative}.market{display:flex;justify-content:center;align-items:stretch;gap:20px;padding:6px 14px 8px;align-self:center;overflow-x:auto;border-color:#c79a4b26}.market:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 95% at 50% 30%,#c79a4b0c,transparent 70%)}.market-sub{min-width:0}.market-sub .sub-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:5px}.market-sub .sub-head .tag{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--brass);text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.market-sub .sub-head .tag:before,.market-sub .sub-head .tag:after{content:"";width:20px;height:1px}.market-sub .sub-head .tag:before{background:linear-gradient(90deg,transparent,var(--brass-dim))}.market-sub .sub-head .tag:after{background:linear-gradient(90deg,var(--brass-dim),transparent)}.market-sub .sub-head .meta{font-size:10px;color:var(--paper-faint)}.market-cards{display:flex;gap:7px;justify-content:center;flex-wrap:nowrap}.market-div{width:1px;background:linear-gradient(180deg,transparent,var(--line),transparent)}.refresh-btn{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:5px;border:1px solid var(--brass-dim);background:#ffffff08;color:var(--brass)}.refresh-btn:hover:not(:disabled){border-color:var(--brass);color:var(--brass-hi)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.hand-area{display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:var(--card-h-hand);padding-top:2px;position:relative;z-index:40}.hand{display:flex;justify-content:center;align-items:flex-end}.hand .card{margin:0 -12px;transform-origin:bottom center}.hand .card:hover{z-index:50!important}.hand.is-flat{flex-wrap:wrap;row-gap:4px}.hand.is-flat .card{margin:0 -6px}.end-turn-wrap{position:absolute;right:6px;bottom:10px}.end-turn-wrap .btn{position:relative;overflow:hidden;letter-spacing:.14em;border-color:#f0d089aa;box-shadow:0 4px 18px #d8542f35,inset 0 1px #ffffff35,inset 0 -1px #00000040}.end-turn-wrap .btn:after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:45%;background:linear-gradient(100deg,transparent,#ffffff3d,transparent);transform:skew(-20deg);transition:left .5s var(--ease);pointer-events:none}.end-turn-wrap .btn:hover:not(:disabled):after{left:135%}.logpanel{display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:linear-gradient(180deg,#141d2ecc,#0a0f1acc);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.logpanel .panel-title{position:relative;padding-bottom:8px}.logpanel .panel-title:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,var(--brass-dim),transparent 85%);opacity:.6}.log{overflow-y:auto;padding:6px 12px 10px;font-size:11.5px}.log .turn-head{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);margin:10px 0 4px;padding:4px 8px;border-left:2px solid var(--brass);background:linear-gradient(90deg,#c79a4b14,#ffffff03 70%);border-radius:0 4px 4px 0;box-shadow:inset 0 1px #ffffff06}.log .turn-head.bot{border-color:var(--vermil)}.log .ln{padding:2px 0;color:var(--paper-dim);line-height:1.35}.log .log-card{color:var(--brass-hi);cursor:pointer;text-decoration:underline dotted}.log .log-card:hover{color:var(--gold-glow)}.log-foot{padding:10px 12px;border-top:1px solid var(--line)}.target-hint{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:80;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--vermil-hi);background:#1a0f0cdd;border:1px solid var(--vermil);padding:7px 16px;border-radius:8px;box-shadow:0 4px 18px #000a}.card.summon-in{animation:summonIn .42s var(--ease)}@keyframes summonIn{0%{transform:translateY(22px) scale(.85);opacity:0}to{transform:none;opacity:1}}.card.lunge-up{animation:lungeUp .45s var(--ease);z-index:60}.card.lunge-down{animation:lungeDown .45s var(--ease);z-index:60}@keyframes lungeUp{50%{transform:translateY(-46px) scale(1.06)}}@keyframes lungeDown{50%{transform:translateY(46px) scale(1.06)}}.card.mhit{animation:mhit .4s}@keyframes mhit{0%,to{filter:none}30%{filter:brightness(1.8) drop-shadow(0 0 10px var(--vermil-hi))}}.card.mdie{animation:mdie .42s forwards;transform-origin:center}@keyframes mdie{0%{filter:brightness(1)}30%{transform:scale(1.12) rotate(2deg);filter:brightness(2.2) drop-shadow(0 0 12px var(--vermil-hi))}to{transform:scale(.4) rotate(-16deg);opacity:0;filter:brightness(.4)}}.card.summon-pop{animation:summonPop .56s var(--ease);z-index:40}@keyframes summonPop{0%{transform:translateY(14px) scale(.7);opacity:0;filter:brightness(1.6)}45%{transform:translateY(-8px) scale(1.12);opacity:1;filter:brightness(1.5) drop-shadow(0 0 12px var(--brass-hi))}70%{transform:translateY(2px) scale(.97)}to{transform:none;filter:none}}.card--back.trap-land{animation:trapLand .25s var(--ease);box-shadow:0 0 16px var(--good)}@keyframes trapLand{0%{transform:scale(.7)}50%{transform:scale(.78) rotate(-3deg)}to{transform:scale(.7)}}.card.fx-dissolve{animation:fxDissolve .42s var(--ease) forwards}@keyframes fxDissolve{0%{transform:scale(1.25);filter:brightness(1)}40%{transform:scale(1.32);filter:brightness(1.9) drop-shadow(0 0 14px var(--brass-hi))}to{transform:scale(1.5);opacity:0;filter:brightness(2.4) blur(3px)}}.card.trap-flip{animation:trapFlip .5s var(--ease);box-shadow:0 0 22px var(--vermil-hi)}@keyframes trapFlip{0%{transform:rotateY(90deg) scale(1.05);filter:brightness(2)}55%{transform:rotateY(0) scale(1.12);filter:brightness(1.6)}to{transform:scale(1)}}.card.drawing{animation:drawIn .5s var(--ease);backface-visibility:hidden}@keyframes drawIn{0%{transform:translate(-70px) translateY(-6px) rotateY(88deg) scale(.82);opacity:0;filter:brightness(1.7)}55%{transform:translate(0) rotateY(-14deg) scale(1.04);opacity:1;filter:brightness(1.25)}to{transform:none;filter:none}}.floater{position:fixed;z-index:120;font-family:var(--mono);font-weight:800;font-size:22px;pointer-events:none;animation:floatUp 1.1s var(--ease) forwards;text-shadow:0 2px 6px #000}.floater.dmg{color:var(--vermil-hi)}.floater.heal{color:var(--good)}@keyframes floatUp{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-38px)}}.flycard{position:fixed;z-index:110;border-radius:6px;background-size:100% 100%;pointer-events:none;box-shadow:var(--shadow-2)}.zoom-overlay{position:fixed;inset:0;z-index:130;background:#04070cdd;backdrop-filter:blur(5px);display:grid;place-items:center;cursor:zoom-out}.zoom-wrap{display:flex;align-items:center;gap:28px}.zoom-overlay .card{--cw: 400px;--ch: 640px;box-shadow:var(--shadow-2)}.zoom-tribe{max-width:280px;text-align:left;color:var(--paper);background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--brass-dim);border-radius:12px;padding:18px 20px;box-shadow:var(--shadow-2)}.zoom-tribe h3{font-family:var(--mono);color:var(--brass-hi);letter-spacing:.14em;margin-bottom:8px}.zoom-tribe .note{color:var(--vermil-hi);font-size:12px;margin-bottom:10px}.zoom-tribe .b{font-size:13px;line-height:1.7}.chest-reward{font-size:40px;margin:10px 0;animation:pop .4s var(--ease)}.treasure-roll{font-family:var(--mono);font-size:16px;color:var(--gold-glow);letter-spacing:.1em;margin-bottom:4px}.fx-banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.85);z-index:150;pointer-events:none;text-align:center;padding:14px 42px;border-radius:12px;background:linear-gradient(180deg,#1a2233ee,#0a0f1aee);border:1px solid var(--brass-dim);box-shadow:0 10px 40px #000c,inset 0 1px #ffffff10;animation:fxBannerIn .3s var(--ease) forwards}.fx-banner.trap{border-color:var(--vermil);box-shadow:0 0 34px #d8542f44,0 10px 40px #000c}.fx-banner.danger{border-color:var(--vermil-hi)}.fx-banner.out{animation:fxBannerOut .26s var(--ease) forwards}.fx-banner-main{font-family:var(--mono);font-weight:800;font-size:26px;letter-spacing:.18em;color:var(--paper);text-shadow:0 2px 10px #000}.fx-banner.trap .fx-banner-main{color:var(--vermil-hi)}.fx-banner-sub{margin-top:4px;font-size:14px;color:var(--brass-hi);letter-spacing:.06em}@keyframes fxBannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fxBannerOut{to{opacity:0;transform:translate(-50%,-54%) scale(.92)}}.fx-ghost-pop{animation:fxGhostPop .4s var(--ease)}@keyframes fxGhostPop{0%{filter:brightness(2) drop-shadow(0 0 14px var(--brass-hi))}to{filter:none}}.fx-result{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:150;cursor:pointer;text-align:center;min-width:260px;max-width:440px;padding:18px 30px;border-radius:14px;background:linear-gradient(180deg,#1d2333f2,#0b101cf2);border:1px solid var(--gold-glow);box-shadow:0 0 40px #c79a4b33,0 14px 44px #000d,inset 0 1px #ffffff12;animation:fxResultIn .32s var(--ease) forwards}.fx-result.opp{top:24%;min-width:210px;padding:11px 22px;border-color:var(--brass-dim);box-shadow:0 8px 30px #000b}.fx-result.out{animation:fxBannerOut .26s var(--ease) forwards}.fx-result-title{font-family:var(--mono);font-weight:700;font-size:16px;letter-spacing:.1em;color:var(--gold-glow);margin-bottom:8px}.fx-result.opp .fx-result-title{font-size:13px;margin-bottom:5px;color:var(--brass-hi)}.fx-result-line{font-size:14px;color:var(--paper);line-height:1.65}.fx-result.opp .fx-result-line{font-size:12px}@keyframes fxResultIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(-1.5deg)}60%{transform:translate(-50%,-50%) scale(1.06)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fx-mana-aura{position:fixed;z-index:149;pointer-events:none;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 #6fc6e8cc;animation:fxManaAura 1s var(--ease) 2}.fx-mana-aura.out{opacity:0;transition:opacity .3s}@keyframes fxManaAura{0%{box-shadow:0 0 #6fc6e8bb}to{box-shadow:0 0 24px 60px #6fc6e800}}.fx-mana-p{position:fixed;z-index:150;pointer-events:none;width:11px;height:11px;background:radial-gradient(circle at 40% 30%,#d8f4ff,var(--cyan));border:1px solid #bfe9ff;transform:rotate(45deg);box-shadow:0 0 10px #6fc6e8;animation:fxManaP 1.15s var(--ease) both}@keyframes fxManaP{0%{opacity:0;translate:var(--sx) var(--sy);scale:.4}25%{opacity:1;scale:1.15}85%{opacity:1}to{opacity:0;translate:0 0;scale:.5}}.fx-pip-wave .pip.full{animation:fxPipPulse .55s var(--ease) 3}@keyframes fxPipPulse{50%{box-shadow:0 0 16px #9fe0ff;filter:brightness(1.9);transform:rotate(45deg) scale(1.25)}}.fx-hp-bloom{animation:fxHpBloom .7s var(--ease) 3}@keyframes fxHpBloom{50%{box-shadow:0 0 22px var(--good),inset 0 2px 4px #000c}}.fx-hp-p{position:fixed;z-index:150;pointer-events:none;color:var(--good);font-weight:800;font-size:15px;text-shadow:0 0 10px var(--good);animation:fxHpP 1.4s var(--ease) both}@keyframes fxHpP{0%{opacity:0;transform:translateY(6px) scale(.6)}25%{opacity:1;transform:translateY(-8px) scale(1.1)}to{opacity:0;transform:translateY(-46px) scale(.8)}}.fx-gain-label{position:fixed;z-index:151;pointer-events:none;transform:translate(-50%,-100%);font-family:var(--mono);font-weight:800;font-size:21px;letter-spacing:.08em;padding:6px 18px;border-radius:10px;white-space:nowrap;background:#0b101cee;border:1px solid;animation:fxGainIn .45s var(--ease) forwards}.fx-gain-label.mana{color:#bfe9ff;border-color:var(--cyan);box-shadow:0 0 24px #6fc6e855}.fx-gain-label.hp{color:var(--good);border-color:var(--good);box-shadow:0 0 24px #4caf7a55}.fx-gain-label.out{transition:opacity .3s,transform .3s;opacity:0;transform:translate(-50%,-140%)}@keyframes fxGainIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}60%{transform:translate(-50%,-110%) scale(1.12)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.fx-death-vignette{position:fixed;inset:0;z-index:148;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#2a0505cc 100%);animation:fxVignette .5s ease-out forwards}.fx-death-vignette.win{background:radial-gradient(ellipse at center,transparent 45%,#3a2a05b0 100%)}@keyframes fxVignette{0%{opacity:0}to{opacity:1}}.fx-shatter{animation:fxShatter .5s ease-in forwards}@keyframes fxShatter{0%{filter:brightness(1)}40%{filter:brightness(2.4) drop-shadow(0 0 14px var(--vermil-hi));transform:translate(-2px)}70%{transform:translate(3px)}to{filter:brightness(.35);transform:none}}.fx-shard{position:fixed;z-index:150;pointer-events:none;width:9px;height:9px;background:linear-gradient(135deg,#ff9a68,var(--vermil));clip-path:polygon(50% 0,100% 60%,20% 100%);box-shadow:0 0 8px #d8542f;animation:fxShard 1.15s ease-in both}@keyframes fxShard{0%{opacity:1;translate:0 0;rotate:0deg}to{opacity:0;translate:var(--dx) var(--dy);rotate:var(--rot)}}.fx-quake{animation:fxQuake .55s linear}@keyframes fxQuake{0%,to{transform:none}15%{transform:translate(-5px,3px)}30%{transform:translate(5px,-3px)}45%{transform:translate(-4px,-3px)}60%{transform:translate(4px,2px)}75%{transform:translate(-2px,2px)}90%{transform:translate(2px,-1px)}}.fx-verdict{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);z-index:152;pointer-events:none;text-align:center;animation:fxVerdictIn .5s var(--ease) forwards}.fx-verdict.out{transition:opacity .28s;opacity:0}.fx-verdict-main{font-family:var(--mono);font-weight:800;font-size:58px;letter-spacing:.3em;text-shadow:0 4px 30px #000}.fx-verdict.win .fx-verdict-main{color:var(--gold-glow);filter:drop-shadow(0 0 26px #c79a4b66)}.fx-verdict.lose .fx-verdict-main{color:var(--vermil-hi);filter:drop-shadow(0 0 26px #d8542f66)}.fx-verdict-sub{margin-top:10px;font-size:17px;color:var(--paper);letter-spacing:.08em;text-shadow:0 2px 8px #000}@keyframes fxVerdictIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.fx-review-fab{position:fixed;right:18px;bottom:18px;z-index:140;box-shadow:0 8px 28px #000a,0 0 18px #c79a4b33}.zone{position:relative}.card.is-dragging{opacity:.35;filter:grayscale(.5)}.drag-ghost{position:fixed;margin:0;z-index:2000;pointer-events:none;transform:translate(-50%,-58%) scale(1.07) rotate(2deg);box-shadow:0 14px 34px #0000008c}.drop-marker{position:absolute;top:2px;bottom:2px;width:3px;border-radius:2px;background:#ffd166;box-shadow:0 0 9px #ffd166d9;z-index:6;pointer-events:none}.card img{-webkit-user-drag:none;user-select:none}#hand .card.is-played{opacity:0!important;transition:opacity .18s ease-out;pointer-events:none}.card.striking{position:relative;z-index:60;will-change:transform;filter:drop-shadow(0 8px 20px rgba(0,0,0,.65))}.impact-burst{position:fixed;left:0;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;pointer-events:none;z-index:70}.impact-burst:before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.95) 0%,rgba(255,168,76,.6) 35%,transparent 70%);animation:burst-flash .34s ease-out forwards}.impact-burst.big:before{inset:-52px;animation-duration:.44s;background:radial-gradient(circle,rgba(255,244,214,1) 0%,rgba(255,140,60,.7) 38%,transparent 72%)}.impact-burst i{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:1px;background:#ffd166;box-shadow:0 0 6px #ffd166e6;animation:burst-shard .44s cubic-bezier(.2,.7,.3,1) forwards}.impact-burst.big i{width:6px;height:6px;background:#ffb15e;box-shadow:0 0 8px #ff9646f2}@keyframes burst-flash{0%{transform:scale(.3);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes burst-shard{0%{transform:translate(0);opacity:1}to{transform:translate(var(--tx),var(--ty));opacity:0}}.game.shake-soft{animation:bshake-soft .32s linear}.game.shake-hard{animation:bshake-hard .44s linear}@keyframes bshake-soft{0%,to{transform:translate(0)}25%{transform:translate(2px,-2px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,1px)}}@keyframes bshake-hard{0%,to{transform:translate(0)}12%{transform:translate(-7px,5px)}28%{transform:translate(7px,-6px)}44%{transform:translate(-6px,-4px)}60%{transform:translate(5px,5px)}76%{transform:translate(-4px,2px)}90%{transform:translate(2px,-1px)}}.tut-coach{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:120;width:min(460px,94vw);background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--brass);border-radius:12px;padding:12px 16px 14px;box-shadow:0 10px 32px #000c,inset 0 1px #ffffff10}.tut-coach-head{display:flex;align-items:center;gap:10px;margin-bottom:7px}.tut-coach-step{font-family:var(--mono);font-size:11px;color:var(--ink-0);background:var(--brass);border-radius:999px;padding:2px 9px;letter-spacing:.06em;flex:none}.tut-coach-head b{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--brass-hi)}.tut-coach-gem{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--cyan);white-space:nowrap}.tut-coach-exit{color:var(--paper-faint);cursor:pointer;font-size:13px;padding:0 2px}.tut-coach-exit:hover{color:var(--vermil-hi)}.tut-coach-body{font-size:13px;line-height:1.6;color:var(--paper-dim)}.tut-coach-body b{color:var(--paper)}.tut-coach-btn{margin-top:10px;width:100%;padding:9px}.tut-glow{box-shadow:0 0 0 2px var(--gold-glow),0 0 16px 3px #f0d08966!important;border-radius:10px;animation:tutPulse 1.3s ease-in-out infinite}@keyframes tutPulse{50%{box-shadow:0 0 0 3px var(--gold-glow),0 0 26px 7px #f0d08999}}.tut-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:140;background:linear-gradient(180deg,#223046,#141d2f);border:1px solid var(--good);border-radius:10px;padding:10px 18px;font-size:13px;color:var(--paper);box-shadow:0 8px 26px #000c;animation:tutToastIn .3s var(--ease);white-space:nowrap}.tut-toast b{color:var(--brass-hi)}.tut-toast .gem{font-family:var(--mono);color:var(--cyan);margin-left:4px}.tut-toast.out{transition:opacity .45s,transform .45s;opacity:0;transform:translate(-50%) translateY(-12px)}@media (max-width: 700px){.tut-coach{top:auto;bottom:118px}}.board-col{perspective:1400px;perspective-origin:50% 30%}#oppRow .field-block,#meRow .field-block{transform:rotateX(6.5deg)}.board-col>.market{transform:rotateX(6.5deg)}#oppRow .field-block,#meRow .field-block,.board-col>.market{will-change:transform}#meRow .field-block{box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0006,inset 0 0 32px #0004,0 14px 26px #0008}.hand .card,.market-cards .card,.zone .card{box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0005,0 1px 2px #000a,0 7px 16px #0007}.hand{perspective:950px}.hand .card{transform-style:preserve-3d}@media (pointer: fine){.hand .card.is-playable:hover,.market-cards .card.is-buyable:hover{transform:translateY(-12px) scale(1.06) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));box-shadow:inset 0 1px #ffffff1c,inset 0 -2px #0005,0 3px 6px #000b,0 18px 34px #000a,0 0 18px #c79a4b22;filter:brightness(1.1)}.card.tilt-live:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;background:radial-gradient(190px circle at var(--gx, 50%) var(--gy, 20%),#ffffff2e,#ffffff08 45%,transparent 70%);mix-blend-mode:screen}}.flip3d{transform-style:preserve-3d;transform:perspective(950px) rotateY(0);transition:transform .55s cubic-bezier(.3,.7,.3,1.15)}.flip3d.flipping{transform:perspective(950px) rotateY(180deg) scale(1.3)}.flip3d.flip-away{transform:perspective(950px) rotateY(180deg) scale(.45)}.flip3d-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip3d-back{position:absolute;left:0;top:0}.flip3d-front{position:absolute;left:0;top:0;width:100%!important;height:100%!important;transform:rotateY(180deg)}.screen{height:100vh;display:grid;place-items:center;padding:24px;position:relative}.topright-lang{position:absolute;top:22px;right:26px;z-index:5}.lang-select select{background:var(--ink-2);color:var(--paper);border:1px solid var(--line);border-radius:7px;padding:6px 11px;font-family:var(--ui);font-size:13px;cursor:pointer}.lang-select select:focus{outline:none;border-color:var(--brass)}.screen-brand{position:absolute;top:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.screen-brand .mark{width:30px;height:30px;transform:rotate(45deg);border:2px solid var(--brass);position:relative}.screen-brand .mark:after{content:"";position:absolute;inset:5px;background:var(--brass);box-shadow:0 0 12px var(--gold-glow)}.screen-brand h1{font-family:var(--mono);font-size:26px;letter-spacing:.5em;color:var(--brass-hi)}.auth-card{width:360px;max-width:92vw;padding:32px 30px}.auth-card .sub{text-align:center;color:var(--paper-dim);margin-bottom:22px;font-size:12px;letter-spacing:.04em}.auth-card .form-row{margin-bottom:16px}.auth-card .btn-block{margin-top:6px;padding:12px}.auth-switch{text-align:center;margin-top:18px;font-size:12px;color:var(--paper-dim)}.auth-switch a{cursor:pointer;text-decoration:underline}.auth-error{color:var(--vermil-hi);font-size:12px;text-align:center;margin-top:12px;min-height:16px;line-height:1.5}.auth-error.ok{color:var(--good)}.auth-error a{color:inherit}.auth-links{text-align:center;margin-top:12px;font-size:12px}.auth-links a{color:var(--paper-dim);cursor:pointer;text-decoration:underline dotted}.auth-links a:hover{color:var(--brass)}.login-help{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#00000030}.login-help a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:12.5px;color:var(--paper-dim);cursor:pointer;text-decoration:none}.login-help a:hover{background:#ffffff08;color:var(--paper)}.login-help .help-sub{margin-left:auto;font-size:10.5px;color:var(--paper-faint)}.invite-box{text-align:left}.invite-box .inv-desc{color:var(--brass-hi);font-size:13px;margin-bottom:14px;text-align:center}.invite-link-row{display:flex;gap:8px;margin:8px 0 14px}.invite-link-row input{flex:1}.invite-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.invite-list .inv-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#ffffff05;border-radius:7px;font-size:12.5px}.invite-list .inv-st{font-family:var(--mono);font-size:11px;color:var(--brass)}.invite-list .inv-st.earned{color:var(--good)}.inv-note{font-size:11px;color:var(--paper-faint);text-align:center}.adm-screen{align-items:stretch}.adm{width:min(1100px,96vw);max-height:94vh;margin:0 auto;display:flex;flex-direction:column;padding:0}.adm-head{display:flex;align-items:baseline;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}.adm-head h2{font-family:var(--mono);font-size:16px;letter-spacing:.14em;color:var(--brass-hi)}.adm-sub{font-size:12px;color:var(--paper-dim)}.adm-body{overflow-y:auto;padding:16px 20px 24px}.adm-search{width:220px;margin-left:12px;padding:5px 10px;font-size:12px;display:inline-block}.adm-sticky{position:sticky;top:-16px;z-index:5;background:var(--ink-2);padding:12px 0 10px;margin:-4px 0 4px;border-bottom:1px solid var(--line)}.adm-sort .th{cursor:pointer;user-select:none;position:sticky;top:-16px;background:var(--ink-2);z-index:4}.adm-sort .th:hover{color:var(--brass-hi)}.adm-ver{display:inline-block;width:auto;padding:3px 8px;font-size:12px;margin-left:10px;vertical-align:middle}.adm-live{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px 16px;margin-bottom:16px;border:1px solid #3a6ea855;border-radius:10px;background:linear-gradient(90deg,#6fbf7314,transparent);font-size:13px}.adm-live>b{color:var(--paper);letter-spacing:.04em}.adm-live .live-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:.5}50%{opacity:1}}.adm-live .live-stat{color:var(--paper-dim)}.adm-live .live-stat b{font-family:var(--mono);color:var(--paper);font-weight:700;margin-left:3px}.adm-live .live-stat.hot b{color:var(--good)}.adm-body .form-row{max-width:340px;margin:40px auto 14px}.adm-body>button.btn-block{max-width:340px;margin:0 auto;display:block}.adm-loading,.adm-err{text-align:center;color:var(--paper-dim);padding:30px 0 10px}.adm-err{color:var(--vermil-hi)}.adm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.adm-grid section{background:#ffffff04;border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px}.adm-grid section.wide{grid-column:1 / -1}.adm-grid h3{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--brass);margin-bottom:10px}.adm-grid table{width:100%;border-collapse:collapse;font-size:12px}.adm-grid td{padding:3px 6px;color:var(--paper-dim);border-bottom:1px solid #ffffff06}.adm-grid tr.hd td{color:var(--paper-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.adm-grid td.num{text-align:right;font-family:var(--mono);color:var(--paper)}.adm-grid td.barcell{width:45%}.adm-bar{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--brass-dim),var(--brass))}.adm-grid tr.hot td{color:var(--vermil-hi)}.adm-grid tr.cold td{color:var(--def)}.adm-note{font-size:11.5px;color:var(--paper-faint);margin-top:8px}.adm-note b{color:var(--paper-dim)}.adm-gate{text-align:center;padding:60px 20px}.adm-gate p{color:var(--paper-dim);margin-bottom:18px}.adm-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto}.adm-tab{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--paper-faint);font-family:var(--mono);font-size:12px;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.adm-tab:hover{color:var(--paper-dim)}.adm-tab.on{color:var(--brass-hi);border-bottom-color:var(--brass)}.adm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.adm-kpi{background:linear-gradient(180deg,#ffffff06,#0002);border:1px solid var(--line-soft);border-radius:10px;padding:14px 16px}.adm-kpi .k-v{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--brass-hi);line-height:1.1}.adm-kpi .k-l{font-size:11px;color:var(--paper-dim);margin-top:4px;letter-spacing:.04em}.adm-kpi .k-h{font-size:10px;color:var(--paper-faint);margin-top:3px}.auth-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--paper-faint);font-size:11px;letter-spacing:.1em}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line))}.auth-or:after{background:linear-gradient(90deg,var(--line),transparent)}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;text-transform:none;letter-spacing:.02em}.google-btn svg{width:18px;height:18px;flex:0 0 auto}.auth-tabs{display:flex;gap:4px;background:var(--ink-0);border:1px solid var(--line);border-radius:9px;padding:4px;margin-bottom:22px}.auth-tabs button{flex:1;padding:8px;border:none;background:transparent;color:var(--paper-dim);font-family:var(--mono);font-size:11px;letter-spacing:.12em;border-radius:6px;text-transform:uppercase}.auth-tabs button.on{background:linear-gradient(180deg,#2a3650,#18223a);color:var(--brass-hi)}.home{width:560px;max-width:94vw;text-align:center}.home .welcome{font-family:var(--mono);color:var(--paper-dim);letter-spacing:.1em;margin-bottom:4px;font-size:12px}.home .title{font-family:var(--mono);font-size:22px;letter-spacing:.3em;color:var(--brass-hi);margin-bottom:28px}.home .modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{padding:28px 20px;text-align:center;cursor:pointer;transition:.16s var(--ease)}.mode-card:hover{transform:translateY(-4px);border-color:var(--brass);box-shadow:0 12px 30px #000a,inset 0 1px #ffffff10}.mode-card .icon{font-size:34px;margin-bottom:10px}.mode-card h3{font-family:var(--mono);font-size:14px;letter-spacing:.14em;color:var(--brass-hi);text-transform:uppercase;margin-bottom:6px}.mode-card p{font-size:12px;color:var(--paper-dim);line-height:1.4}.home .acct{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:var(--paper-faint)}.home .acct .stats{font-family:var(--mono);color:var(--brass)}.tut-card{margin-top:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;transition:.16s var(--ease)}.tut-card:hover{transform:translateY(-3px);border-color:var(--brass);box-shadow:0 10px 26px #000a,inset 0 1px #ffffff10}.tut-card .tut-emoji{font-size:26px}.tut-card .tut-txt{display:flex;flex-direction:column;gap:2px}.tut-card .tut-txt b{font-family:var(--mono);font-size:13px;letter-spacing:.12em;color:var(--brass-hi);text-transform:uppercase}.tut-card .tut-txt span{font-size:12px;color:var(--paper-dim)}.tut-card .tut-arrow{margin-left:auto;color:var(--brass);font-size:18px}.tut-screen{align-items:stretch}.tut{width:min(840px,94vw);max-height:92vh;margin:0 auto;display:flex;flex-direction:column}.tut-head{display:flex;align-items:center;gap:16px;padding:4px 2px 14px;border-bottom:1px solid var(--line)}.tut-head h2{font-family:var(--mono);font-size:18px;letter-spacing:.22em;color:var(--brass-hi);text-transform:uppercase}.tut-body{overflow-y:auto;padding:18px 4px 10px;-webkit-overflow-scrolling:touch}.tut-sec{margin-bottom:20px}.tut-sec h3{font-family:var(--mono);font-size:14px;letter-spacing:.08em;color:var(--brass);margin-bottom:8px;display:flex;align-items:center;gap:9px}.tut-sec .tut-ico{font-size:17px}.tut-sec p{color:var(--paper-dim);line-height:1.65;margin-bottom:6px;font-size:13.5px}.tut-sec p b{color:var(--paper);font-weight:700}.tut-cta{display:flex;justify-content:center;padding:8px 0 20px}.home .acct .credits{font-family:var(--mono);color:var(--cyan);letter-spacing:.04em}.tut-inter{background:var(--ink-2);border:1px solid var(--brass-dim);border-radius:12px;padding:16px 18px 4px}.tut-inter>p{font-size:13px}.tut-steps{list-style:none;margin:12px 0 4px;display:flex;flex-direction:column;gap:6px}.tut-steps li{display:flex;align-items:center;gap:10px;background:var(--ink-1);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--paper-dim)}.tut-steps li.claimed{opacity:.75;border-color:var(--good)}.tut-step-n{font-family:var(--mono);font-size:11px;color:var(--brass);border:1px solid var(--brass-dim);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;flex:none}.tut-step-t{color:var(--paper)}.tut-step-r{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--cyan);white-space:nowrap}.tut-steps li.claimed .tut-step-r{color:var(--good)}.tut-rules-h{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--paper-faint);text-transform:uppercase;margin:22px 0 14px;border-bottom:1px solid var(--line);padding-bottom:8px}.lobby{text-align:center}.lobby .spinner{width:54px;height:54px;margin:0 auto 22px;border:3px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby h2{font-family:var(--mono);letter-spacing:.2em;color:var(--brass-hi);margin-bottom:8px}.lobby p{color:var(--paper-dim);margin-bottom:22px}.cards-screen{align-items:stretch}.cards{width:min(1040px,96vw);max-height:94vh;margin:0 auto;display:flex;flex-direction:column}.cards-head{display:flex;align-items:center;gap:16px;padding:4px 2px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.cards-head h2{font-family:var(--mono);font-size:18px;letter-spacing:.2em;color:var(--brass-hi);text-transform:uppercase}.cards-count{font-size:12px;color:var(--paper-dim);letter-spacing:.05em;margin-left:4px}.cards-search{margin-left:auto;background:var(--ink-2);color:var(--paper);border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-family:var(--ui);font-size:13px;min-width:160px}.cards-search:focus{outline:none;border-color:var(--brass)}.cards-filters{display:flex;flex-direction:column;gap:8px;padding:12px 2px 8px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{background:var(--ink-2);color:var(--paper-dim);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:.14s var(--ease)}.chip:hover{color:var(--paper);border-color:var(--brass-dim)}.chip.is-on{background:linear-gradient(180deg,#2a3650,#18223a);color:var(--brass-hi);border-color:var(--brass)}.cards-hint{font-size:11.5px;color:var(--paper-faint);padding:2px 2px 10px}.cards-grid{overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w-mkt),1fr));justify-items:center;gap:14px 10px;padding:6px 4px 24px}.cards-grid .card{cursor:pointer}.cards-grid .card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #000b}.cards-empty{grid-column:1 / -1;text-align:center;color:var(--paper-faint);padding:40px 0;font-size:13px}.home:has(.modes-3){width:640px}.home .modes-3{grid-template-columns:repeat(3,1fr)}.mode-ranked{border-color:#c79a4b55}.mode-ranked:hover{border-color:var(--gold-glow);box-shadow:0 12px 30px #000a,0 0 22px #c79a4b22,inset 0 1px #ffffff10}.mode-card .my-tier{margin-top:10px;min-height:22px}.tier-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:2px 10px;border-radius:999px;color:var(--tc, var(--paper-dim));border:1px solid color-mix(in srgb,var(--tc, #888) 55%,transparent);background:color-mix(in srgb,var(--tc, #888) 12%,transparent);text-shadow:0 1px 2px #0008}.tier-chip b{font-weight:700}.tier-chip.tier-gm{border-color:var(--gold-glow);background:linear-gradient(90deg,#c79a4b2e,#d8542f2e);box-shadow:0 0 10px #f0d08933}.lb-screen{align-items:stretch}.lb{width:min(680px,94vw);max-height:92vh;margin:0 auto;display:flex;flex-direction:column;padding:0 0 10px}.lb-head{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}.lb-head h2{font-family:var(--mono);font-size:16px;letter-spacing:.2em;color:var(--brass-hi);text-transform:uppercase}.lb-head .lb-season{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--paper-faint);letter-spacing:.1em}.lb-list{overflow-y:auto;padding:8px 12px;min-height:120px}.lb-list .spinner{width:40px;height:40px;margin:30px auto;border:3px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin 1s linear infinite}.lb-row{display:grid;grid-template-columns:44px 1fr auto 64px 84px;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px}.lb-row:nth-child(odd){background:#ffffff04}.lb-row.is-gm{background:linear-gradient(90deg,#c79a4b14,#d8542f0e);box-shadow:inset 0 0 0 1px #c79a4b33}.lb-rank{font-family:var(--mono);font-weight:700;color:var(--paper-dim);text-align:center}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--paper)}.lb-mmr{font-family:var(--mono);font-weight:700;color:var(--brass-hi);text-align:right}.lb-wl{font-size:11.5px;color:var(--paper-faint);text-align:right}.lb-empty{text-align:center;color:var(--paper-faint);padding:40px 0}.lb-me{padding:12px 18px 8px;border-top:1px solid var(--line);font-size:12.5px;color:var(--paper-dim);text-align:center}.lb-me b{color:var(--brass-hi);font-family:var(--mono)}.avatar{position:relative;width:var(--avs, 40px);height:var(--avs, 40px);border-radius:50%;flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden;border:2px solid var(--brass-dim);background:linear-gradient(160deg,#1b2436,#0d1320);box-shadow:0 2px 8px #0008,inset 0 1px #ffffff14}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}.avatar-fb{font-family:var(--mono);font-weight:700;color:var(--brass);font-size:calc(var(--avs, 40px) * .42)}.avatar:has(img) .avatar-fb{visibility:hidden}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;letter-spacing:.04em;color:var(--bc, var(--brass));border:1px solid color-mix(in srgb,var(--bc, #c79a4b) 55%,transparent);background:color-mix(in srgb,var(--bc, #c79a4b) 12%,transparent);white-space:nowrap}.badge-chip.badge-sm{font-size:9.5px;padding:1.5px 7px}.home-id{display:inline-flex;align-items:center;gap:12px;margin:2px auto 14px;padding:8px 18px 8px 10px;border-radius:40px;border:1px solid var(--line);background:#ffffff06;cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.home-id:hover{border-color:var(--brass-dim);background:#ffffff0b;transform:translateY(-1px)}.home-id-name{font-family:var(--mono);font-size:20px;letter-spacing:.1em;color:var(--paper);font-weight:700}.fr-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--vermil);color:#fff;font-size:10px;font-weight:700;margin-left:5px;vertical-align:2px}.pf-loading{text-align:center;color:var(--paper-faint);padding:30px 0}.pf-head{display:flex;align-items:center;gap:16px}.pf-ava{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:50%}.pf-ava:disabled{cursor:default}.pf-ava-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brass);color:#14100a;font-size:12px;border:2px solid var(--ink-1)}.pf-id{min-width:0}.pf-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-name{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--paper);letter-spacing:.06em}.pf-badge-row{margin-top:4px}.pf-nobadge{font-size:11px;color:var(--paper-faint)}.pf-joined{margin-top:5px;font-size:11px;color:var(--paper-faint)}.pf-rename{display:flex;gap:8px;margin-top:12px}.pf-rename .input{flex:1}.btn-mini{font-size:11px;padding:4px 10px}.pf-stats{display:flex;gap:10px;flex-wrap:wrap}.pf-stat{flex:1;min-width:74px;text-align:center;padding:10px 8px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;display:grid;gap:2px}.pf-stat b{font-family:var(--mono);font-size:19px;color:var(--paper)}.pf-stat span{font-size:10px;letter-spacing:.12em;color:var(--paper-faint)}.pf-stat-tier{display:grid;place-items:center}.pf-badges{display:grid;gap:8px}.pf-badge{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;justify-content:space-between}.pf-badge.locked{opacity:.5}.pf-badge.equipped{border-color:var(--brass-dim);background:#c79a4b12}.pf-badge-lock{font-size:10.5px;color:var(--paper-faint)}.pf-matches{display:grid;gap:6px}.pf-match{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#ffffff04;font-size:12.5px}.pf-m-res{font-family:var(--mono);font-weight:700;min-width:44px}.pf-win .pf-m-res{color:var(--good)}.pf-loss .pf-m-res{color:var(--vermil-hi)}.pf-draw .pf-m-res{color:var(--paper-dim)}.pf-m-opp{color:var(--paper);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-m-meta{color:var(--paper-faint);font-size:11px;white-space:nowrap}.pf-mini-modal{min-width:320px}.pf-mini-modal .pf-name{font-size:17px}.ava-modal{max-width:560px}.ava-grid{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-height:52vh;overflow:auto;margin:14px 0 4px;padding:4px}.ava-opt{border:none;background:none;padding:2px;cursor:pointer;border-radius:50%;transition:transform .12s}.ava-opt:hover{transform:scale(1.12)}.ava-opt.sel .avatar{border-color:var(--gold-glow);box-shadow:0 0 0 2px var(--gold-glow),0 2px 8px #0008}.fr-add{display:flex;gap:8px}.fr-add .input{flex:1;min-width:0}.fr-add-msg{margin-top:8px;font-size:12px;color:var(--brass);min-height:16px}.fr-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff04}.fr-row+.fr-row{margin-top:7px}.fr-info{flex:1;min-width:0;display:grid;gap:2px}.fr-name{color:var(--paper);font-size:13.5px;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap}.fr-state{font-size:10.5px;color:var(--paper-faint);display:flex;align-items:center;gap:5px}.fr-state:before{content:"";width:7px;height:7px;border-radius:50%;background:#4a5568}.fr-state.on{color:var(--good)}.fr-state.on:before{background:var(--good);box-shadow:0 0 6px var(--good)}.fr-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.fr-x{padding:4px 8px}.fr-wait{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--paper-dim)}.set-row{display:flex;align-items:center;gap:12px;padding:6px 0}.set-label{flex:1;color:var(--paper);font-size:13.5px}.set-val{font-family:var(--mono);color:var(--paper-dim);font-size:13px}.set-desc{font-size:11.5px;color:var(--paper-faint);margin-top:2px}.set-row input[type=range]{flex:2;accent-color:var(--brass)}.switch{position:relative;width:44px;height:24px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;border-radius:24px;background:#2a3346;border:1px solid var(--line);cursor:pointer;transition:background .2s,border-color .2s}.switch .slider:before{content:"";position:absolute;left:3px;top:50%;width:17px;height:17px;border-radius:50%;background:#8a93a5;transform:translateY(-50%);transition:left .2s,background .2s}.switch input:checked+.slider{background:#c79a4b40;border-color:var(--brass-dim)}.switch input:checked+.slider:before{left:22px;background:var(--brass);box-shadow:0 0 8px #c79a4b88}.bill-plan{margin-top:10px;padding:14px 16px;border-radius:12px;border:1px solid var(--brass-dim);background:linear-gradient(160deg,#c79a4b14,#ffffff03)}.bill-plan-name{font-family:var(--mono);letter-spacing:.22em;color:var(--brass-hi);font-size:13px;margin-bottom:6px}.bill-plan-desc{font-size:12.5px;color:var(--paper-dim);margin-bottom:12px;line-height:1.6}.log-fab{display:none}*{-webkit-tap-highlight-color:transparent}@media (orientation: portrait) and (max-width: 860px){body,#app,.game,.screen{height:100dvh}:root{--card-h: clamp(50px, 13.2vw, 104px);--card-h-mkt: clamp(56px, 15vw, 120px);--card-h-hand: clamp(70px, 18.5vw, 138px);--slot-gap: 3px}.game{padding:4px 5px 6px;gap:3px}.topbar{gap:8px;padding:1px 2px 4px}.brand .mark{width:20px;height:20px}.brand h1{font-size:15px;letter-spacing:.25em}.topbar .turn-info{font-size:10px}.stage{grid-template-columns:1fr;gap:4px}.board-col{gap:3px}.opp-hand{height:13px;margin-top:-2px}.opp-hand .card--back{width:28px;height:45px;margin:0 -9px}.prow{gap:4px}.field-block{padding:3px 5px;min-width:0;overflow:hidden}.pbar{gap:6px 10px;margin-bottom:3px;flex-wrap:wrap}.pbar .pname{font-size:10px;letter-spacing:.06em}.pbar .turn-chip{font-size:8px;padding:1px 5px}.hp{gap:5px}.hp .num{min-width:0;font-size:11px}.hpbar{width:64px}.mana{gap:5px}.mana .pips{display:none}.mana .mnum{font-size:11px}.zone{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.zone::-webkit-scrollbar{display:none}.market{grid-template-columns:1fr;gap:5px;padding:4px 6px}.market-div{display:none}.market-cards{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.market-cards::-webkit-scrollbar{display:none}.market-sub .sub-head{gap:7px;margin-bottom:3px}.hand-area{min-height:var(--card-h-hand);padding-top:0}.hand .card{margin:0 -9px}.end-turn-wrap{right:4px;bottom:4px}.end-turn-wrap .btn{padding:7px 11px;font-size:11px}.logpanel{position:fixed;left:0;right:0;bottom:0;height:64dvh;z-index:95;border-radius:14px 14px 0 0;grid-template-rows:auto 1fr auto;transform:translateY(103%);transition:transform .26s var(--ease)}.logpanel.open{transform:none}.log{font-size:12px;padding:6px 12px 12px;-webkit-overflow-scrolling:touch}.log-fab{display:grid;place-items:center;position:fixed;right:12px;bottom:12px;z-index:96;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#2a3650,#18223a);border:1px solid var(--brass-dim);color:var(--brass-hi);font-size:19px;box-shadow:var(--shadow-2)}.log-fab.open{background:var(--vermil);color:#fff;border-color:var(--vermil-hi)}.zoom-overlay .card{--cw: min(86vw, 360px);--ch: calc(min(86vw, 360px)*1.6) }.zoom-wrap{flex-direction:column;gap:14px;max-height:92dvh;overflow:auto}.zoom-tribe{max-width:88vw}.home .modes{grid-template-columns:1fr;gap:12px}.screen-brand h1{font-size:20px;letter-spacing:.35em}.home .title{font-size:18px}}@media (orientation: landscape) and (max-height: 560px){body,#app,.game,.screen{height:100dvh}:root{--card-h: clamp(30px, 8.4vh, 76px);--card-h-mkt: clamp(36px, 9.8vh, 88px);--card-h-hand: clamp(42px, 11.2vh, 96px);--slot-gap: 3px}.game{padding:2px 6px 3px;gap:2px}.topbar{padding:0 2px 2px;gap:8px}.brand .mark{width:16px;height:16px}.brand h1{font-size:13px;letter-spacing:.22em}.topbar .turn-info{font-size:9px}.stage{grid-template-columns:1fr 188px;gap:6px}.board-col{gap:2px}.opp-hand{height:9px;margin-top:-2px}.opp-hand .card--back{width:24px;height:38px;margin:0 -8px}.field-block{padding:2px 6px;min-width:0;overflow:hidden}.zone+.zone{margin-top:2px}.pbar{gap:6px 8px;margin-bottom:2px;flex-wrap:wrap}.pbar .pname{font-size:10px}.pbar .turn-chip{font-size:8px;padding:1px 5px}.hp .num{font-size:11px;min-width:0}.hpbar{width:70px}.mana .pips{display:none}.mana .mnum{font-size:11px}.zone{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.zone::-webkit-scrollbar{display:none}.market{padding:2px 8px}.market-sub .sub-head{margin-bottom:2px}.hand-area{min-height:var(--card-h-hand);padding-top:0}.end-turn-wrap{bottom:4px}.log{font-size:10.5px;padding:5px 9px 8px}.panel-title{font-size:9px;padding:4px 9px 3px}.log-foot{padding:5px 9px}.zoom-overlay .card{--cw: min(32vh, 220px);--ch: calc(min(32vh, 220px)*1.6) }.zoom-wrap{gap:14px}.screen-brand{display:none}.screen{padding:12px}.topright-lang{top:10px;right:12px}}