:root{--bg: #0f0d0a;--bg-2: #171310;--stone: #24201a;--stone-hi: #302a22;--stone-edge: #443b2e;--line: #3a3126;--text: #f0e7d6;--muted: #a3947c;--gold: #e0b45c;--gold-deep: #a97a26;--gold-glow: rgba(224, 180, 92, .3);--humans: #8fb0d8;--orcs: #d4655c;--elves: #6bbd8a;--danger: #d4655c;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;color:var(--text);font:15px/1.45 var(--sans);overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(120% 70% at 50% -10%,#2a2118 0%,transparent 60%),var(--bg)}#app{height:100%;display:flex;flex-direction:column}.screen{height:100%;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 10px) 14px calc(var(--safe-bottom) + 10px);gap:10px;overflow:hidden}.screen--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.screen--scroll>*{flex-shrink:0}h1,h2,h3{margin:0}h1{font:700 28px/1.2 var(--serif);color:var(--gold);letter-spacing:.02em}h2{font:700 19px/1.25 var(--serif);letter-spacing:.01em}h3{font:600 12px/1.2 var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:10px}h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}button{font:500 15px/1.2 var(--sans);color:var(--text);background:linear-gradient(180deg,var(--stone-hi),var(--stone));border:1px solid var(--stone-edge);border-radius:10px;padding:12px 15px;min-height:46px;cursor:pointer;position:relative;box-shadow:inset 0 1px #ffecc812,0 2px 5px #0006;transition:border-color .12s,transform .06s,box-shadow .12s}button:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0006}button[disabled]{opacity:.35;cursor:default;box-shadow:none}button.primary{font-family:var(--serif);font-weight:700;font-size:17px;color:#2a1c05;background:linear-gradient(180deg,#f0cb7c,var(--gold) 45%,var(--gold-deep));border-color:#f3d79b;box-shadow:inset 0 1px #fffcf08c,0 2px 10px var(--gold-glow)}button.ghost{background:transparent;border-color:var(--line);color:var(--muted);box-shadow:none}button.ghost:active{color:var(--text)}button.danger{border-color:var(--danger);color:var(--danger)}.chip{padding:10px 14px;min-height:42px;font-size:14px}.chip[aria-pressed=true],.roster__item[aria-pressed=true]{font-weight:700;color:#2a1c05;background:linear-gradient(180deg,#f0cb7c,var(--gold) 45%,var(--gold-deep));border-color:#f3d79b;box-shadow:inset 0 1px #fffcf080,0 0 12px var(--gold-glow)}.panel__acts button[aria-pressed=true]{color:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-glow),0 0 10px var(--gold-glow)}input.field{font:15px/1.2 var(--sans);color:var(--text);background:#00000040;border:1px solid var(--stone-edge);border-radius:10px;padding:12px 14px;min-height:46px;width:100%}input.field:focus{outline:none;border-color:var(--gold)}input.field::placeholder{color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.col{display:flex;flex-direction:column;gap:9px}.card{background:linear-gradient(180deg,var(--stone-hi),var(--stone));border:1px solid var(--stone-edge);border-radius:13px;padding:14px;box-shadow:inset 0 1px #ffecc80f,0 3px 12px #00000059}.hero{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--stone-edge);flex:0 0 auto;box-shadow:0 6px 24px #00000080}.hero img{display:block;width:100%;height:auto}.hero__title{position:absolute;inset:auto 0 0;padding:40px 14px 14px;background:linear-gradient(transparent,#080604f0);font:800 32px/1 var(--serif);letter-spacing:.07em;color:var(--gold);text-align:center;text-shadow:0 0 22px rgba(224,180,92,.45),0 2px 8px rgba(0,0,0,.9)}.choice{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;padding:12px}.choice[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(180deg,#3b3122,#2b2418);box-shadow:inset 3px 0 0 var(--gold),inset 0 1px #ffecc81f,0 0 16px var(--gold-glow)}.choice[aria-pressed=true] .choice__title{color:var(--gold)}.choice__check{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#2a1c05;background:var(--gold);opacity:0;transform:scale(.6);transition:opacity .14s,transform .14s}.choice[aria-pressed=true] .choice__check{opacity:1;transform:scale(1)}.choice__dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;margin-top:4px;box-shadow:0 0 8px currentColor}.choice__title{font:600 16px/1.25 var(--serif)}.choice__sub{color:var(--muted);font-size:13px;line-height:1.35}.topbar{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:11px;flex:0 0 auto;background:linear-gradient(180deg,var(--stone-hi),var(--stone));border:1px solid var(--stone-edge);box-shadow:inset 0 1px #ffecc80f}.turn-dot{width:13px;height:13px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 10px currentColor}.topbar__who{font:600 15px/1.2 var(--serif)}.topbar__sub{color:var(--muted);font-size:12px;margin-top:2px}.topbar button{min-height:36px;padding:7px 11px;font-size:14px}.board-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}canvas{display:block;touch-action:none;border-radius:10px;box-shadow:0 6px 22px #0000008c,0 0 0 1px var(--line)}.panel{flex:0 0 auto;border-radius:12px;padding:11px;min-height:106px;background:linear-gradient(180deg,var(--stone-hi),var(--stone));border:1px solid var(--stone-edge);box-shadow:inset 0 1px #ffecc80f}.panel__empty{color:var(--muted);text-align:center;padding:24px 0;font-size:14px}.panel__head{display:flex;gap:11px;align-items:center}.panel__portrait{width:54px;height:54px;border-radius:50%;flex:0 0 auto;background:#0d0b08 50% 12% / 165% auto no-repeat;border:2px solid var(--line);box-shadow:0 0 0 1px #0009,0 2px 8px #00000080}.panel__name{font:600 16px/1.2 var(--serif)}.panel__meta{color:var(--muted);font-size:12px;margin-top:3px}.panel__acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.panel__acts button{min-height:40px;padding:8px 12px;font-size:14px}.panel__acts button[aria-pressed=true]{color:var(--gold)}.cd{color:var(--muted);font-size:12px}.roster{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}.roster__item{flex:0 0 auto;width:70px;padding:7px 4px;text-align:center;font-size:11px;line-height:1.25;min-height:0}.roster__item[data-done="1"]{opacity:.3}.roster__item[aria-pressed=true] .cd{color:#5a3f0c}.roster__pic{width:44px;height:44px;margin:0 auto 5px;border-radius:50%;background:#0d0b08 50% 12% / 165% auto no-repeat;box-shadow:0 0 0 1px #00000080}.screen--pinned{padding-bottom:calc(var(--safe-bottom) + 78px)}.screen--pinned .sticky-bottom{bottom:calc(var(--safe-bottom) - 68px)}.sticky-bottom{position:sticky;bottom:0;z-index:2;padding:12px 0 2px;margin-top:2px;background:linear-gradient(transparent,var(--bg) 40%)}.hint{color:var(--muted);font-size:13px;text-align:center;min-height:18px}.hint--error{color:var(--danger)}.legend{display:flex;gap:14px;justify-content:center;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.overlay{position:fixed;inset:0;background:#080604e6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;backdrop-filter:blur(3px)}.overlay__box{width:100%;max-width:360px;text-align:center}.overlay__box h2{margin-bottom:8px;color:var(--gold)}.overlay__box p{color:var(--muted);margin:0 0 16px;font-size:14px}.coin{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.17em;margin-left:.22em;background:url(../assets/icons/coin.webp) center/contain no-repeat}.paper{position:relative;overflow:hidden}.paper:before{content:"";position:absolute;inset:0;pointer-events:none;background:url(../assets/ui/paper.webp) center/cover;filter:grayscale(1) contrast(1.5);opacity:.3;mix-blend-mode:overlay}.paper>*{position:relative}.print{border-radius:14px;padding:12px;text-align:left;border:1px solid rgba(0,0,0,.5);box-shadow:0 6px 20px #00000073}.print__top{display:flex;gap:10px;align-items:flex-start}.print__pic{width:104px;height:104px;flex:0 0 auto;border-radius:10px;background:#0d0b08 50% 8% / 150% auto no-repeat;border:2px solid rgba(0,0,0,.55);box-shadow:inset 0 0 22px #000000b3}.print__name{display:inline-block;padding:7px 15px;border-radius:9px;background:linear-gradient(180deg,#f2ede1,#dcd5c4);color:#1d1a14;font:700 17px/1.2 var(--serif);box-shadow:0 2px 6px #00000059}.sheet{background:linear-gradient(180deg,#ece6d8,#dcd4c2);color:#211d16;border-radius:10px;padding:9px 11px;box-shadow:0 2px 8px #00000059}.sheet+.sheet{margin-top:8px}.sheet__label{font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#6d6450}.sheet__row{display:flex;gap:8px;align-items:baseline;margin-top:4px}.sheet__value{font:700 15px/1.2 var(--serif)}.sheet__reach{font-size:12px;color:#5d5544;margin-top:3px}.sheet__text{font-size:13px;line-height:1.45;margin-top:4px}.sheet__ability{display:flex;gap:9px;align-items:flex-start;margin-top:7px}.sheet__ability+.sheet__ability{border-top:1px solid rgba(0,0,0,.12);padding-top:8px}.sheet__icon{width:34px;height:34px;flex:0 0 auto;background:center/contain no-repeat}.sheet__aname{font:700 13px/1.2 var(--serif)}.sheet__cd{font-size:11px;color:#6d6450}.sheet__flavor{font:italic 13px/1.5 var(--serif);color:#4a4335;border-left:2px solid #b9ad8f;padding-left:10px;margin:8px 0 0}.codex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.codex-card{padding:9px 5px;text-align:center;font-size:12px;line-height:1.25;min-height:0}.codex-card__pic{width:100%;aspect-ratio:1;border-radius:10px;margin-bottom:6px;background:#0d0b08 50% 10% / 150% auto no-repeat;box-shadow:inset 0 0 0 1px #00000080}.codex-card__name{font:600 13px/1.2 var(--serif)}.codex-card__cost{color:var(--gold);font-size:11px;margin-top:2px}.army-count{position:absolute;top:6px;right:8px;font:700 12px/1 var(--sans);color:#2a1c05;background:var(--gold);border-radius:10px;padding:3px 7px;box-shadow:0 1px 4px #0006}.codex-card{position:relative}.unit-hero{display:flex;gap:13px;align-items:center}.unit-hero__pic{width:92px;height:92px;flex:0 0 auto;border-radius:12px;background:#0d0b08 50% 10% / 150% auto no-repeat;border:1px solid var(--stone-edge)}.unit-hero__name{font:700 22px/1.15 var(--serif)}.unit-hero__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.tag{font-size:11px;padding:3px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}.tag--gold{color:var(--gold);border-color:var(--gold-deep)}.tag--faction{color:var(--text)}.flavor{font:italic 14px/1.5 var(--serif);color:#cbbda3;border-left:2px solid var(--gold-deep);padding-left:11px;margin:0}.ability{border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#0000002e}.ability__name{font:600 14px/1.2 var(--serif);color:var(--gold)}.ability__cd{color:var(--muted);font-size:11px;font-family:var(--sans)}.ability__text{font-size:13px;line-height:1.45;margin-top:5px;color:#d9cdb6}.tpl{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;width:100%;max-width:250px;margin:0 auto}.tpl i{aspect-ratio:1;border-radius:2px;background:#221e18;box-shadow:inset 0 0 0 1px #00000059}.tpl i[data-k=move]{background:#4a7fd0}.tpl i[data-k=attack]{background:#c9584c}.tpl i[data-k=both]{background:linear-gradient(135deg,#4a7fd0 50%,#c9584c 50%)}.tpl i[data-k=self]{background:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.rules p{font-size:14px;line-height:1.55;margin:0 0 10px;color:#ded3bd}.rules ul{margin:0 0 10px;padding-left:20px}.rules li{font-size:14px;line-height:1.5;margin-bottom:5px;color:#ded3bd}.rules b{color:var(--text)}.rules .card+.card{margin-top:10px}