@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/cinzel-600-B0GrJ1fn.woff2) format("woff2")}:root{--p1: #4c86e8;--p2: #d4564a;--neutral: #8a8377;--accent: #c99a4e;--brass: #b98f4a;--brass-lit: #e6c684;--brass-dim: rgba(185, 143, 74, .28);--brass-hair: rgba(185, 143, 74, .45);--stone-900: #080a0f;--stone-800: #0e1118;--stone-700: #151922;--stone-600: #1d222d;--bg: #05070d;--panel: rgba(14, 17, 24, .94);--text: #ece4d6;--muted: #9a9384;--danger: #d4564a;--font-display: "Cinzel", Georgia, serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");--chamfer: 10px;--topbar-h: 56px;--sheet-peek-h: 132px;--fab-size: 56px;--rail-w: 300px;--tap-min: 44px;--z-drawer: 20;--z-sheet: 30;--z-battle: 40;--z-toast: 50;--z-overlay: 60}.mat-panel{position:relative;background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border:1px solid var(--brass-hair);clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)),0 var(--chamfer));box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0009,0 10px 30px #0000008c}.mat-panel:before{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:120px 120px;opacity:.055;pointer-events:none;mix-blend-mode:overlay}.t-label{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9)}.t-numeral{font-family:var(--font-display);font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.9)}.rule-brass{height:1px;border:0;margin:0;background:linear-gradient(90deg,transparent,var(--brass-hair) 18%,var(--brass) 50%,var(--brass-hair) 82%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0006}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brass) 0%,#6f5227 100%);border:1px solid rgba(0,0,0,.6)}*{scrollbar-width:thin;scrollbar-color:var(--brass) rgba(0,0,0,.4)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body)}#board-rect{position:absolute;pointer-events:none;visibility:hidden;top:calc(var(--topbar-h) + env(safe-area-inset-top));bottom:calc(var(--sheet-peek-h) + env(safe-area-inset-bottom));left:env(safe-area-inset-left);right:env(safe-area-inset-right)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>.menu,#ui-root>.overlay,#ui-root>.fab,#ui-root>.battle-panel.open,#ui-root>.drawer:not(.hidden),#ui-root>.drawer-scrim.is-open,#ui-root>.sheet:not([data-state=hidden]){pointer-events:auto}#ui-root>.topbar{pointer-events:none}#ui-root>.topbar>*{pointer-events:auto}.hidden{display:none!important}.is-invisible{visibility:hidden}.btn,.fab{appearance:none;position:relative;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--text);cursor:pointer;padding:.8rem 1.35rem;min-height:var(--tap-min);border:1px solid var(--brass-hair);border-radius:0;background:linear-gradient(180deg,var(--stone-600) 0%,var(--stone-900) 100%);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);box-shadow:inset 0 1px #ffffff17,inset 0 -2px #000000bf,0 3px #00000080,0 6px 16px #00000080;text-shadow:0 1px 0 rgba(0,0,0,.9);transition:transform .12s ease,border-color .15s ease,box-shadow .12s ease,color .15s ease}.btn:not(.secondary):not(.danger),.fab{background:radial-gradient(120% 140% at 50% 0%,rgba(201,154,78,.22),transparent 62%),linear-gradient(180deg,var(--stone-600) 0%,var(--stone-900) 100%);border-color:var(--brass);color:var(--brass-lit)}.btn.secondary{color:var(--muted);border-color:#b98f4a38}.btn.danger{color:#e8a49c;border-color:#d4564a80;background:radial-gradient(120% 140% at 50% 0%,rgba(212,86,74,.2),transparent 62%),linear-gradient(180deg,var(--stone-600) 0%,var(--stone-900) 100%)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0009}.btn:not(:disabled):active,.fab:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #000c,inset 0 -1px #ffffff0a}.btn-sm{padding:.3rem .6rem;font-size:.7rem;letter-spacing:.08em;min-height:2rem}.btn-icon{appearance:none;border:1px solid var(--brass-hair);border-radius:0;background:linear-gradient(180deg,var(--stone-600) 0%,var(--stone-900) 100%);color:var(--brass-lit);width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);padding:0;display:grid;place-items:center;cursor:pointer;font-size:1.05rem;line-height:1;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #000000b3,0 4px 12px #00000073;transition:transform .12s ease,border-color .15s ease,color .15s ease}.btn-icon:active{transform:translateY(2px)}@media(hover:hover){.btn:not(:disabled):hover,.fab:hover,.btn-icon:hover{border-color:var(--brass-lit);color:var(--brass-lit);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #000000bf,0 4px #00000080,0 8px 22px #0000008c,0 0 18px #c99a4e2e}}input[type=range]{appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(180deg,#05070b,#1a1f29);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 3px #000000e6}input[type=range]::-moz-range-track{height:6px;background:linear-gradient(180deg,#05070b,#1a1f29);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 3px #000000e6}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;background:linear-gradient(180deg,var(--brass-lit) 0%,var(--brass) 45%,#6f5227 100%);border:1px solid #3a2b14;box-shadow:inset 0 1px #ffffff40,0 2px 5px #000000b3}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:0;background:linear-gradient(180deg,var(--brass-lit) 0%,var(--brass) 45%,#6f5227 100%);border:1px solid #3a2b14;box-shadow:inset 0 1px #ffffff40,0 2px 5px #000000b3}.menu{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 18%,rgba(76,134,232,.16),transparent 58%),radial-gradient(ellipse at 50% 92%,rgba(201,154,78,.09),transparent 55%),linear-gradient(180deg,#0c111c,#05070d 55%,#0b0805);z-index:var(--z-overlay)}.menu-inner{text-align:center;width:min(420px,92vw)}.menu h1{font-family:var(--font-display);font-size:clamp(3rem,10vw,4.5rem);letter-spacing:.1em;margin:0 0 .5rem;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9),0 2px 30px rgba(201,154,78,.3)}.menu h1:after{content:"";display:block;width:62%;height:1px;margin:.6rem auto 0;background:linear-gradient(90deg,transparent,var(--brass) 50%,transparent)}.menu .tagline{color:var(--muted);margin:.9rem 0 2.25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em}.menu-actions{display:grid;gap:.7rem}.menu input{width:100%;padding:.85rem 1rem;border:1px solid var(--brass-dim);background:linear-gradient(180deg,#04060a,#10141c);box-shadow:inset 0 2px 6px #000000e6;color:var(--brass-lit);font-family:var(--font-display);font-size:.95rem;letter-spacing:.3em;text-transform:uppercase;text-align:center}.menu input::placeholder{color:#9a938480;letter-spacing:.2em}.menu input:focus{outline:none;border-color:var(--brass);box-shadow:inset 0 2px 6px #000000e6,0 0 16px #c99a4e33}.progress{margin-top:1.25rem;height:4px;background:linear-gradient(180deg,#04060a,#10141c);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 3px #000000e6}.progress>div{height:100%;background:linear-gradient(90deg,var(--brass) 0%,var(--brass-lit) 100%);box-shadow:0 0 10px #c99a4e99;width:0%;transition:width .2s}.topbar{position:absolute;top:0;left:0;right:0;z-index:var(--z-sheet);display:flex;align-items:center;gap:.5rem;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) .75rem 0;padding-left:calc(.75rem + env(safe-area-inset-left));padding-right:calc(.75rem + env(safe-area-inset-right));background:linear-gradient(180deg,var(--stone-900) 0%,rgba(8,10,15,.82) 100%);border-bottom:1px solid var(--brass-hair);box-shadow:0 6px 18px #00000080}.topbar-turn{position:relative;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9);padding:.4rem .9rem .5rem}.topbar-turn:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.18rem;height:2px;background:var(--neutral);box-shadow:0 0 10px currentColor}.topbar-turn.p1:after{background:var(--p1);box-shadow:0 0 12px #4c86e8bf}.topbar-turn.p2:after{background:var(--p2);box-shadow:0 0 12px #d4564abf}.pips{display:flex;gap:.3rem;flex-shrink:0;padding:.3rem .4rem;background:linear-gradient(180deg,#04060a,#10141c);border:1px solid rgba(0,0,0,.85);box-shadow:inset 0 2px 4px #000000e6,0 1px #ffffff0d}.pip{width:7px;height:18px;background:#05070b;border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 1px 3px #000000f2;transition:background .2s ease,box-shadow .2s ease}.pip.filled{background:linear-gradient(180deg,var(--brass-lit) 0%,var(--brass) 50%,#6f5227 100%);box-shadow:inset 0 1px #ffffff59,0 0 8px #c99a4e8c}.fab{position:absolute;right:calc(.75rem + env(safe-area-inset-right));bottom:calc(var(--sheet-peek-h) + env(safe-area-inset-bottom) + 12px);z-index:var(--z-sheet);width:auto;min-width:var(--fab-size);min-height:var(--fab-size);padding:.85rem 1.3rem;font-size:.9rem}.drawer-scrim{position:absolute;inset:0;z-index:var(--z-drawer);background:#0305099e;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.drawer{position:absolute;top:0;right:0;bottom:0;z-index:calc(var(--z-drawer) + 1);width:min(88vw,380px);max-width:100%;background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border-left:1px solid var(--brass-hair);display:flex;flex-direction:column;font-size:.82rem;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);transform:translate(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);will-change:transform;box-shadow:-14px 0 36px #0009}.drawer:before{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:120px 120px;opacity:.05;pointer-events:none;mix-blend-mode:overlay}.drawer>*{position:relative;z-index:1}.drawer[data-open=false]{visibility:hidden;pointer-events:none}.drawer[data-open=true]{transform:translate(0);visibility:visible;pointer-events:auto}.drawer header{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;border-bottom:1px solid var(--brass-dim);font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9)}.drawer footer{padding:.75rem;border-top:1px solid var(--brass-dim)}.drawer-list{list-style:none;margin:0;padding:.35rem .5rem;overflow:auto;flex:1;max-height:9rem}.drawer-list.is-expanded{max-height:none}.drawer li{padding:.4rem .25rem;cursor:pointer;display:flex;gap:.5rem;align-items:baseline;min-height:var(--tap-min);color:var(--muted);border-bottom:1px solid rgba(255,255,255,.035);transition:color .15s ease,background .15s ease}@media(hover:hover){.drawer li:hover{color:var(--text);background:#c99a4e12}}.drawer .dot{width:7px;height:7px;flex:0 0 auto;transform:rotate(45deg);box-shadow:0 0 6px currentColor}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-sheet);background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border-top:1px solid var(--brass-hair);padding:0 .9rem;padding-bottom:env(safe-area-inset-bottom);padding-left:calc(.9rem + env(safe-area-inset-left));padding-right:calc(.9rem + env(safe-area-inset-right));transform:translateY(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);will-change:transform;max-height:min(70vh,520px);display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff12,0 -12px 34px #0009}.sheet:before{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:120px 120px;opacity:.05;pointer-events:none;mix-blend-mode:overlay}.sheet[data-state=peek]{transform:translateY(calc(100% - var(--sheet-peek-h)))}.sheet[data-state=expanded]{transform:translateY(0)}.sheet[data-state=hidden]{transform:translateY(100%);pointer-events:none;visibility:hidden}.sheet.left,.sheet.right{left:0;right:0}.sheet-grabber{appearance:none;border:none;background:transparent;align-self:center;width:56px;height:28px;min-height:28px;padding:0;cursor:pointer;position:relative;flex-shrink:0;z-index:1}.sheet-grabber:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:3px;background:linear-gradient(90deg,transparent,var(--brass) 50%,transparent)}.sheet-body{overflow:auto;flex:1;padding-bottom:.9rem;position:relative;z-index:1}.sheet h3{margin:0 0 .6rem;padding-bottom:.4rem;font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9);border-bottom:1px solid var(--brass-dim)}.sheet .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:.3rem 0;color:var(--muted);font-size:.85rem}.sheet .row>span:first-child{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.sheet .row>span:last-child{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text)}.sheet .controls{margin-top:.85rem;display:grid;gap:.55rem}.sheet label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.stance-row{display:flex;gap:.4rem}.stance-row .btn{flex:1;padding:.5rem;font-size:.72rem;min-height:var(--tap-min)}.stance-row .btn.active{border-color:var(--brass-lit);color:var(--brass-lit);background:radial-gradient(120% 140% at 50% 0%,rgba(201,154,78,.35),transparent 62%),linear-gradient(180deg,var(--stone-600) 0%,var(--stone-900) 100%);box-shadow:inset 0 2px 5px #000000bf,0 0 14px #c99a4e40}.forecast{display:inline-block;padding:.15rem .55rem;border:1px solid var(--brass-dim);font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.forecast.Favored{color:#8fd6a8;border-color:#8fd6a866}.forecast.Risky{color:#e88b7f;border-color:#e88b7f66}.forecast.Even{color:var(--brass-lit)}.invalid{color:#e88b7f;font-size:.78rem}.drafts-list{margin-top:.85rem;display:grid;gap:.35rem}.draft-row{display:flex;gap:.35rem;align-items:center;font-size:.78rem;padding:.4rem .45rem;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);border-left:2px solid var(--brass-dim)}.draft-row.invalid{border-left-color:#e88b7f}.garrison{display:flex;gap:.5rem;margin-top:.75rem}.unit-slot{flex:1;min-width:0;display:grid;grid-template-rows:auto auto auto;justify-items:center;gap:.15rem;padding:.4rem .3rem .35rem;background:linear-gradient(180deg,#04060a,#12161f);border:1px solid var(--brass-dim);box-shadow:inset 0 2px 6px #000000d9}.unit-art{width:100%;max-width:76px;aspect-ratio:3 / 4;object-fit:cover;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.unit-art.is-placeholder{background:radial-gradient(ellipse at 50% 30%,rgba(201,154,78,.16),transparent 68%),linear-gradient(180deg,#1b202a,#090c12);border:1px solid rgba(185,143,74,.18);position:relative}.unit-art.is-placeholder:after{content:"⚔";position:absolute;inset:0;display:grid;place-items:center;font-size:1.5rem;color:#c99a4e80}.unit-art.is-placeholder[data-tier=knight]:after{content:"♞"}.unit-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9)}.unit-name{font-family:var(--font-display);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.battle-panel{position:absolute;left:50%;bottom:calc(var(--sheet-peek-h) + env(safe-area-inset-bottom) + 8px);transform:translate(-50%);width:min(560px,94vw);max-height:30vh;background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border:1px solid var(--brass-hair);padding:.85rem 1.15rem;display:none;z-index:var(--z-battle);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);box-shadow:inset 0 1px #ffffff14,0 14px 44px #000000a6}.battle-panel.open{display:block;animation:battle-in .28s cubic-bezier(.16,1,.3,1)}@keyframes battle-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%)}}.battle-panel .sides{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text)}.battle-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--brass-dim)}.battle-head strong{font-family:var(--font-display);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9)}.battle-outcome{text-align:center;color:var(--muted);font-family:var(--font-display);font-variant-numeric:tabular-nums}.battle-note{text-align:center;margin-top:.6rem;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--brass-lit)}.battle-vs{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);opacity:.7}.dice-row{display:flex;gap:.4rem;margin:.65rem 0;justify-content:center;align-items:center}.die{width:34px;height:34px;border-radius:3px;background:linear-gradient(160deg,#f4ecdd,#cfc2a8 60%,#ab9d84);border:1px solid #6b5f4a;color:#1a1712;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1rem;box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 3px #00000040,0 3px 8px #0009;animation:die-in .22s cubic-bezier(.16,1,.3,1)}@keyframes die-in{0%{opacity:0;transform:translateY(-6px) rotate(-8deg) scale(.85)}to{opacity:1;transform:none}}.toast-host{position:absolute;top:calc(var(--topbar-h) + env(safe-area-inset-top) + .6rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;width:min(360px,90vw);z-index:var(--z-toast);pointer-events:none}.toast{position:relative;background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border:1px solid var(--brass-hair);padding:.5rem 1.1rem;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:inset 0 1px #ffffff14,0 6px 20px #0000008c;animation:toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}.overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#030509b3,#020306e6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:var(--z-overlay);animation:overlay-in .2s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-card{position:relative;width:min(440px,92vw);background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border:1px solid var(--brass-hair);padding:1.6rem 1.75rem;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:inset 0 1px #ffffff14,0 20px 60px #000000b3;animation:card-in .32s cubic-bezier(.16,1,.3,1)}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.overlay-card:before{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:120px 120px;opacity:.05;pointer-events:none;mix-blend-mode:overlay}.overlay-card>*{position:relative;z-index:1}.overlay-card h2{font-family:var(--font-display);margin:0 0 .9rem;padding-bottom:.65rem;font-size:1.05rem;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-lit);text-shadow:0 1px 0 rgba(0,0,0,.9);border-bottom:1px solid var(--brass-dim)}.overlay-card p{color:var(--muted);line-height:1.55;font-size:.9rem}.overlay-actions{display:flex;gap:.6rem;margin-top:1.4rem}@media(orientation:landscape)and (max-height:500px){#board-rect{top:calc(var(--topbar-h) + env(safe-area-inset-top));bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:calc(var(--rail-w) + env(safe-area-inset-right))}.sheet,.sheet.left,.sheet.right{left:auto;right:0;top:calc(var(--topbar-h) + env(safe-area-inset-top));bottom:0;width:var(--rail-w);max-height:none;border-top:none;border-left:1px solid rgba(255,255,255,.1);padding-bottom:env(safe-area-inset-bottom);transform:translate(100%)}.sheet[data-state=peek],.sheet[data-state=expanded]{transform:translate(0);visibility:visible}.sheet[data-state=hidden]{transform:translate(100%);visibility:hidden}.sheet-grabber{display:none}.fab{right:calc(var(--rail-w) + .75rem + env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom))}.battle-panel{bottom:calc(.75rem + env(safe-area-inset-bottom));left:calc(50% - var(--rail-w) / 2)}}@media(min-width:768px)and (min-height:600px){#board-rect{inset:0}.topbar{position:absolute;inset:0;height:auto;background:none;border:none;box-shadow:none;padding:0;pointer-events:none;display:block;z-index:var(--z-sheet)}.topbar>*{pointer-events:auto}.topbar-turn{position:absolute;top:1rem;left:50%;transform:translate(-50%);flex:none;padding:.5rem 1.6rem .6rem;background:linear-gradient(180deg,var(--stone-700) 0%,var(--stone-900) 100%);border:1px solid var(--brass-hair);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 1px #ffffff14,0 8px 24px #0000008c}.topbar .pips{position:absolute;right:1rem;bottom:4.75rem}.topbar [data-home]{position:absolute;top:1rem;right:1rem}.topbar [data-log]{position:absolute;left:1rem;bottom:calc(1rem + 40vh)}.fab{right:1rem;bottom:1rem;min-width:unset;padding:.85rem 1.4rem}.drawer-scrim{display:none!important}.drawer{top:auto;right:auto;left:1rem;bottom:1rem;width:min(280px,70vw);max-height:40vh;border-left:none;border:1px solid var(--brass-hair);transform:none;padding-top:0;padding-bottom:0;box-shadow:inset 0 1px #ffffff12,0 12px 34px #0009}.drawer[data-open=false],.drawer[data-open=true]{transform:none;visibility:visible;pointer-events:auto}.drawer footer{padding:.5rem}.drawer-list{max-height:9rem;flex:1}.drawer-list.is-expanded{max-height:50vh}.sheet{top:50%;bottom:auto;left:auto;right:1rem;width:min(310px,86vw);max-height:none;border:1px solid var(--brass-hair);border-top:1px solid var(--brass-hair);padding:.95rem 1.05rem;transform:translateY(-50%);will-change:auto;box-shadow:inset 0 1px #ffffff12,0 14px 40px #0009}.sheet.left{left:1rem;right:auto}.sheet.right{right:1rem;left:auto}.sheet[data-state=peek],.sheet[data-state=expanded]{transform:translateY(-50%)}.sheet[data-state=hidden]{display:none;transform:none}.sheet-grabber{display:none}.battle-panel{bottom:1.25rem;left:50%}.toast-host{top:4.5rem}}