:root{--paper:#f7f2e8;--ink:#344a4a;--muted:#87918b;--orange:#d98765;--orange-hover:#c97856;--line:#e4e2d6;--game:#172e3d;--mint:#a5c6b3;--font:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 11% 5%,#fffaf0 0,transparent 33%),var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #dfaa76;outline-offset:4px}button:disabled{cursor:default}button{touch-action:manipulation}[hidden]{display:none!important}.svg-defs{width:0;height:0;position:absolute;pointer-events:none}.page-shell{max-width:1056px;margin:auto;padding:0 34px}.site-header{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.5px}.brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e2e9df;border-radius:12px;color:#6e8ba1}.brand-icon svg{width:27px;height:27px}.brand-caption{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;color:#8d998e;line-height:1.7;margin-top:2px}.header-actions{display:flex;align-items:center;gap:11px}.edition-tag{display:flex;align-items:center;gap:7px;border:1px solid #deded2;border-radius:30px;padding:7px 11px;font-size:10px;color:#7a8b7c;letter-spacing:.5px;margin-right:4px}.edition-tag>span{width:5px;height:5px;background:#9bb794;border-radius:100%}.icon-button{border:1px solid #deded2;border-radius:50%;width:30px;height:30px;background:transparent;color:#7e8d84;font-size:20px;display:flex;align-items:center;justify-content:center}.help-button{font-size:13px;font-weight:800}.icon-button:hover{background:#ececde}.intro-row{display:flex;align-items:center;justify-content:space-between;padding:29px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.3px;color:#859186;margin-bottom:8px}h1{font-size:26px;line-height:1.35;margin:0;letter-spacing:1.2px;font-weight:800}.title-spark{font-size:19px;color:#bfac80;margin-left:13px;vertical-align:top;display:inline-block;margin-top:1px}.chapter-label{font-size:11px;color:#849081;text-align:right}.chapter-label>span{display:block;font-size:8px;letter-spacing:2px;color:#a7ab9a;margin-bottom:6px}.game-card{overflow:hidden;border:1px solid #d4d8cc;border-radius:14px;background:#f8f5ed;box-shadow:0 12px 38px #445a3e0c}.game-topline{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#edf0e5;font-size:10px;font-weight:500;letter-spacing:.5px;color:#758673}.game-topline>span{display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#98b88c;box-shadow:0 0 0 3px #98b88c18}.game-topline-right{font-size:9px;color:#8e9a84}.game-topline-right>span{margin-left:6px;color:#b5ad88}.game-viewport{position:relative;aspect-ratio:16/9;background:var(--game);overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none;touch-action:none}.game-overlay{position:absolute;inset:0;z-index:4;background:#142b3dec;display:flex;align-items:center;justify-content:center;color:#edf0d9}.overlay-panel{width:100%;height:100%}.menu-panel{display:flex;align-items:center;position:relative;padding:0 8.3%;background:radial-gradient(ellipse at 72% 53%,#36525755 0,transparent 58%)}.menu-copy{width:56%;position:relative;z-index:1;padding-bottom:2%}.menu-kicker{font-size:10px;letter-spacing:1.6px;color:#adbfaa;font-weight:500;display:flex;align-items:center;gap:9px}.tiny-spark{color:#e1c594;font-size:13px}.menu-copy h2{font-size:40px;line-height:1.5;letter-spacing:1.3px;font-weight:800;margin:21px 0 14px;color:#f8f0d8}.menu-copy p{font-size:12px;line-height:2.1;letter-spacing:.4px;color:#a5bab9;margin:0 0 28px}.primary-button{border:0;background:var(--orange);color:#fff7e5;border-radius:7px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:13px 23px;font-size:13px;font-weight:700;box-shadow:0 4px 0 #9e625114;transition:background .15s,transform .15s}.primary-button:hover{background:var(--orange-hover);transform:translateY(-1px)}.primary-button>span{font-size:21px;line-height:1;font-weight:400}.start-button{min-width:176px}.menu-footnote{font-size:8px;color:#819a9f;display:flex;align-items:center;gap:6px;margin-top:18px;letter-spacing:.3px}.keyboard-icon{font-size:12px}.dot-separator{color:#5d797f;margin:0 2px}.menu-art{width:47%;margin-left:-3%;padding-top:1%;position:relative}.cat-illustration{width:100%;overflow:visible;filter:drop-shadow(0 15px 18px #10233022);animation:cat-idle 4s ease-in-out infinite}.menu-bottom{position:absolute;left:8.3%;right:8.3%;bottom:27px;display:flex;justify-content:space-between;border-top:1px solid #adc6b314;padding-top:15px;font-size:8px;letter-spacing:1.1px;color:#749294}.menu-bottom>span:first-child{color:#a7baad}.controls-strip{height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;color:#809082;font-size:9px}.controls-strip>div{display:flex;align-items:center;gap:16px}.controls-strip>div>span{display:flex;align-items:center;gap:4px;white-space:nowrap}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:17px;padding:2px 4px;border:1px solid #dcded1;border-bottom-width:2px;background:#fdfbf4;border-radius:3px;color:#8a9689;font-family:var(--font);font-size:8px;font-weight:600;line-height:1.25}.controls-note{font-size:8px;letter-spacing:.4px;color:#9aa190;white-space:nowrap}.guide-cards{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:15px;margin-top:20px}.guide-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:10px;background:#faf7ee88;padding:19px 16px;min-height:109px}.guide-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;flex-shrink:0;margin-top:1px}.guide-icon>svg{width:18px;height:18px}.mint{background:#e6ede0;color:#91ac8c}.peach{background:#f1e6d9;color:#c39473}.lavender{background:#e8e7ee;color:#9691b0}.card-eyebrow{font-size:8px;letter-spacing:.8px;color:#9aa293;margin-bottom:5px}.guide-card h3{font-size:12px;margin:0 0 8px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.guide-card p{font-size:8px;line-height:1.8;margin:0;color:#919b8b}.bank-card{padding-right:12px;gap:10px}.bank-status{font-size:7px;font-weight:500;color:#9ba690;border:1px solid #e0e4d7;border-radius:3px;padding:1px 3px;margin-left:6px;vertical-align:1px}.bank-items{display:flex;gap:11px;font-size:8px;color:#98a08f;flex-wrap:wrap}.bank-items span{white-space:nowrap}.bank-items b{color:#798976;font-size:9px;margin-left:3px;font-weight:600}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0 26px;color:#a2a895;font-size:8px;letter-spacing:.5px}.site-footer>span:last-child{letter-spacing:1px;font-size:7px}.site-footer>span:last-child>span{padding-left:9px;color:#baa67c}.combat-hud{position:absolute;inset:0;pointer-events:none;z-index:2}.health-hud{position:absolute;left:19px;top:18px;display:flex;gap:9px;align-items:center;background:#142a3ade;border:1px solid #93ac9a20;border-radius:8px;padding:8px 10px;min-width:186px}.avatar-cat{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#809bad21;border-radius:6px;width:34px;height:34px;color:#a3bdd0}.avatar-cat svg{width:28px;height:28px}.health-info{flex:1}.health-title{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ebe8d5;font-size:10px;margin-bottom:6px}.health-title strong{font-weight:600}.health-title>span{font-size:9px;color:#aac0b9;font-variant-numeric:tabular-nums}.health-track{height:6px;border-radius:2px;background:#41575b;overflow:hidden}.health-track>div{height:100%;background:#b3d2b2;border-radius:2px;width:100%}.health-track.low>div{background:#d99982}.objective-hud{position:absolute;top:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;color:#c4cdb5;font-size:9px;background:#142a3aa3;padding:6px 11px;border-radius:20px;white-space:nowrap}.objective-dot{width:4px;height:4px;background:#e0c193}.bag-hud{position:absolute;top:20px;right:16px;display:flex;gap:13px;align-items:center;background:#142a3add;padding:8px 10px;border:1px solid #93ac9a20;border-radius:7px}.bag-hud>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#d0d5bc}.bag-hud svg{width:16px;height:16px;color:#a5b89d}.bag-hud .coin-icon{color:#d7b677}.bag-hud b{font-weight:500;min-width:15px}.pause-button{pointer-events:auto;background:transparent;color:#bdcaba;border:0;border-left:1px solid #7d9a892e;padding:0 0 0 10px;font-size:15px;font-weight:700}.roll-hud{position:absolute;top:79px;left:22px;color:#91aba9;font-size:8px;display:flex;align-items:center;gap:7px}.roll-track{height:3px;width:39px;background:#283e4a;border-radius:1px;overflow:hidden}.roll-track>div{height:100%;background:#a8b8c7;width:100%}.toast{position:absolute;left:50%;bottom:33px;transform:translateX(-50%);z-index:5;background:#122b3bee;border:1px solid #b3c5a44d;color:#e5e8cf;font-size:11px;border-radius:6px;padding:9px 16px;text-align:center;max-width:90%;white-space:nowrap;box-shadow:0 4px 15px #0002;pointer-events:none}.modal-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;width:auto;height:auto;max-width:88%;text-align:center;padding:23px 15px}.modal-symbol{font-size:42px;color:#c5d5b4;margin-bottom:8px}.modal-panel h2{font-size:29px;letter-spacing:1px;margin:13px 0 11px;font-weight:800;color:#f6f0da}.modal-panel>p{font-size:11px;line-height:1.8;color:#a7bdb9;margin:0 0 22px;letter-spacing:.3px}.modal-button-row{display:flex;gap:24px;margin-top:21px}.quiet-button{background:transparent;border:0;color:#a1b9b7;font-size:11px;padding:4px 0;letter-spacing:.5px}.quiet-button:hover{color:#f1e6ce}.modal-panel>small{font-size:8px;color:#748e93;margin-top:15px}.help-panel{max-width:84%;width:610px}.help-panel h2{margin-top:12px;margin-bottom:22px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;text-align:left;width:100%;margin-bottom:20px}.help-grid>div{display:flex;align-items:center;gap:5px;font-size:10px;color:#bdd0c6;white-space:nowrap}.help-grid kbd{background:#2b4350;border-color:#4b6067;color:#d9e1d0;font-size:9px;padding:3px 5px;min-width:22px}.help-grid span{margin-left:5px}.help-tip{border:1px solid #a4b8a41d;background:#78947e0c;color:#aabdb2;border-radius:7px;padding:12px 15px;font-size:10px;line-height:1.8;text-align:left;width:100%;margin-bottom:12px}.help-tip>b{color:#dfc397;display:block;margin-bottom:3px;font-weight:500}.modal-panel>.help-rule{font-size:9px;color:#859da1;margin:0 0 17px;text-align:left;line-height:1.8}.result-icon{font-size:32px;color:#e6c68c;margin-bottom:8px}.result-stats{display:flex;gap:34px;justify-content:center;margin:8px 0 18px}.result-stat{min-width:65px}.result-stat b{font-size:26px;color:#f2e5bf;display:block;font-weight:700}.result-stat span{font-size:9px;color:#8fa6a2;display:block;margin-top:5px}.result-materials{display:flex;gap:22px;font-size:10px;color:#b7c6b0;justify-content:center;border-top:1px solid #89a49b25;border-bottom:1px solid #89a49b25;padding:14px 17px;margin-bottom:22px;min-width:310px}.result-materials b{color:#e0d5b7;margin-left:4px}.result-panel .result-rule{font-size:9px;margin-bottom:14px;max-width:420px;color:#869f9f}.touch-controls{position:absolute;inset:auto 12px 12px;z-index:3;justify-content:space-between;pointer-events:none;display:none;gap:10px}.touch-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none;border:1px solid #e7edcf42;border-radius:9px;background:#203a4dcc;color:#edeedc;min-width:45px;height:45px;font-size:11px;font-weight:700;box-shadow:0 2px 0 #0e263966}.touch-controls button:active,.touch-controls button.pressed{background:#779c94bb}.touch-movement,.touch-actions{display:flex;gap:8px}.touch-movement button{font-size:28px;width:48px}.touch-actions .touch-attack{background:#c78964c9;border-color:#e9bc9366}
@keyframes cat-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:1350px){.page-shell{padding-top:12px}.site-header{height:105px}.intro-row{padding-top:34px;padding-bottom:28px}}
@media(max-width:950px){.controls-strip>div{gap:10px}.controls-note{display:none}.guide-cards{gap:10px}.guide-card{padding:16px 12px;gap:9px}.guide-icon{width:28px;height:28px}.guide-card h3{font-size:11px}.guide-card p{font-size:8px}.bank-status{display:none}.bank-items{gap:8px}.menu-copy h2{font-size:clamp(24px,4vw,40px)}.menu-copy p{font-size:11px}.menu-copy{padding-bottom:0}.menu-art{margin-left:-1%;width:47%}.menu-kicker{font-size:9px}.menu-copy h2{margin-top:15px}.menu-footnote{margin-top:13px}.menu-bottom{bottom:19px;padding-top:11px}.objective-hud{top:78px;left:auto;right:18px;transform:none}}
@media(max-width:700px){.page-shell{padding:0 18px}.site-header{height:80px}.brand{font-size:14px;gap:9px}.brand-caption{font-size:6px}.brand-icon{width:34px;height:34px;border-radius:10px}.edition-tag{display:none}.intro-row{padding:23px 0 19px}.eyebrow{font-size:8px;letter-spacing:.8px}h1{font-size:21px}.title-spark{font-size:14px;margin-left:8px}.chapter-label{font-size:9px}.chapter-label>span{font-size:6px;letter-spacing:1px}.game-topline{height:33px;padding:0 13px;font-size:9px}.game-topline-right{font-size:7px}.game-topline-right>span{display:none}.guide-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.guide-card{min-height:96px}.bank-card{grid-column:1/-1;min-height:82px;align-items:center}.bank-card .bank-status{display:inline}.bank-items{gap:24px}.site-footer{font-size:7px;padding-top:20px}.site-footer>span:last-child{font-size:5px;letter-spacing:.5px}.controls-strip{height:42px;padding:0 12px;font-size:8px}.controls-strip>div{gap:10px;flex-wrap:wrap}kbd{min-width:14px;font-size:6px;padding:2px 3px}.menu-panel{padding:0 7%}.menu-copy{width:58%}.menu-art{width:47%;margin-left:-4%}.menu-copy h2{font-size:clamp(21px,4.3vw,30px);line-height:1.4;margin:12px 0 10px}.menu-copy p{font-size:9px;margin-bottom:17px;line-height:1.9}.primary-button{font-size:10px;padding:10px 15px;border-radius:5px;gap:20px}.primary-button>span{font-size:17px}.start-button{min-width:140px}.menu-kicker{font-size:7px;letter-spacing:.8px;gap:6px}.tiny-spark{font-size:10px}.menu-footnote{font-size:6px;gap:3px;margin-top:11px}.keyboard-icon{font-size:8px}.menu-bottom{left:7%;right:7%;bottom:14px;font-size:6px;letter-spacing:.7px;padding-top:9px}.health-hud{top:10px;left:10px;padding:6px 7px;gap:7px;min-width:150px}.avatar-cat{width:25px;height:25px}.avatar-cat svg{width:24px;height:24px}.health-title{font-size:8px;gap:10px;margin-bottom:4px}.health-title>span{font-size:7px}.health-track{height:5px}.bag-hud{top:10px;right:10px;padding:7px;gap:10px}.bag-hud svg{width:12px;height:12px}.bag-hud>span{font-size:9px;gap:4px}.bag-hud b{min-width:10px}.pause-button{font-size:12px;padding-left:7px}.roll-hud{top:60px;left:12px;font-size:6px;gap:4px}.roll-track{width:30px}.objective-hud{top:58px;right:10px;font-size:7px;padding:5px 8px;gap:4px}.toast{font-size:9px;padding:7px 11px;bottom:17px}.modal-panel{padding:10px 0}.modal-symbol{font-size:28px;margin-bottom:2px}.modal-panel h2{font-size:22px;margin:9px 0}.modal-panel>p{font-size:9px;margin-bottom:13px}.modal-button-row{margin-top:13px;gap:20px}.quiet-button{font-size:9px}.modal-panel>small{font-size:7px;margin-top:9px}.help-panel{max-width:88%}.help-panel h2{font-size:21px;margin-bottom:15px}.help-grid{gap:8px 15px;margin-bottom:13px}.help-grid>div{font-size:8px;gap:3px}.help-grid kbd{font-size:7px;min-width:18px;padding:2px 3px}.help-grid span{margin-left:3px}.help-tip{font-size:8px;padding:8px 10px;margin-bottom:8px}.modal-panel>.help-rule{font-size:7px;margin-bottom:10px;line-height:1.6}.result-icon{font-size:23px;margin-bottom:3px}.result-stats{gap:27px;margin:4px 0 12px}.result-stat b{font-size:21px}.result-stat span{font-size:8px;margin-top:3px}.result-materials{gap:18px;padding:10px 12px;font-size:8px;min-width:255px;margin-bottom:12px}.result-panel .result-rule{font-size:7px;margin-bottom:9px}}
@media(pointer:coarse){.touch-controls:not([hidden]){display:flex}.toast{bottom:73px}.controls-strip>div>span:nth-child(6){display:none}}
@media(max-width:480px){.page-shell{padding:0 12px}.header-actions{gap:8px}.icon-button{width:27px;height:27px}.intro-row{padding:20px 0 16px}h1{font-size:19px}.eyebrow{font-size:7px}.chapter-label{font-size:8px}.game-card{border-radius:10px}.game-topline{height:30px;font-size:8px;padding:0 10px}.game-topline-right{font-size:6px}.menu-kicker{font-size:6px;letter-spacing:.5px}.menu-copy h2{font-size:21px;margin-top:9px;margin-bottom:8px}.menu-copy p{font-size:8px;margin-bottom:12px;line-height:1.8}.start-button{min-width:117px;padding:8px 12px;font-size:9px}.menu-footnote{font-size:5px;margin-top:8px}.menu-bottom{bottom:10px;font-size:5px;padding-top:7px}.controls-strip{height:54px}.controls-strip>div{gap:6px 10px}.guide-card{padding:13px 10px;gap:8px;min-height:100px}.guide-icon{width:25px;height:25px;border-radius:7px}.guide-icon>svg{width:15px;height:15px}.card-eyebrow{font-size:6px;letter-spacing:.5px;margin-bottom:4px}.guide-card h3{font-size:10px;letter-spacing:0;margin-bottom:5px}.guide-card p{font-size:7px;line-height:1.8}.bank-card{min-height:73px}.bank-items{font-size:7px;gap:20px}.bank-items b{font-size:8px}.site-footer{gap:8px;font-size:6px}.site-footer>span:last-child{font-size:4px;letter-spacing:.1px}.health-hud{min-width:132px;left:8px;top:8px;padding:5px;gap:5px}.health-title{font-size:7px}.health-title>span{font-size:6px}.avatar-cat{width:21px;height:21px}.avatar-cat svg{width:20px;height:20px}.bag-hud{top:8px;right:8px;gap:7px;padding:6px}.bag-hud>span{font-size:8px}.objective-hud{top:49px;right:8px;font-size:6px;padding:4px 6px}.roll-hud{top:49px;left:9px;font-size:5px}.roll-track{width:25px}.touch-controls{inset:auto 7px 7px;gap:5px}.touch-controls button{min-width:34px;height:34px;font-size:9px;border-radius:7px}.touch-movement,.touch-actions{gap:5px}.touch-movement button{width:34px;font-size:23px}.toast{font-size:7px;bottom:50px;padding:5px 8px}.modal-panel h2{font-size:18px;margin:6px 0}.modal-panel>p{font-size:7px;margin-bottom:10px}.modal-symbol{font-size:21px}.modal-panel .primary-button{padding:8px 12px;font-size:9px}.modal-button-row{margin-top:9px}.quiet-button{font-size:7px}.modal-panel>small{font-size:5px;margin-top:6px}.help-panel h2{font-size:16px;margin-bottom:9px}.help-grid{gap:6px 9px;margin-bottom:9px}.help-grid>div{font-size:6px;gap:2px}.help-grid span{margin-left:2px}.help-grid kbd{font-size:5px;min-width:13px;padding:2px 2px}.help-tip{font-size:6px;padding:5px 7px;margin-bottom:6px}.modal-panel>.help-rule{font-size:5px;margin-bottom:7px}.result-icon{font-size:19px;margin-bottom:0}.result-stats{gap:15px;margin:3px 0 9px}.result-stat{min-width:55px}.result-stat b{font-size:18px}.result-stat span{font-size:6px}.result-materials{font-size:6px;gap:16px;min-width:220px;padding:7px 10px;margin-bottom:9px}.result-panel .result-rule{font-size:5px;margin-bottom:7px;max-width:270px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Touch controls have their own rail, leaving the entire battlefield visible. */
.touch-controls{position:static;inset:auto;z-index:auto;padding:10px;height:64px;background:#172e3d;border-top:1px solid #d2e0bb15;gap:6px;align-items:center}
.touch-controls button{min-width:44px;height:44px;font-size:11px;flex-shrink:0}
.touch-movement button{width:44px;font-size:24px}
.touch-movement,.touch-actions{gap:6px}
@media(pointer:coarse){.toast{bottom:18px}}
@media(max-width:650px){
  .touch-controls:not([hidden]){display:flex}
  .touch-controls{padding:10px 6px;gap:4px}
  .touch-movement,.touch-actions{gap:4px}
  .health-hud{min-width:157px;gap:6px;padding:6px}
  .health-title,.health-title>span{font-size:9px}
  .objective-hud{font-size:9px;top:60px;padding:5px 7px}
  .roll-hud{font-size:8px;top:62px}
  .toast{font-size:10px;bottom:17px;max-width:94%;white-space:normal;line-height:1.5;padding:7px 10px}
}
@media(max-width:350px){.touch-controls{padding-left:5px;padding-right:5px;gap:4px}.objective-hud{right:6px}.roll-hud{left:8px}}

/* Full-window play surface with a separate, multi-touch thumb rail. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#172e3d}
.page-shell{max-width:none;width:100%;height:100dvh;padding:0;display:flex;flex-direction:column}
.site-header{position:absolute;z-index:6;top:env(safe-area-inset-top,0px);right:calc(14px + env(safe-area-inset-right,0px));height:48px;border:0}.brand,.edition-tag{display:none}.icon-button{background:#203b4c;color:#ecdfc1;border-color:#91aaa955;width:36px;height:36px}
body[data-screen="playing"] .site-header{display:none}
main{flex:1;min-height:0;display:flex}.intro-row,.game-topline,.controls-strip,.guide-cards,.site-footer{display:none}
.game-card{width:100%;height:100%;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;background:#172e3d}
.game-viewport{flex:1;min-height:0;aspect-ratio:auto;width:100%}
canvas{width:100%;height:100%;object-fit:contain}
.menu-panel{padding:30px 9%;}.menu-copy h2{font-size:clamp(28px,4vw,56px)}.menu-copy p{font-size:14px}.menu-footnote{font-size:10px}.menu-art{max-width:440px}.menu-bottom{bottom:28px}
.modal-panel{max-height:100%;overflow-y:auto;padding:24px 16px}.help-panel{max-width:580px}.help-grid>div{font-size:12px}.help-rule,.modal-panel>.help-rule{font-size:11px}.help-tip{font-size:12px}.modal-panel h2{font-size:28px}.modal-panel>p{font-size:12px}.modal-panel .primary-button{font-size:14px;padding:12px 22px}.quiet-button{font-size:12px}
.touch-controls{display:none;flex:0 0 auto;position:relative;padding:12px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));height:auto;min-height:100px;justify-content:space-between;background:#172e3d;user-select:none;-webkit-user-select:none;touch-action:none}
.touch-controls button{width:58px;height:58px;min-width:58px;border-radius:18px;font-size:13px;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #b7cac655;background:#2b4558;color:#f8eed4;box-shadow:0 4px 0 #102332}
.touch-movement,.touch-actions{display:flex;gap:12px;align-items:center}.touch-movement button{width:64px;min-width:64px;font-size:34px}.touch-actions .touch-attack{width:74px;height:74px;background:#bf795e;border-color:#e3ad8a;font-size:16px}.touch-controls button.pressed{background:#658887;transform:translateY(3px);box-shadow:none}.touch-actions .touch-attack.pressed{background:#de9b77}
.health-hud{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));min-width:190px}.health-title,.health-title>span{font-size:12px}.bag-hud{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right))}.bag-hud>span{font-size:13px}.objective-hud{top:72px;right:16px;font-size:11px}.roll-hud{top:76px;left:18px;font-size:10px}.toast{bottom:18px;font-size:12px}
@media(pointer:coarse),(max-width:650px){.touch-controls:not([hidden]){display:flex}}
@media(max-width:650px){.menu-panel{padding:32px 7%;flex-direction:column;justify-content:center}.menu-copy{width:100%;padding:0}.menu-copy h2{font-size:34px}.menu-art{width:65%;max-width:260px;margin:10px 0 0}.menu-bottom{left:7%;right:7%;font-size:9px}.menu-kicker{font-size:10px}.menu-copy p{font-size:12px}.start-button{font-size:14px;padding:12px 20px}.menu-footnote{font-size:9px}.touch-controls{padding-left:10px;padding-right:10px}.touch-movement,.touch-actions{gap:7px}.touch-controls button{width:48px;min-width:48px;height:54px;font-size:12px}.touch-movement button{width:52px;min-width:52px;font-size:30px}.touch-actions .touch-attack{width:62px;height:66px;font-size:14px}.health-hud{min-width:155px;left:10px;top:12px}.health-title,.health-title>span{font-size:10px}.bag-hud{right:10px;top:12px}.objective-hud{top:61px;font-size:10px}.roll-hud{top:64px;left:12px}.help-grid{gap:12px}.help-grid>div{font-size:10px}.help-grid kbd{font-size:10px}.result-stats{gap:22px}.result-stat b{font-size:26px}.result-stat span,.result-materials{font-size:11px}.result-panel .result-rule{font-size:10px}}
@media(max-width:370px){.touch-controls button{width:42px;min-width:42px}.touch-movement button{width:46px;min-width:46px}.touch-actions .touch-attack{width:54px}.touch-movement,.touch-actions{gap:5px}}
@media(orientation:landscape) and (max-height:550px){.touch-controls{min-height:78px;padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}.touch-controls button{height:52px}.touch-actions .touch-attack{height:62px}.menu-panel{flex-direction:row;padding:20px 10%}.menu-copy{width:60%}.menu-art{width:35%;max-width:230px;margin:0}.menu-copy h2{font-size:30px;line-height:1.25;margin:12px 0}.menu-copy p{margin-bottom:12px}.menu-bottom{display:none}.menu-footnote{margin-top:10px}.health-hud{top:8px}.bag-hud{top:8px}.objective-hud{top:53px}.roll-hud{top:55px}}

.game-card{min-width:0}
@media(orientation:landscape) and (max-height:550px){.touch-controls:not([hidden]){display:flex}}

/* Train life and dialogue share the full-window scene without advancing combat. */
body.in-train[data-screen="train"] .site-header{display:none}
.train-hud{position:absolute;z-index:2;inset:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) auto calc(16px + env(safe-area-inset-left));display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#efe5c8;pointer-events:none;font-size:12px}
.train-hud>div{padding:9px 12px;border:1px solid #a2b9af33;border-radius:9px;background:#182f40df;pointer-events:auto}.train-hud strong{display:block;font-size:15px}.train-hud #train-location{display:block;font-size:10px;color:#acc5b7;margin-top:4px}.train-shortcuts{display:flex;gap:8px;margin-left:auto}.train-hud button{border:1px solid #a9bcaa66;background:#425e62;color:#f5e6c8;border-radius:7px;min-height:38px;padding:6px 13px;font-size:12px}.train-hint{width:100%;color:#c6d0b7;font-size:10px}
.in-train .touch-controls [data-action="attack"],.in-train .touch-controls [data-action="roll"]{display:none}
.expedition-pouch{position:absolute;left:16px;top:104px;z-index:2;pointer-events:none;color:#dae4c6;background:#183142c9;padding:7px 10px;border-radius:8px;font-size:11px;max-width:calc(100% - 32px)}
.train-panel{width:min(1020px,94%);height:92%;max-height:800px;background:#f1eddf;color:#344a4a;display:flex;flex-direction:column;border:1px solid #a4b1a1;border-radius:16px;padding:22px;box-shadow:0 15px 60px #0f203780}
.train-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.train-panel-header h2{font-size:23px;margin:6px 0 14px}.train-panel-header small{font-size:11px;color:#708574}
.train-panel button,.dialogue-panel button{border:1px solid #91a595;background:#e0e8d9;color:#3d5553;min-height:42px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600}.train-panel button:hover,.dialogue-panel button:hover{background:#cfddc4}.train-panel button:disabled{opacity:.5}.train-panel-header button{white-space:nowrap;background:transparent}
.train-summary{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0;font-size:11px}.train-summary>span{background:#8faaa91c;padding:6px 9px;border:1px solid #90a4a733;border-radius:7px}.train-summary b{margin-left:5px}
.train-tabs{display:flex;gap:7px;overflow-x:auto;flex-shrink:0;margin:8px 0}.train-tabs button{min-width:65px;white-space:nowrap}.train-tabs [aria-pressed="true"]{background:#3e5e61;color:#fff0d0}.train-message{min-height:24px;color:#925c46;font-size:12px;line-height:1.65;flex-shrink:0;margin:5px 0}.train-panel-content{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 12px 0}.train-panel-footer{padding-top:10px;border-top:1px solid #cbd0bf;font-size:10px;color:#788879;flex-shrink:0}
.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.train-card{border:1px solid #cbd2c2;background:#faf6e9;border-radius:12px;padding:17px}.train-card.selected{border-color:#789e83;background:#e4ecdc}.train-card h3{font-size:17px;margin:8px 0}.train-card small{font-size:10px;color:#80907c}.train-card p{font-size:12px;line-height:1.8;margin:8px 0;color:#69796b}.train-card button{margin-right:6px;margin-top:7px}.train-note{font-size:12px;line-height:1.8;color:#74846f}.empty-cabin{font-size:15px;line-height:2.2;padding:35px 14px;text-align:center;color:#778e80}.passenger-status{display:block;font-size:11px;font-weight:400;color:#92755d;margin-top:6px}.journal-list p{font-size:13px;line-height:1.8;border-left:3px solid #a7b79c;padding:12px;background:#faf6e9;border-radius:0 8px 8px 0}.event-card{max-width:620px;margin:auto}
.dialogue-panel{display:flex;align-items:center;justify-content:center;padding:16px}.dialogue-card{width:min(660px,100%);max-height:100%;overflow-y:auto;background:#223e4d;border:1px solid #8da99566;border-radius:17px;padding:26px;color:#f1e4c4;overscroll-behavior:contain}.dialogue-heading{display:flex;gap:20px;align-items:center}.dialogue-heading small{font-size:11px;color:#adbeaa}.dialogue-heading h2{font-size:27px;margin:7px 0}.dialogue-heading p{font-size:11px;color:#9fb9b3;margin:5px 0}.dialogue-text{font-size:16px;line-height:1.9;margin:22px 0;min-height:90px}.dialogue-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.dialogue-panel button{background:#47676a;border-color:#91aa9566;color:#f5e7c8}.dialogue-panel button:hover{background:#5e8079}.dialogue-footnote{font-size:10px;color:#9fb3ab;line-height:1.8;display:block}.passenger-portrait{width:80px;height:82px;background:#142c3d;border-radius:12px;position:relative;flex-shrink:0}.passenger-portrait:before{content:'';position:absolute;width:30px;height:30px;background:#e5bc9c;top:16px;left:25px;border-top:8px solid #6c6268;box-shadow:0 -5px 0 #6c6268}.passenger-portrait:after{content:'';position:absolute;width:48px;height:30px;left:16px;top:48px;background:var(--portrait)}.passenger-portrait span{position:absolute;z-index:1;top:31px;left:32px;width:4px;height:5px;background:#3d4351;box-shadow:13px 0 0 #3d4351}.return-supplies{font-size:12px!important;color:#b6caae!important;line-height:1.7;max-width:85%;text-align:center}
@media(max-width:650px){.train-hud{inset:12px 10px auto;gap:6px;font-size:10px}.train-hud>div{padding:7px 9px}.train-shortcuts{margin-left:0}.train-hud button{padding:5px 8px;font-size:10px;min-height:36px}.train-hint{font-size:9px}.expedition-pouch{font-size:9px;left:10px;top:91px;padding:6px;max-width:calc(100% - 20px)}.train-panel{width:96%;height:94%;padding:14px 12px}.train-panel-header h2{font-size:18px}.train-panel-header button{font-size:10px;padding:6px 8px}.train-summary{gap:4px;font-size:10px}.train-summary>span{padding:5px 7px}.train-tabs{gap:4px}.train-tabs button{min-width:52px;padding:6px 9px}.station-grid{grid-template-columns:1fr}.train-card{padding:13px}.train-card h3{font-size:16px}.dialogue-panel{padding:10px}.dialogue-card{padding:18px 15px}.dialogue-heading{gap:12px}.dialogue-heading h2{font-size:22px}.dialogue-text{font-size:14px;min-height:0;margin:17px 0}.dialogue-panel button{font-size:12px;padding:8px 10px}.dialogue-heading small{font-size:10px}}
@media(orientation:landscape) and (max-height:550px){.train-hud{gap:6px;inset:8px 12px auto}.train-hud>div{padding:6px 9px}.train-hud #train-location{font-size:9px}.train-hud strong{font-size:12px}.train-hint{display:none}.train-panel{height:96%;padding:12px 16px}.train-panel-header h2{font-size:18px;margin:4px 0}.train-summary{margin:5px 0}.train-tabs{margin:3px 0}.train-tabs button{min-height:32px}.train-panel-footer{padding-top:5px}.dialogue-card{max-height:100%;padding:16px}.dialogue-heading h2{font-size:20px}.passenger-portrait{width:64px;height:65px;transform:scale(.8);margin:-6px}.dialogue-text{font-size:13px;margin:10px 0;min-height:0}.dialogue-choices{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0;gap:6px}.dialogue-panel button{min-height:35px;font-size:11px}.dialogue-footnote{font-size:9px}}

body[data-screen="train-console"] .site-header,body[data-screen="dialogue"] .site-header{display:none}
.material-trades{display:flex;gap:8px;flex-wrap:wrap}

.journey-progress{position:absolute;z-index:6;top:calc(7px + env(safe-area-inset-top));left:12px;right:12px;padding:9px 14px;background:#1a3445f2;color:#e8dec3;border:1px solid #a2c0b84d;border-radius:10px;font-size:12px;pointer-events:none}.journey-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.journey-track{height:6px;background:#3a515a;border-radius:4px;overflow:hidden}.journey-track>div{height:100%;background:#c7d5a5;transition:width .15s linear}.on-journey .train-hud{top:calc(75px + env(safe-area-inset-top))}.on-journey .train-panel{height:calc(100% - 94px);margin-top:65px}.on-journey .dialogue-panel{padding-top:76px}.passenger-vitals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;font-size:12px}.passenger-vitals>span{padding:10px;background:#153040;border:1px solid #8baa9a44;border-radius:8px;color:#b0c5b6}.passenger-vitals b{display:block;color:#f0e1bf;margin-top:7px;font-size:14px}.passenger-need{font-size:14px;line-height:1.8;padding:12px 14px;border-left:3px solid #cab589;background:#45615f4d}.compact-dialogue .dialogue-choices{grid-template-columns:1fr 1fr}.train-shortcuts button:disabled{opacity:.45;cursor:default}
@media(max-width:650px){.journey-progress{font-size:10px;left:8px;right:8px;padding:8px 10px}.passenger-vitals{gap:5px;font-size:10px}.passenger-vitals>span{padding:9px 7px}.passenger-vitals b{font-size:12px}.passenger-need{font-size:12px}}
@media(orientation:landscape) and (max-height:550px){.journey-progress{top:5px;padding:6px 12px;font-size:10px}.journey-progress>div:first-child{margin-bottom:5px}.on-journey .train-hud{top:55px}.on-journey .train-panel{height:calc(100% - 67px);margin-top:52px}.on-journey .dialogue-panel{padding-top:58px}.compact-dialogue .passenger-vitals>span{padding:5px 8px}.compact-dialogue .passenger-vitals b{display:inline;margin-left:7px;font-size:12px}.compact-dialogue .passenger-need{padding:6px 10px;margin:8px 0}.compact-dialogue .dialogue-text{margin:8px 0;font-size:12px}}