:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--chasm:#172f39;--ivory:#eee5cd;--gold:#e5c27b;--brass:#a88d57}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:var(--chasm);color:var(--ivory);font:14px/1.35 Trebuchet MS,Avenir Next,sans-serif}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b8ddf5}button:disabled{opacity:.44;cursor:default}button,select{color:inherit}#game{height:100dvh;min-height:620px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:66px minmax(260px,1fr) auto;display:grid;overflow:hidden}.topbar{z-index:2;background:linear-gradient(#243d4b,#152a36);border-bottom:1px solid #a68d53;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:7px 12px;display:grid;position:relative}.brand{text-align:center;align-self:center}.brand-crest{color:var(--gold);font:22px/1 Georgia,serif;display:block}h1{color:#f3d99e;white-space:nowrap;margin:1px 0 0;font:600 16px/1.05 Georgia,serif}.fort{align-items:center;gap:7px;min-width:0;display:flex}.fort--enemy{text-align:right;justify-content:end}.fort-name{font:13px/1.2 Georgia,serif;display:block}.fort-health{color:#c5d0cd;white-space:nowrap;font-size:11px}.fort-health strong{color:#f7eacd;font:600 17px/1.1 Georgia,serif}.portrait{background-image:url(/assets/portraits-C2ijcZRd.webp);background-size:500% 500%;background-position:var(--portrait-x,8.333%) var(--portrait-y,0%)}.hero-face{border:2px solid #d4af64;border-radius:50%;flex:0 0 36px;width:36px;height:36px;box-shadow:0 2px 6px #0007}.fort--enemy .hero-face{border-color:#bd738c}.health-track{background:#0c1b24;width:100%;min-width:54px;height:3px;margin-top:3px}.health-track i{background:#81b66a;height:100%;transition:width .18s;display:block}.fort--enemy .health-track i{background:#c16c80}.battlefield{background:#172f39 url(/assets/ravine-C2y8_tx2.webp) 50% 40%/cover;min-width:0;min-height:0;position:relative;overflow:hidden}#board{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.battle-ribbon{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:9px;left:12px;right:12px}.battle-ribbon>div{background:#172b34dd;border-bottom:1px solid #c9ab6380;align-items:center;gap:7px;padding:5px 9px;display:flex}.battle-ribbon button{pointer-events:auto}.turn-gem{background:var(--gold);width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.turn-gem.enemy{background:#c67b9a}#turn-label{font-family:Georgia,serif;font-size:14px}.round-label{color:#bccbc7;font-size:11px}.quiet-button{color:#ead6aa;background:#1a313b;border:1px solid #b4975d85;border-radius:4px;min-width:36px;min-height:36px;padding:6px 10px}.board-caption{color:#d4decf;text-shadow:0 1px 3px #09191d;pointer-events:none;justify-content:space-between;gap:12px;font-size:10px;display:flex;position:absolute;bottom:4px;left:10px;right:10px}.caption-dot{padding:0 4px}.command-deck{border-top:1px solid var(--brass);background:linear-gradient(135deg,#263d46,#172c36 65%);grid-template-rows:auto auto auto auto auto;gap:6px;min-width:0;padding:8px 10px 9px;display:grid;box-shadow:0 -5px 20px #0c1c2466}.deck-status{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.deck-status>div{align-items:center;gap:7px;display:flex}.deck-status span{color:#dbd4bd;font-size:12px}.deck-status strong{color:#f3deae;font-size:12px;font-weight:400}.deck-status button{min-height:28px;padding:3px 9px;font-size:12px}.charge-pips{gap:5px;padding:2px;display:flex}.charge-pips i{background:#324a53;border:1px solid #a18b57;width:10px;height:13px;transform:skew(-13deg)}.charge-pips i.filled{background:#dfba68;box-shadow:0 0 7px #e6c87730}.inspector{background:#102833b0;border-left:2px solid #c5a56a;height:174px;min-height:0;padding:7px 10px;overflow-y:auto}.inspect-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.inspect-title h2{color:#f2dcaf;margin:0;font:600 17px/1.15 Georgia,serif}.inspect-role{color:#c3d0d0;font-size:11px}.inspect-story{color:#c5cdbd;margin:3px 0;font:italic 12px/1.25 Georgia,serif}.stat-line{flex-wrap:wrap;align-items:baseline;gap:3px 12px;margin:4px 0;font-size:12px;display:flex}.stat-line strong{color:#ffe5a7;font:600 17px/1 Georgia,serif}.equation{color:#c8decf;margin:2px 0;font-size:12px}.rule-line{color:#e2dfcf;margin:3px 0;font-size:12px}.preview-list{border-top:1px solid #a38c5738;margin-top:4px;padding-top:4px}.preview-row{margin:2px 0;font-size:12px;line-height:1.35}.preview-phase{color:#ead097;font-weight:600}.preview-phase.regular{color:#a7d0e6}.preview-empty{color:#bbc7c7}.preview-list details{color:#cdd9d5;font-size:11px}.preview-list summary{cursor:pointer;min-height:22px}.preview-list ul{margin:2px 0;padding-left:18px}.status-warning{color:#efbda7}.hand{touch-action:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.hand-card{color:#ecdfc1;touch-action:none;background:linear-gradient(155deg,#314b58,#162e3b);border:1px solid #a38a55;border-bottom:3px solid #79613c;border-radius:7px 7px 5px 5px;flex-direction:column;justify-content:start;align-items:center;gap:1px;min-width:0;min-height:110px;padding:3px 3px 5px;display:flex;position:relative;box-shadow:0 2px 5px #08151e70}.hand-card[aria-pressed=true]{background:linear-gradient(150deg,#426174,#1d3f55);border-color:#f6d88e;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #e9bd69,0 0 10px #c7a55d35}.hand-card.order{background:linear-gradient(155deg,#434751,#272d3e)}.hand-card[aria-disabled=true]{filter:saturate(.5);opacity:.66}.card-medallion{flex:0 0 61px;width:61px;height:61px;display:block;position:relative}.card-medallion svg{width:100%;height:100%;transition:transform .24s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.card-medallion .portrait{border:1px solid #f0cf8b;border-radius:50%;width:35px;height:35px;position:absolute;top:13px;left:13px}.card-name{text-wrap:balance;justify-content:center;align-items:center;min-height:27px;font:600 12px/1.12 Georgia,serif;display:flex}.card-value{color:#dce2d5;font-size:10px}.card-kind{color:#c5d0cf;font-size:9px;position:absolute;top:3px;left:4px}.card-cost{color:#ffe0a1;min-width:16px;font:600 13px/1.1 Georgia,serif;position:absolute;top:3px;right:5px}.aim-hint{color:#c1cec9;text-align:center;min-height:15px;font-size:11px}.controls{grid-template-columns:auto 44px minmax(90px,1fr) 44px;align-items:stretch;gap:6px;display:grid}.primary-button{color:#fff0ca;background:linear-gradient(#4289b4,#235a85);border:1px solid #d9bc77;border-bottom:3px solid #94703d;border-radius:5px;min-height:44px;padding:8px 11px;font:600 16px/1.2 Georgia,serif;box-shadow:inset 0 1px #aed5e74d,0 2px 4px #081b2460}.secondary-button,.rotate-button{color:#eed4a1;background:linear-gradient(#314651,#20333d);border:1px solid #a48a57;border-bottom:3px solid #77603c;border-radius:5px;min-height:44px;padding:7px 9px;font-size:12px}.rotate-button{padding:3px;font:29px/1 Georgia,serif}.story-dialog{color:#eae3cc;background:linear-gradient(145deg,#304852,#132b36);border:1px solid #c6a56c;border-radius:10px;width:min(440px,100vw - 30px);max-height:calc(100dvh - 32px);padding:23px;overflow-y:auto;box-shadow:0 20px 90px #06141bd0}.story-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081a27b8}.story-dialog h2{color:#f4d89b;margin:8px 0 12px;font:600 27px/1.12 Georgia,serif}.story-dialog p{color:#d4d8c8;font-size:14px;line-height:1.45}.chapter{text-align:center;margin:2px;font:italic 14px Georgia,serif!important}.dialog-crest{text-align:center;color:#dfbd74;font:42px/1 Georgia,serif}.rules-list{gap:12px;margin:18px 0;padding-left:22px;font-size:13px;display:grid}.rules-list strong{color:#f3deb0;display:block}.story-dialog button{width:100%;margin-top:8px}.help-copy p{font-size:13px}.field-label{margin:15px 0 6px;display:block}select{background:#203b49;border:1px solid #b49b65;border-radius:4px;width:100%;min-height:44px;padding:8px}#fatal{z-index:4;text-align:center;background:#16313e;border:1px solid #d6b574;padding:20px;position:absolute;inset:20px}#fatal[hidden]{display:none}#fatal h2{font-family:Georgia,serif}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (orientation:landscape) and (width>=650px){#game{grid-template-rows:56px minmax(0,1fr);grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr);min-height:340px}.topbar{grid-column:1/-1;padding:5px 14px}.brand{align-items:center;gap:8px;display:flex}.brand-crest{font-size:25px}h1{font-size:21px}.fort-name{font-size:14px}.fort-health strong{font-size:17px}.battlefield{grid-area:2/1}.command-deck{border-top:0;border-left:1px solid #b8a16b;grid-area:2/2;grid-template-rows:24px minmax(0,1fr) 92px 14px 44px;gap:4px;padding:7px 10px}.inspector{height:auto;min-height:0;padding:5px 8px;overflow-y:auto}.inspect-title h2{font-size:16px}.inspect-story{display:none}.inspector:has([data-preview]) .rule-guide{display:none}.rule-line,.equation,.preview-row{font-size:11px}.stat-line{margin:3px 0;font-size:11px}.hand-card{min-height:88px;padding-top:0}.card-medallion{flex-basis:43px;width:43px;height:43px}.card-medallion .portrait{width:21px;height:21px;top:11px;left:11px}.card-name{min-height:25px;font-size:11px}.card-value{font-size:10px}.card-kind{font-size:8px;left:3px}.aim-hint{min-height:12px;font-size:10px}.controls{grid-template-columns:auto 42px minmax(85px,1fr) 42px;gap:5px}.primary-button{font-size:15px}}@media (width>=1100px){#game{grid-template-columns:minmax(0,1.7fr) minmax(360px,.8fr);max-width:1500px;margin:auto}.command-deck{grid-template-rows:auto minmax(160px,auto) auto auto auto;gap:12px;padding:16px}.hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hand-card{min-height:150px}.card-medallion{flex-basis:76px;width:76px;height:76px}.card-medallion .portrait{width:36px;height:36px;top:20px;left:20px}.card-name{font-size:16px}.card-value,.card-kind{font-size:12px}.rule-line,.equation,.preview-row{font-size:13px}.inspect-title h2{font-size:22px}}@media (width<=360px) and (orientation:portrait){.topbar{gap:4px;padding:6px}.hero-face{flex-basis:29px;width:29px;height:29px}.fort-name{font-size:11px}h1{font-size:14px}.command-deck{gap:5px;padding:6px}.controls{grid-template-columns:auto 42px minmax(80px,1fr) 42px;gap:4px}.secondary-button{padding:6px;font-size:11px}.card-medallion{flex-basis:51px;width:51px;height:51px}.card-medallion .portrait{width:25px;height:25px;top:13px;left:13px}.card-name{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}@media (orientation:landscape) and (height<=360px) and (width>=650px){#game{grid-template-rows:48px minmax(0,1fr);min-height:300px}.command-deck{grid-template-rows:22px minmax(0,1fr) 78px 0 44px;gap:3px;padding:5px 8px}.aim-hint{display:none}.hand-card{min-height:76px}.card-medallion{flex-basis:36px;width:36px;height:36px}.card-medallion .portrait{width:20px;height:20px;top:8px;left:8px}}.analytics-choice{align-items:center;gap:10px;margin:18px 0;font:14px/1.5 system-ui;display:flex}.analytics-choice input{accent-color:#e3c17c;width:24px;height:24px;margin:10px}.settings-links a{color:#e3c17c;align-items:center;min-height:44px;display:inline-flex}
