:root{color-scheme:light;font-family:Songti SC,STSong,"Noto Serif CJK SC",Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-primary: #c62828;--color-primary-dark: #8e0000;--color-primary-soft: #ffebee;--color-background: #ffffff;--color-surface: #fafafa;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #e0e0e0;--color-earth: #9a6b12;--color-mystic: #7b1fa2;--color-yellow: #1565c0;--color-ink: #263238;--color-jade: #2f6251;--color-gold-soft: #fff8df;--color-blue-soft: #eef5fb;--shadow-raised: 0 10px 30px rgba(32, 32, 32, .12);--motion-fast: .16s;--radius: 6px}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;color:var(--color-text);background:var(--color-background)}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:0}button,[role=button]{min-height:44px}button{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;cursor:pointer}button:hover:not(:disabled){border-color:#bdbdbd;background:#f7f7f7}button:disabled{cursor:not-allowed;opacity:.46}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;padding:10px 12px}textarea{resize:vertical}h1,h2,h3,p{overflow-wrap:anywhere}progress{accent-color:var(--color-primary)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}.icon-button{display:inline-grid;width:44px;min-width:44px;height:44px;padding:0;place-items:center;color:var(--color-text)}.primary-button,.secondary-button,.danger-button,.icon-text-button,.danger-text-button,.confirm-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;font-weight:700}.primary-button{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.primary-button:hover:not(:disabled){border-color:var(--color-primary-dark);background:var(--color-primary-dark)}.secondary-button{border-color:#bdbdbd;background:#fff}.danger-button,.confirm-button.danger{border-color:var(--color-primary-dark);color:#fff;background:var(--color-primary-dark)}.icon-text-button,.danger-text-button{border-color:transparent;background:transparent}.danger-text-button{color:var(--color-primary-dark)}.confirm-button{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-primary-soft);font-size:12px}.full-button{width:100%}.compact-button{min-height:36px;padding:5px 10px;font-size:13px}.text-button{min-height:36px;border-color:transparent;color:var(--color-primary-dark);background:transparent;font-weight:700}.eyebrow,.question-category{color:var(--color-primary);font-family:system-ui,sans-serif;font-size:12px;font-weight:800}.form-note,.empty-copy,.warning-copy{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:13px;line-height:1.6}.warning-copy{color:var(--color-primary-dark)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(198,40,40,.35);outline-offset:2px}.boot-shell{position:relative;display:grid;min-height:100dvh;place-content:center;overflow:hidden;padding:24px;text-align:center;background:url(/art/ink-mountains.svg) center bottom / min(1100px,160vw) auto no-repeat}.boot-mark{width:64px;height:64px;margin:0 auto 24px;border-radius:8px}.boot-shell h1{margin:8px 0;color:var(--color-primary-dark);font-size:46px;font-weight:700;letter-spacing:0}.boot-kicker,.boot-copy{margin:0;color:var(--color-text-muted)}.dialog-backdrop{position:fixed;z-index:100;inset:0;display:grid;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));place-items:center;background:#1a1a1a8f}.dialog-surface{display:grid;width:min(100%,560px);max-height:min(90dvh,900px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #d0d0d0;border-radius:6px;background:#fff;box-shadow:0 18px 60px #0003}.dialog-surface--wide{width:min(100%,820px)}.dialog-header{display:flex;min-height:62px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:8px 10px 8px 20px}.dialog-header h2{margin:0;color:var(--color-primary-dark);font-size:20px}.dialog-content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;overscroll-behavior:contain}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--color-border);padding:12px 20px}.error-toast{position:fixed;z-index:200;right:max(16px,env(safe-area-inset-right));bottom:max(90px,calc(env(safe-area-inset-bottom) + 90px));display:flex;max-width:min(440px,calc(100vw - 32px));align-items:center;gap:10px;border:1px solid #ef9a9a;border-radius:6px;padding:10px 12px;color:var(--color-primary-dark);background:snow;box-shadow:0 10px 32px #00000029;font-family:system-ui,sans-serif;font-size:13px}.error-toast span{flex:1}.error-toast button{min-height:34px;color:var(--color-primary-dark);font-weight:700}.pwa-prompt{position:fixed;z-index:180;right:max(16px,env(safe-area-inset-right));bottom:max(88px,calc(env(safe-area-inset-bottom) + 88px));display:flex;max-width:min(480px,calc(100vw - 32px));align-items:center;gap:10px;border:1px solid #c9c9c9;border-left:4px solid var(--color-primary);border-radius:6px;padding:10px;background:#fff;box-shadow:0 10px 32px #00000029;font-family:system-ui,sans-serif}.pwa-prompt>span{display:grid;min-width:0;flex:1;gap:2px}.pwa-prompt small{color:var(--color-text-muted)}.pwa-prompt>button:not(.icon-button){padding:7px 12px;color:#fff;background:var(--color-primary);font-weight:700}.pwa-prompt .icon-button{width:36px;min-width:36px;height:36px;min-height:36px}.menu-shell{position:relative;display:grid;min-height:100dvh;overflow:hidden;place-items:center;padding:32px 20px max(32px,env(safe-area-inset-bottom));background:#fff url(/art/ink-mountains.svg) center bottom / min(1200px,190vw) auto no-repeat}.menu-shell:after{position:absolute;right:max(24px,8vw);top:8vh;width:72px;height:72px;border:7px double rgba(198,40,40,.14);content:"";transform:rotate(4deg)}.menu-inner{position:relative;z-index:1;display:grid;width:min(100%,380px);gap:34px}.menu-brand{text-align:center}.menu-brand img{width:62px;height:62px;border-radius:6px}.menu-brand p{margin:16px 0 4px;color:var(--color-text-muted);font-size:13px}.menu-brand h1{margin:0;color:var(--color-primary-dark);font-size:52px;line-height:1.16}.menu-brand span{color:#8a8a8a;font-family:system-ui,sans-serif;font-size:11px}.menu-actions{display:grid;gap:8px}.menu-actions button{display:flex;min-height:50px;align-items:center;gap:12px;justify-content:flex-start;padding:10px 18px;font-weight:700}.menu-actions .menu-primary{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.save-slot-list{display:grid;gap:8px}.save-slot-row{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;text-align:left}.save-slot-row>span{display:grid;min-width:0;gap:3px}.save-slot-row>span:last-child{text-align:right}.save-slot-row small{overflow:hidden;color:var(--color-text-muted);font-family:system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.save-slot-row--actions>span:last-child{text-align:initial}.slot-buttons{display:flex!important;flex-direction:row;flex-shrink:0}.section-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#999;font-family:system-ui,sans-serif;font-size:12px}.section-divider:before,.section-divider:after{height:1px;flex:1;background:var(--color-border);content:""}.field-label{display:grid;gap:7px;margin:0 0 16px;font-family:system-ui,sans-serif;font-size:13px;font-weight:700}.input-with-action{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:7px}.guide-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.guide-copy section{border-bottom:1px solid var(--color-border);padding:10px 0}.guide-copy h3{margin:0 0 5px;color:var(--color-primary-dark);font-size:16px}.guide-copy p{margin:0;color:#4d4d4d;line-height:1.75}.new-game-shell{min-height:100dvh;background:#fff url(/art/ink-mountains.svg) center bottom / min(1000px,190vw) auto no-repeat}.wizard-header{display:grid;min-height:68px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;border-bottom:1px solid var(--color-border);padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.wizard-header>div{display:grid}.wizard-count{color:var(--color-text-muted);font-family:system-ui,sans-serif;text-align:center}.wizard-progress{height:3px;background:#eee}.wizard-progress span{display:block;height:100%;background:var(--color-primary);transition:width .18s ease}.wizard-stage{display:grid;width:min(100%,720px);min-height:calc(100dvh - 72px);align-content:center;gap:18px;margin:0 auto;padding:28px max(18px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}@media (max-height: 720px){.question-stage{min-height:auto;align-content:start;padding-bottom:96px}.wizard-next-button{position:fixed;z-index:55;bottom:max(14px,env(safe-area-inset-bottom));left:50%;width:min(calc(100vw - 36px),684px);transform:translate(-50%);box-shadow:0 0 0 10px #fffffff5,var(--shadow-raised)}}.identity-stage{width:min(100%,460px)}.identity-brand{margin-bottom:12px;text-align:center}.identity-brand img{width:54px;border-radius:6px}.identity-brand h1,.question-stage h1,.summary-stage h1{margin:12px 0 4px;color:var(--color-primary-dark);font-size:30px;line-height:1.38}.identity-brand p{margin:0;color:var(--color-text-muted)}.fate-options{display:grid;gap:10px}.fate-option{display:grid;min-height:104px;gap:6px;border-left:4px solid transparent;padding:14px 16px;text-align:left}.fate-option strong{font-size:17px}.fate-option span{color:var(--color-text-muted);line-height:1.5}.fate-option small{color:var(--color-primary-dark);font-family:system-ui,sans-serif;font-weight:700}.fate-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.attribute-ribbon{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.attribute-ribbon>span{display:grid;gap:2px;border-right:1px solid var(--color-border);padding:8px 3px;text-align:center}.attribute-ribbon>span:last-child{border-right:0}.attribute-ribbon small,.attribute-grid span{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px}.attribute-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.attribute-grid>div{display:grid;gap:5px;border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;background:#fff}.attribute-grid strong{color:var(--color-primary-dark);font-size:22px}.tendency-choice{margin:0;border:0;padding:0}.tendency-choice legend,.settings-fieldset legend{margin-bottom:9px;font-weight:700}.tendency-choice>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tendency-choice button{display:grid;min-width:0;min-height:96px;place-items:center;gap:3px;padding:10px 6px}.tendency-choice button small{color:var(--color-text-muted)}.tendency-choice button.is-selected{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-primary-soft)}.settings-list{display:grid;gap:4px}.settings-fieldset{margin:0;border:0;border-bottom:1px solid var(--color-border);padding:6px 0 16px}.segmented-control{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);overflow:hidden;border:1px solid #cfcfcf;border-radius:var(--radius)}.segmented-control button{min-height:40px;border:0;border-right:1px solid #d8d8d8;border-radius:0}.segmented-control button:last-child{border-right:0}.segmented-control button.is-active{color:#fff;background:var(--color-primary)}.toggle-row{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--color-border);font-family:system-ui,sans-serif}.toggle-row>span{display:grid;gap:3px}.toggle-row small{color:var(--color-text-muted)}.toggle-row input{width:22px;min-height:22px;accent-color:var(--color-primary)}.game-shell{min-height:100dvh;background:#fff}.game-shell.font-scale-small{font-size:14px}.game-shell.font-scale-medium{font-size:16px}.game-shell.font-scale-large{font-size:18px}.game-topbar{position:sticky;z-index:30;top:0;display:grid;min-height:76px;grid-template-columns:minmax(280px,1fr) minmax(190px,auto) 44px;align-items:center;gap:18px;border-bottom:1px solid var(--color-border);padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:#fffffff7}.topbar-resources{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px}.topbar-context{display:grid;gap:3px;text-align:right}.topbar-time-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 8px}.topbar-context span{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:12px;white-space:nowrap}.topbar-context .remaining-life{color:var(--color-danger);font-weight:700}.game-content{display:grid;width:min(100%,1180px);min-height:calc(100dvh - 150px);grid-template-columns:minmax(0,1fr) 280px;gap:0;margin:0 auto;border-right:1px solid var(--color-border);border-left:1px solid var(--color-border)}.narrative-scroll{min-width:0;height:calc(100dvh - 148px);overflow-y:auto;padding:32px 34px 100px;scroll-behavior:smooth;overscroll-behavior:contain}.location-lead{position:relative;padding-bottom:24px}.location-lead:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--color-border);content:""}.location-title-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:12px}.location-title-line span:first-child{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary-dark);font-weight:700}.location-lead h1{margin:15px 0 18px;color:var(--color-primary-dark);font-size:32px}.location-lead p{margin:7px 0;color:#454545;line-height:1.78}.world-event{display:grid;gap:4px;margin-top:18px;border-left:4px solid var(--color-earth);padding:10px 14px;background:#fffdf6}.world-event--red-tide,.world-event--vendetta{border-color:var(--color-primary);background:var(--color-primary-soft)}.world-event span{color:var(--color-text-muted);font-size:13px}.tracked-quest{display:flex;align-items:flex-start;gap:10px;margin:20px 0;border:1px solid #d9d0ad;border-radius:var(--radius);padding:12px;color:#5f470a;background:#fffdf5}.tracked-quest>div{display:grid;gap:4px}.tracked-quest span{color:#746a4b;font-family:system-ui,sans-serif;font-size:12px}.long-term-progress{display:grid;gap:10px;margin:20px 0 26px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:14px 0}.long-term-progress>header,.long-term-progress>header>div,.long-term-progress details{display:grid}.long-term-progress>header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;color:var(--color-primary-dark)}.long-term-progress>header>div{gap:2px}.long-term-progress>header span,.long-term-progress details small{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px}.long-term-progress progress{width:100%;height:5px;accent-color:var(--color-earth)}.non-combat-profile{display:grid;gap:6px;border-left:3px solid var(--color-earth);padding:7px 9px;background:#fffdf6;font-family:system-ui,sans-serif;font-size:11px}.non-combat-profile>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;color:var(--color-text-muted)}.long-term-progress ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.long-term-progress li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;color:#555;font-family:system-ui,sans-serif;font-size:12px}.long-term-progress li.is-complete{color:#2d5b48}.long-term-progress details{gap:6px;border-top:1px dashed var(--color-border);padding-top:9px}.long-term-progress summary{display:flex;align-items:center;gap:6px;color:var(--color-primary-dark);cursor:pointer;font-family:system-ui,sans-serif;font-size:12px;font-weight:700}.long-term-progress details p{margin:0;line-height:1.55}.milestone-director-summary,.milestone-proposals,.narrative-learning-hints{display:grid;gap:7px;border:1px solid #ded6bc;border-radius:var(--radius);padding:10px;background:#fffdf6;font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}.milestone-director-summary>span{color:var(--color-text-muted)}.milestone-proposals h3,.milestone-proposal-list h4{margin:0}.milestone-proposal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.milestone-proposal-list article{display:grid;min-width:0;align-content:start;gap:7px;border:1px solid var(--color-border);border-radius:var(--radius);padding:10px;background:#fff}.milestone-proposal-list article p,.milestone-proposal-list article small,.milestone-proposal-list article span{margin:0}.milestone-proposal-list article small,.milestone-proposal-list article span{color:var(--color-text-muted)}.milestone-proposal-list article button{align-self:end;margin-top:auto;border-color:var(--color-earth);padding:7px 9px;color:#5f470a;font-weight:700}.milestone-resolution{border-left:3px solid var(--color-jade);padding-left:9px;color:var(--color-jade)}.narrative-learning-hints{margin:18px 0;border-color:#cddfd8;background:#f3f8f6}.narrative-learning-hints ul{display:grid;gap:5px;margin:0;padding-left:20px}.narrative-load-earlier{width:100%;margin-bottom:8px}.building-band{margin:26px 0}.building-band h2,.narrative-log-section h2{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:17px}.building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.building-grid button{display:grid;min-width:0;min-height:66px;gap:4px;padding:10px 12px;text-align:left}.building-grid button span{overflow:hidden;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.narrative-log-section{margin-top:30px}.narrative-log{display:grid;gap:0;border-top:1px solid var(--color-border)}.narrative-entry{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;margin:0;border-bottom:1px solid #eeeeee;padding:11px 0;line-height:1.55}.narrative-entry>span:first-child{color:#8c8c8c;font-family:system-ui,sans-serif;font-size:11px}.narrative-entry-text{min-width:0}.narrative-repeat-count{display:inline-block;margin-left:7px;border:1px solid var(--color-border);border-radius:3px;padding:0 4px;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.narrative-entry--danger{color:var(--color-primary-dark)}.narrative-entry--reward{color:#6a4c06}.narrative-entry--world{color:#244a3b}.travel-aside{display:grid;min-width:0;place-content:center;border-left:1px solid var(--color-border);padding:24px;background:var(--color-surface)}.travel-controls{display:grid;width:220px;gap:20px}.travel-controls-toggle{display:none}.direction-pad{display:grid;width:180px;height:180px;grid-template:repeat(3,56px) / repeat(3,56px);gap:6px;margin:auto}.direction-pad button,.direction-center{display:grid;width:56px;min-width:56px;height:56px;min-height:56px;place-items:center}.direction-pad .north{grid-area:1 / 2}.direction-pad .west{grid-area:2 / 1}.direction-pad .east{grid-area:2 / 3}.direction-pad .south{grid-area:3 / 2}.direction-center{grid-area:2 / 2;color:var(--color-primary)}.explore-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.explore-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;display:grid;width:min(100%,760px);grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--color-border);border-bottom:0;background:#fffffffa;transform:translate(-50%);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{display:grid;min-width:0;height:66px;place-items:center;align-content:center;gap:3px;border:0;border-right:1px solid #ededed;border-radius:0;color:#3d3d3d;background:transparent}.bottom-nav button:last-child{border-right:0}.bottom-nav button span{font-family:system-ui,sans-serif;font-size:11px}.resource{min-width:0}.resource-label{display:flex;justify-content:space-between;gap:6px;margin-bottom:4px;font-family:system-ui,sans-serif;font-size:11px}.resource-track{height:8px;overflow:hidden;border-radius:2px;background:#ececec}.resource-fill{display:block;height:100%;background:var(--color-primary);transition:width .16s ease}.resource--qi .resource-fill{background:#1565c0}.resource--stamina .resource-fill{background:#47795b}.resource--enemy .resource-track{height:13px}.resource--enemy .resource-fill{background:var(--color-primary-dark)}.resource--compact .resource-label{font-size:10px}.resource--compact .resource-track{height:6px}.quality-label{display:inline-flex;min-height:24px;flex-shrink:0;align-items:center;border:1px solid var(--quality-color);border-left-width:4px;border-radius:3px;padding:2px 7px;color:var(--quality-color);background:#fff;font-family:system-ui,sans-serif;font-size:11px;font-weight:800}.quality-label--compact{width:24px;min-width:24px;height:24px;min-height:24px;justify-content:center;border-left-width:1px;padding:0}.panel-tabs{width:100%;margin-bottom:18px}.panel-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.panel-section{margin-top:24px;border-top:1px solid var(--color-border);padding-top:18px}.panel-section:first-child{margin-top:0;border-top:0;padding-top:0}.panel-section h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:16px}.item-list{display:grid;gap:10px}.item-list--compact{gap:6px}.item-row{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;background:#fff}.item-row.is-active-row{border-left:4px solid var(--color-primary);background:snow}.item-row>header{display:flex;min-width:0;align-items:center;gap:8px}.item-row>header strong{min-width:0;flex:1}.item-row>header>span:not(.quality-label){flex-shrink:0;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px}.item-row>p{margin:10px 0;color:#555;line-height:1.58}.item-row>small{color:var(--color-text-muted);line-height:1.5}.tag-line,.equipment-detail,.quest-meta,.stat-lines{display:flex;flex-wrap:wrap;gap:6px}.tag-line>span,.equipment-detail>span,.quest-meta>span,.status-line>span{display:inline-flex;min-height:25px;align-items:center;gap:4px;border:1px solid #e0e0e0;border-radius:3px;padding:3px 7px;color:#555;background:#fafafa;font-family:system-ui,sans-serif;font-size:11px}.equipment-detail{margin-top:10px}.equipment-detail small{width:100%;color:var(--color-text-muted);line-height:1.5}.equipment-change-preview{display:grid;gap:6px;margin-top:10px;border-left:3px solid var(--color-earth);padding:8px 10px;background:#fffdf6;font-family:system-ui,sans-serif;font-size:11px}.equipment-change-preview>div{display:flex;flex-wrap:wrap;gap:5px}.equipment-change-preview span{border:1px solid currentColor;border-radius:3px;padding:2px 5px}.equipment-change-preview .is-positive{color:#2d5b48}.equipment-change-preview .is-negative{color:var(--color-primary-dark)}.equipment-change-preview small{color:var(--color-text-muted);line-height:1.5}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:12px}.row-actions--start{justify-content:flex-start}.muted-action{display:inline-flex;min-height:36px;align-items:center;gap:5px;color:var(--color-text-muted);font-size:12px}.mastery-line{display:grid;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:12px;margin-top:12px;font-family:system-ui,sans-serif;font-size:12px}.mastery-line progress{width:100%}.effect-line{display:flex;align-items:flex-start;gap:6px;border-left:3px solid var(--color-earth);padding-left:9px;font-size:13px}.active-mark{display:inline-flex;align-items:center;gap:3px;color:var(--color-primary-dark)!important;font-weight:700}.inventory-toolbar{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,160px) minmax(100px,160px);align-items:end;gap:10px;margin-bottom:16px}.inventory-toolbar label{display:grid;gap:4px;font-family:system-ui,sans-serif;font-size:11px}.inventory-toolbar select{min-width:0}.inventory-weight{display:flex;min-height:44px;align-items:center;gap:5px}.character-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.character-summary h3{margin:5px 0;color:var(--color-primary-dark);font-size:28px}.character-summary p{margin:0;color:var(--color-text-muted)}.reputation-pair{display:flex;gap:8px}.reputation-pair span{display:grid;border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;color:var(--color-text-muted);text-align:center}.attribute-grid--panel{grid-template-columns:repeat(7,minmax(0,1fr))}.stat-lines>span{display:inline-flex;min-height:40px;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius);padding:7px 10px}.ledger-note{margin:9px 0 0;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px;line-height:1.55}.long-term-progress details .ledger-note{margin:0;border-top:1px dashed var(--color-border);padding-top:6px}.equipment-list{margin:0}.equipment-list>div{display:grid;grid-template-columns:70px minmax(0,1fr);border-bottom:1px solid #eee;padding:10px 0}.equipment-list dt{color:var(--color-text-muted)}.equipment-list dd{margin:0;font-weight:700}.plain-list{display:grid}.plain-list-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:9px 0}.plain-list-row>span{display:grid;min-width:0;gap:3px}.plain-list-row small{color:var(--color-text-muted)}.status-text{color:var(--color-primary-dark)!important;font-weight:700}.quest-meta{margin:10px 0}.building-intro{margin:0 0 18px;color:var(--color-text-muted);line-height:1.6}.daily-offer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;border:1px solid #d9d0ad;border-left:4px solid var(--color-earth);border-radius:var(--radius);padding:11px 13px;background:#fffdf5}.daily-offer>span{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:5px 8px}.daily-offer small{width:100%;color:var(--color-text-muted)}.daily-offer>strong{flex-shrink:0;color:#6a4c06}.service-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.service-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-weight:700}.service-actions .service-action-button{display:grid;min-width:150px;grid-template-columns:1fr;gap:3px;padding:8px 12px}.service-action-label{display:inline-flex;align-items:center;justify-content:center;gap:6px}.service-action-button small{color:var(--color-text-muted);font-size:10px;font-weight:500}.service-feedback{margin:-4px 0 14px;border-left:3px solid var(--color-jade);padding:8px 10px;color:#244a3b;background:#edf7f3;font-family:system-ui,sans-serif;font-size:12px}.quest-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;border-bottom:1px solid var(--color-border);padding:14px 0}.quest-notice>span:not(.quality-label){display:grid;gap:4px}.quest-notice p{margin:5px 0;color:var(--color-text-muted);line-height:1.5}.quest-notice.complete{color:#5f470a;background:#fffdf4}.shop-row,.service-equipment{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eeeeee;padding:10px 0}.shop-row>span,.service-equipment>span{display:flex;min-width:0;align-items:center;gap:7px}.shop-row>span:first-child,.service-equipment>span:first-child{flex:1;flex-wrap:wrap}.shop-row>span:last-child,.service-equipment>span:last-child{flex-shrink:0}.shop-row small,.service-equipment small{color:var(--color-text-muted);font-size:11px}.shop-row>span:first-child small{width:100%;padding-left:32px}.service-equipment button{display:inline-flex;min-height:36px;align-items:center;gap:4px;padding:5px 8px;font-size:12px}.service-equipment .service-cost-button{align-items:center}.service-cost-button>span{display:grid;gap:1px;text-align:left}.service-cost-button small{font-size:9px;font-weight:400;white-space:nowrap}.life-pledge{display:grid;gap:10px;border-color:#ef9a9a;background:snow;padding:18px}.life-pledge p{margin:0;color:var(--color-primary-dark)}.life-pledge-select{display:grid;gap:6px;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:12px}.life-pledge-preview{display:grid;gap:10px;border-block:1px solid #efcccc;padding-block:10px}.life-pledge-preview dl{display:grid;gap:0;margin:0}.life-pledge-preview dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;border-bottom:1px solid #f1e3e3;padding:7px 0}.life-pledge-preview dt{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px}.life-pledge-preview dd{margin:0;font-size:13px}.life-pledge-preview .affinity-aligned{color:#1f6248}.life-pledge-preview .affinity-conflict,.life-pledge-warning{color:#8c2424;font-weight:700}.life-pledge-preview .life-pledge-safe{color:#315f4d}.life-pledge-pool{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:12px}.life-pledge-pool summary{cursor:pointer;font-weight:700}.life-pledge-pool ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:10px 0 0;padding-left:18px}.bank-service label{display:grid;max-width:260px;gap:6px;margin-bottom:12px}.code-section{display:grid;gap:10px}.code-section h3{margin-bottom:0}.code-section textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.code-section button{justify-self:start}.game-code{display:block;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);padding:13px;color:var(--color-primary-dark);background:#fafafa;font-size:14px;font-weight:700;white-space:nowrap}.danger-zone{border-color:#ef9a9a}.combat-view{grid-column:1 / -1;display:grid;min-height:calc(100dvh - 78px);grid-template-rows:auto minmax(160px,1fr) auto;background:#fff}.combat-risk-banner{display:grid;grid-template-columns:auto repeat(3,minmax(0,auto)) minmax(160px,1fr);align-items:center;gap:8px 14px;border-bottom:1px solid #d8dfdc;padding:8px 12px;color:#244a3b;background:#f1f8f5;font-family:system-ui,sans-serif;font-size:12px}.combat-risk-banner strong{color:var(--color-jade-dark)}.combat-risk-banner small{color:var(--color-text-muted);text-align:right}.combat-risk-banner--dangerous,.combat-risk-banner--overwhelming{color:#7f2626;background:#fff3f3}.combat-risk-banner--dangerous strong,.combat-risk-banner--overwhelming strong{color:var(--color-primary-dark)}.combat-view--heavenly{animation:heavenly-arrival .85s ease-out 1}.combat-opponents{display:grid;grid-template-columns:1.15fr .85fr;border-bottom:1px solid var(--color-border)}.combatant{min-width:0;padding:18px 22px}.combatant--enemy{border-right:1px solid var(--color-border);background:snow}.combatant>header{display:flex;min-width:0;align-items:center;gap:8px;margin-bottom:12px}.combatant>header strong{min-width:0;flex:1}.combatant>header>span{color:var(--color-text-muted);font-size:12px}.combatant .resource{margin-bottom:8px}.status-line{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.observed-copy{margin:10px 0 0;color:var(--color-primary-dark);font-size:12px}.combat-log{min-height:0;overflow-y:auto;padding:18px max(22px,calc((100% - 880px)/2));overscroll-behavior:contain}.combat-log-entry{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;margin:0;border-bottom:1px solid #eee;padding:10px 0;line-height:1.55}.combat-log-entry>span{color:#888;font-family:system-ui,sans-serif;font-size:11px}.combat-log-entry--player{color:#244a3b}.combat-log-entry--critical{color:#9a1010;font-weight:700}.combat-log-entry--system{color:#5f470a}.combat-actions{display:grid;gap:10px;border-top:1px solid var(--color-border);padding:12px max(16px,calc((100% - 980px)/2)) max(14px,env(safe-area-inset-bottom));background:var(--color-surface)}.combat-core-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.combat-core-actions button,.combat-items button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.skill-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.skill-action-list button{min-width:0;padding:8px;text-align:left}.skill-action-list button span{display:grid;min-width:0;gap:3px}.skill-action-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-action-list small{color:var(--color-text-muted);font-size:10px}.combat-items{display:flex;overflow-x:auto;gap:7px}.combat-items button{flex-shrink:0;padding:6px 10px;font-size:12px}@keyframes heavenly-arrival{0%,28%{color:#fff;background:#9a1010;transform:translate(0)}12%{transform:translate(-5px)}20%{transform:translate(5px)}45%{color:var(--color-text);background:#fff3f3}to{background:#fff;transform:translate(0)}}.ending-shell{min-height:100dvh;padding:max(32px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#f4f4f2}.ending-header{width:min(100%,760px);margin:0 auto 20px;text-align:center}.ending-header h1{margin:8px 0;color:var(--color-primary-dark);font-size:36px}.ending-header p{margin:0;color:var(--color-text-muted)}.ending-poster-wrap{width:min(100%,620px);margin:0 auto;border:1px solid #d0d0d0;background:#fff;box-shadow:0 16px 40px #0000001f}.ending-poster-wrap canvas{display:block;width:100%;height:auto}.ending-actions{display:flex;width:min(100%,760px);flex-wrap:wrap;justify-content:center;gap:8px;margin:20px auto 0}.ending-actions button{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;font-weight:700}.ending-report{display:grid;width:min(100%,900px);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 auto 24px}.ending-report-section{min-width:0;border:1px solid #d8d3c7;border-radius:var(--radius);padding:16px;background:#fff;box-shadow:0 8px 24px #2020200f}.ending-report-section:last-child{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ending-report-section h2,.ending-report-section h3{margin:0 0 10px;color:var(--color-primary-dark)}.ending-report-section h2{font-size:20px}.ending-report-section h3{font-size:15px}.ending-report-section p,.ending-report-section ul{line-height:1.65}.ending-ledger,.ending-score-breakdown{margin-top:14px;border-top:1px solid var(--color-border);padding-top:12px}.ending-score-breakdown ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.ending-score-breakdown li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--color-border);padding:4px 0}.ending-score-breakdown small{display:block;margin-top:8px;color:var(--color-text-muted)}.topbar-time-row [data-testid=autosave-status]{border-left:1px solid var(--color-border);padding-left:8px;color:var(--color-jade);font-family:system-ui,sans-serif;font-size:10px;font-weight:700}@media (max-width: 760px){.milestone-proposal-list,.ending-report,.ending-report-section:last-child{grid-template-columns:1fr}.ending-report-section:last-child{grid-column:auto}.dialog-backdrop{align-items:end;padding:0}.dialog-surface,.dialog-surface--wide{width:100%;max-height:calc(94dvh - env(safe-area-inset-top));border-right:0;border-bottom:0;border-left:0;border-radius:6px 6px 0 0}.dialog-content{padding:16px}.dialog-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.guide-copy{grid-template-columns:1fr}.question-stage h1,.summary-stage h1{font-size:24px}.game-topbar{min-height:104px;grid-template:auto auto / minmax(0,1fr) 44px;gap:6px 10px;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))}.topbar-resources{grid-area:2 / 1 / 3 / 3;gap:7px}.topbar-context{grid-area:1 / 1;text-align:left}.topbar-time-row{justify-content:flex-start}.topbar-context strong,.topbar-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-topbar>.icon-button{grid-area:1 / 2}.game-content{min-height:calc(100dvh - 170px);grid-template-columns:1fr;border:0}.narrative-scroll{height:calc(100dvh - 170px);padding:22px 16px 250px}.location-lead h1{font-size:27px}.travel-aside{position:fixed;z-index:25;right:0;bottom:calc(66px + env(safe-area-inset-bottom));left:0;display:block;border-top:1px solid var(--color-border);border-left:0;padding:8px 12px;background:#fafafafa}.travel-controls{display:grid;width:min(100%,430px);grid-template-columns:142px minmax(0,1fr) 44px;align-items:center;gap:12px;margin:auto}.travel-controls-toggle{display:grid;width:44px;min-width:44px;height:44px;min-height:44px;grid-column:3;place-items:center}.travel-controls.is-collapsed{width:100%;grid-template-columns:1fr}.travel-controls.is-collapsed .direction-pad,.travel-controls.is-collapsed .explore-actions{display:none}.travel-controls.is-collapsed .travel-controls-toggle{grid-column:1;justify-self:center}.game-content:has(.travel-controls.is-collapsed) .narrative-scroll{padding-bottom:90px}.direction-pad{width:142px;height:142px;grid-template:repeat(3,44px) / repeat(3,44px);gap:5px}.direction-pad button,.direction-center{width:44px;min-width:44px;height:44px;min-height:44px}.explore-actions{grid-template-columns:1fr}.building-grid{grid-template-columns:1fr 1fr}.bottom-nav{border-right:0;border-left:0}.attribute-grid--panel{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-toolbar{grid-template-columns:1fr 1fr}.inventory-weight{grid-column:1 / -1}.character-summary{display:grid}.combat-view{min-height:calc(100dvh - 104px);grid-template-rows:auto minmax(130px,1fr) auto;padding-bottom:190px}.combat-opponents{grid-template-columns:repeat(2,minmax(0,1fr))}.combatant{padding:10px}.combatant--enemy{border-right:1px solid var(--color-border);border-bottom:0}.combatant>header{flex-wrap:wrap;gap:4px 6px;margin-bottom:8px}.combatant>header strong{font-size:13px;line-height:1.35}.combatant>header>span:not(.quality-label){width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combatant .status-line{margin-top:6px}.combatant .status-line>span{min-height:22px;padding:2px 5px;font-size:9px}.combat-log{padding:10px 14px}.combat-actions{position:fixed;z-index:45;right:0;bottom:0;left:0;max-height:44dvh;overflow-y:auto;border-top-color:#cfcfcf;padding:8px 10px max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000014}.combat-core-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.combat-core-actions button{display:grid;min-width:0;place-items:center;gap:2px;padding:4px;font-size:11px}.skill-action-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-row,.service-equipment{align-items:flex-start;flex-direction:column}.shop-row>span:last-child,.service-equipment>span:last-child{width:100%;justify-content:flex-end}}@media (max-width: 390px){.menu-brand h1{font-size:44px}.wizard-stage{gap:14px;padding-right:14px;padding-left:14px}.attribute-ribbon small{font-size:9px}.attribute-grid,.attribute-grid--panel{grid-template-columns:repeat(3,minmax(0,1fr))}.tendency-choice>div{grid-template-columns:1fr}.tendency-choice button{min-height:58px;grid-template-columns:26px auto auto;justify-content:start;place-items:center start;padding:8px 12px}.building-grid{grid-template-columns:1fr}.save-slot-row--actions{align-items:flex-start;flex-direction:column}.slot-buttons{width:100%;justify-content:flex-end}.quest-notice{grid-template-columns:auto minmax(0,1fr)}.quest-notice>button{grid-column:2;justify-self:end}.combat-log-entry{grid-template-columns:54px minmax(0,1fr)}}.boot-kicker{font-size:13px}.boot-copy{margin-top:10px;font-size:15px}.game-shell{height:100dvh;min-height:0;overflow:hidden;padding-left:78px}.game-topbar{height:76px;min-height:76px;grid-template-columns:auto minmax(300px,1fr) minmax(180px,auto) 44px;margin-left:-78px}.topbar-brand{display:flex;align-items:center;gap:9px;color:var(--color-primary-dark);font-weight:800;white-space:nowrap}.topbar-brand img{width:38px;height:38px;border-radius:4px}.game-content{width:min(100%,1180px);height:calc(100dvh - 76px);min-height:0}.side-nav{position:fixed;z-index:35;top:76px;bottom:0;left:0;display:grid;width:78px;grid-auto-rows:66px;align-content:start;border-right:1px solid var(--color-border);background:#fbfbfb}.side-nav button{display:grid;min-width:0;place-items:center;align-content:center;gap:4px;border:0;border-bottom:1px solid #ededed;border-radius:0;color:#444;background:transparent}.side-nav button:hover,.side-nav button.is-active{color:var(--color-primary-dark);background:var(--color-primary-soft)}.side-nav button span{font-family:system-ui,sans-serif;font-size:11px}.bottom-nav{display:none}.narrative-feed-shell{position:relative;min-width:0;min-height:0}.narrative-scroll{width:100%;height:100%;scroll-behavior:auto}.location-lead h1{padding-right:92px}.location-map-button{position:absolute;top:34px;right:0;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 10px;color:var(--color-primary-dark);font-weight:700}.tracked-quest>div{min-width:0;flex:1}.tracked-quest>.icon-button{flex:0 0 38px;width:38px;min-width:38px;height:38px;min-height:38px}.new-log-button,.new-combat-log-button{position:absolute;z-index:8;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;border-color:var(--color-primary);padding:7px 12px;color:#fff;background:var(--color-primary);box-shadow:var(--shadow-raised);font-family:system-ui,sans-serif;font-size:12px;font-weight:700}.travel-progress{position:fixed;z-index:70;right:18px;bottom:18px;display:flex;width:min(430px,calc(100vw - 114px));align-items:center;gap:12px;border:1px solid #c8d7d1;border-left:4px solid var(--color-jade);border-radius:var(--radius);padding:10px 12px;background:#fff;box-shadow:var(--shadow-raised)}.travel-progress--interrupted{border-color:#e5b9b9;border-left-color:var(--color-primary)}.travel-progress>div{display:grid;min-width:0;flex:1;gap:2px}.travel-progress span{overflow:hidden;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dialog-surface--fullscreen{width:calc(100vw - 28px);height:calc(100dvh - 28px);max-height:none}.dialog-surface--fullscreen .dialog-content{display:grid;min-height:0;padding:0}.map-workspace{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr)}.map-workspace:has(>.map-route-hint){grid-template-rows:auto auto minmax(0,1fr)}.map-route-hint{min-width:0;margin-top:0}.map-route-hint .service-actions{margin-bottom:0}.map-toolbar{display:flex;min-width:0;align-items:center;gap:10px;border-bottom:1px solid var(--color-border);padding:9px 12px;background:#fafafa}.map-region-select{width:min(180px,25vw)}.map-region-select select{min-height:40px;padding:6px 10px}.map-tool-buttons{display:flex;align-items:center;gap:5px;margin-left:auto}.map-tool-buttons .icon-button{width:40px;min-width:40px;height:40px;min-height:40px}.region-overview{position:relative;display:grid;min-height:0;grid-template-columns:repeat(5,minmax(130px,1fr));align-items:center;gap:20px;overflow-x:auto;padding:clamp(30px,8vh,88px) clamp(18px,5vw,72px);background:#f7f8f7}.region-connection{position:absolute;top:50%;right:8%;left:8%;height:2px;background:#b8c0bd}.region-node{position:relative;display:grid;min-width:130px;min-height:190px;place-items:center;align-content:center;gap:8px;border:1px solid #c8cdcb;border-top:4px solid var(--color-ink);padding:18px 12px;background:#fff;box-shadow:0 7px 20px #222a2712}.region-node.is-current{border-color:var(--color-primary);border-top-color:var(--color-primary)}.region-node.is-undiscovered{color:#757575;background:#f1f2f1}.region-index{display:grid;width:34px;height:34px;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:system-ui,sans-serif;font-size:12px}.region-node strong{color:var(--color-primary-dark);font-size:22px}.region-node small,.region-node>span:not(.region-index),.region-node em{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px;font-style:normal}.region-node em{border:1px solid #efb4b4;border-radius:999px;padding:3px 7px;color:var(--color-primary-dark);background:var(--color-primary-soft)}.region-node em.task-marker{border-color:#d8c17a;color:#6f5200;background:var(--color-gold-soft)}.regional-map-layout{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) 320px}.map-canvas-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--color-border);background-color:#f8f9f8;background-image:linear-gradient(#e9ecea 1px,transparent 1px),linear-gradient(90deg,#e9ecea 1px,transparent 1px);background-size:28px 28px}.map-canvas{display:block;width:100%;height:100%;min-height:360px;cursor:grab;touch-action:none}.map-canvas:active{cursor:grabbing}.map-edge{stroke:#aeb8b4;stroke-width:2}.map-edge.is-route{stroke:var(--color-primary);stroke-width:4}.map-edge.is-closed{stroke:#8d3030;stroke-dasharray:7 5}.map-node{cursor:pointer;outline:none}.map-node:focus-visible .map-node-shape,.map-node.is-selected .map-node-shape{stroke:var(--color-primary);stroke-width:4}.map-node-shape{fill:#fff;stroke:var(--color-ink);stroke-width:2}.map-node-shape--town,.map-node-shape--station{fill:var(--color-blue-soft);stroke:#315f7a}.map-node-shape--sect{fill:var(--color-gold-soft);stroke:#786013}.map-node-shape--hidden{fill:#f4eef7;stroke:var(--color-mystic)}.map-node-shape.is-current{fill:var(--color-primary);stroke:var(--color-primary-dark)}.map-node-shape.is-unknown{fill:#d9dddb;stroke:#7e8582;stroke-dasharray:3 2}.map-node text{fill:var(--color-text);font-family:system-ui,sans-serif;font-size:11px;text-anchor:middle;user-select:none}.map-task-ring{fill:none;stroke:#9a7410;stroke-width:2;stroke-dasharray:3 3}.map-stage-ring{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-dasharray:7 3}.map-event-dot{fill:var(--color-mystic);stroke:#fff;stroke-width:2}.map-scale-readout{position:absolute;right:12px;bottom:10px;border:1px solid #c8cecb;border-radius:4px;padding:4px 7px;color:var(--color-text-muted);background:#ffffffeb;font-family:system-ui,sans-serif;font-size:11px}.map-empty-state,.map-detail-empty{display:grid;height:100%;place-content:center;place-items:center;gap:8px;padding:24px;color:var(--color-text-muted);text-align:center}.map-empty-state span,.map-detail-empty span{max-width:320px;font-family:system-ui,sans-serif;font-size:12px}.map-details{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#fff}.map-details-scroll{min-width:0;min-height:0;overflow-y:auto;padding:20px}.map-details-scroll>header{border-bottom:1px solid var(--color-border);padding-bottom:14px}.map-details-scroll>header span,.map-details-scroll>header small{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px}.map-details h3{margin:5px 0;color:var(--color-primary-dark);font-size:22px}.map-details dl,.skill-preview dl{display:grid;gap:0;margin:14px 0}.map-details dl>div,.skill-preview dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;border-bottom:1px solid #eeeeee;padding:8px 0}.map-details dt,.skill-preview dt{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:11px}.map-details dd,.skill-preview dd{margin:0;font-size:13px}.route-preview{max-height:130px;overflow-y:auto;margin:10px 0 14px;padding:10px 10px 10px 28px;color:var(--color-text-muted);background:#f7f7f7;font-family:system-ui,sans-serif;font-size:11px}.map-details-action{display:grid;gap:10px;border-top:1px solid var(--color-border);padding:12px 20px;background:#fff;box-shadow:0 -8px 18px #222a270f}.map-details-action button{min-height:44px}.map-patrol-duration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.map-patrol-duration button{min-width:0;min-height:36px;padding:5px 6px;font-size:12px}.map-route-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-route-buttons button{min-width:0}.map-patrol-note{margin:8px 0 0;border-left:3px solid var(--color-jade);padding:7px 9px;color:var(--color-text-muted);background:#f3f8f6;font-family:system-ui,sans-serif;font-size:11px;line-height:1.45}.combat-view{grid-column:1 / -1;display:grid;width:100%;height:100%;min-height:0;grid-template-rows:auto minmax(112px,1fr) auto;overflow:hidden}.combat-status-deck{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);border-bottom:1px solid var(--color-border);background:#fff}.combatant{min-width:0;padding:12px 16px}.combatant--player{border-right:1px solid var(--color-border);background:#f7faf9}.combatant--enemy{border-right:0;border-left:1px solid var(--color-border);background:#fff8f8}.combatant.is-hit{animation:combat-hit var(--motion-fast) ease-out 1}.combat-side-label{color:var(--color-jade)!important;font-family:system-ui,sans-serif;font-size:10px!important;font-weight:800}.combat-secondary-resources{display:grid;grid-template-columns:1fr 1fr;gap:8px}.combat-method-line{overflow:hidden;margin:6px 0 0;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.combat-turn-order{display:grid;place-content:center;place-items:center;gap:4px;padding:10px;color:var(--color-ink);text-align:center}.combat-turn-order>span,.combat-turn-order>small{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.combat-turn-order>strong{font-size:12px}.combat-log-workspace{position:relative;display:grid;min-height:0;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:#fff}.combat-log-toolbar{display:flex;min-width:0;align-items:center;gap:9px;border-bottom:1px solid var(--color-border);padding:6px 12px;background:#fafafa}.combat-log-toolbar>span{overflow:hidden;margin-left:auto;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.combat-log-toolbar .icon-button{width:34px;min-width:34px;height:34px;min-height:34px}.combat-log-filters button{min-height:32px;padding:4px 11px;font-size:11px}.combat-log{min-height:0;overflow-y:auto;padding:10px max(16px,calc((100% - 820px)/2));overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto}.combat-turn-group{border-bottom:1px solid #e7e7e7;padding:5px 0 9px}.combat-turn-group h2{position:sticky;z-index:2;top:-10px;margin:0;padding:7px 0 5px;color:var(--color-primary-dark);background:#fffffff5;font-family:system-ui,sans-serif;font-size:11px}.combat-log-entry{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;border:0;padding:6px 0;line-height:1.4}.combat-log-entry--player,.combat-log-entry--ally{color:#244a3b}.combat-log-entry--enemy{color:var(--color-primary-dark)}.combat-log-meta{display:flex;align-items:center;align-self:start;flex-direction:column;gap:3px}.combat-log-meta>span{display:grid;width:24px;height:24px;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:system-ui,sans-serif;font-size:9px;font-weight:800}.combat-log-meta>strong{border:1px solid currentColor;border-radius:3px;padding:1px 3px;font-family:system-ui,sans-serif;font-size:8px}.combat-log-entry p{margin:2px 0}.combat-log-entry small{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.combat-skill-name{display:block;color:var(--color-ink);font-size:12px}.combat-log-value{align-self:center;color:var(--color-primary-dark);font-family:system-ui,sans-serif;font-size:15px}.combat-log-entry--heal .combat-log-value{color:var(--color-jade)}.combat-log-limit{margin:0 0 8px;padding:7px 9px;color:var(--color-text-muted);background:#f4f4f4;font-family:system-ui,sans-serif;font-size:10px;text-align:center}.new-combat-log-button{bottom:12px}.combat-actions{display:grid;min-height:0;max-height:min(36dvh,280px);grid-template-columns:minmax(0,1fr) 300px;gap:12px;overflow-y:auto;border-top:1px solid var(--color-border);padding:10px max(12px,calc((100% - 1120px)/2)) max(10px,env(safe-area-inset-bottom));background:#f7f7f7}.combat-command-panel{display:grid;min-width:0;align-content:start;gap:7px}.combat-core-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.combat-core-actions button{min-width:0;min-height:48px;padding:5px 7px}.combat-core-actions button>span{display:grid;min-width:0;gap:1px}.combat-core-actions small{overflow:hidden;color:inherit;font-size:9px;font-weight:400;opacity:.78;text-overflow:ellipsis;white-space:nowrap}.skill-action-list{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-action-list button{display:grid;min-height:49px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;border-left:3px solid transparent}.skill-action-list button.is-selected{border-left-color:var(--color-primary);background:#fff}.skill-action-list button:disabled{opacity:.68}.skill-action-list button:disabled small{color:var(--color-primary-dark)}.skill-preview{min-width:0;border-left:1px solid var(--color-border);padding-left:12px}.skill-preview>header{display:grid;gap:2px}.skill-preview>header strong{color:var(--color-primary-dark)}.skill-preview>header span{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.skill-preview dl{margin:6px 0 0}.skill-preview dl>div{grid-template-columns:64px minmax(0,1fr);padding:4px 0}.combat-no-items{display:flex;align-items:center;gap:6px;margin:0;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.combat-view--no-animation *,.reduced-motion .combat-view *{animation:none!important;transition:none!important}@keyframes combat-hit{0%{background-color:#f5caca}to{background-color:inherit}}.combat-result{display:grid;gap:16px}.combat-result>header{display:flex;align-items:center;gap:12px;border-left:4px solid var(--color-jade);padding:10px 12px;background:#f4f8f6}.combat-result--defeat>header{border-left-color:var(--color-primary);background:#fff5f5}.combat-result>header>div{display:grid;gap:2px}.combat-result>header strong{color:var(--color-primary-dark);font-size:22px}.combat-result>header span{color:var(--color-text-muted)}.combat-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.combat-result-grid>div{display:grid;min-width:0;gap:4px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:10px}.combat-result-grid span{color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.combat-result-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-result section h3,.combat-loot-view h3{margin:0 0 6px;font-size:14px}.combat-result section p,.combat-loot-view p{margin:4px 0}.combat-penalty{border-left:4px solid var(--color-primary);padding:8px 10px;color:var(--color-primary-dark);background:var(--color-primary-soft)}.combat-record-view{display:grid;gap:12px}.combat-record-view section{border-top:1px solid var(--color-border)}.combat-record-view h3{margin:0;padding:8px 0;color:var(--color-primary-dark);font-size:13px}.combat-record-entry{margin:0;border-bottom:1px solid #eee;padding:7px 0}.help-button{flex:0 0 auto}.help-copy{display:grid;gap:12px}.help-copy p{margin:0;line-height:1.7}.panel-heading-tools{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.panel-heading-tools>h3,.panel-heading-tools>.panel-tabs{flex:1;margin:0}.panel-help-row{margin-bottom:12px;border-bottom:1px solid var(--color-border);padding-bottom:8px;font-weight:700}.onboarding-layer{position:fixed;z-index:160;inset:0;pointer-events:none}.onboarding-dim{position:absolute;inset:0;background:#16181794}.onboarding-spotlight{position:fixed;border:3px solid #fff;border-radius:6px;box-shadow:0 0 0 9999px #16181791,0 0 0 6px #c62828b8;pointer-events:none}.onboarding-card{position:absolute;right:18px;bottom:18px;display:grid;width:min(420px,calc(100vw - 36px));gap:12px;border:1px solid #d0d0d0;border-top:4px solid var(--color-primary);border-radius:var(--radius);padding:14px;background:#fff;box-shadow:0 18px 50px #00000047;pointer-events:auto}.onboarding-card>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.onboarding-card>header>div{display:grid;gap:3px}.onboarding-card>header>.onboarding-header-actions{display:flex;flex:0 0 auto;gap:5px}.onboarding-card>header span{color:var(--color-primary-dark);font-family:system-ui,sans-serif;font-size:10px;font-weight:800}.onboarding-card>header strong{font-size:18px}.onboarding-body{display:grid;gap:8px}.onboarding-body>p{margin:0;line-height:1.65}.onboarding-body>small{color:var(--color-primary-dark);font-family:system-ui,sans-serif;font-size:11px}.onboarding-card.is-collapsed .onboarding-body{display:none}.onboarding-progress{height:4px;overflow:hidden;background:#eee}.onboarding-progress span{display:block;height:100%;background:var(--color-primary);transition:width var(--motion-fast) ease}.onboarding-card>footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.onboarding-card>footer>span{margin-right:auto;color:var(--color-text-muted);font-family:system-ui,sans-serif;font-size:10px}.onboarding-card>footer button{display:inline-flex;min-height:44px;align-items:center;gap:5px;padding:6px 10px;font-size:12px}.release-intro{display:grid;gap:12px}.release-intro>p{margin:0}.release-intro>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;border-top:1px solid var(--color-border);padding-top:10px;color:var(--color-primary-dark)}.release-intro>div span{display:grid;gap:2px;color:var(--color-text)}.settings-section{display:grid;gap:8px;border-top:1px solid var(--color-border);padding-top:14px}.settings-section h3{margin:0;font-size:14px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-reset{justify-self:start}@media (max-width: 1000px) and (min-width: 761px){.game-content{grid-template-columns:minmax(0,1fr) 240px}.combat-status-deck{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr)}.combat-actions{grid-template-columns:minmax(0,1fr) 260px}}@media (max-width: 760px){.game-shell{height:100dvh;padding-left:0}.game-topbar{height:104px;min-height:104px;grid-template:auto auto / minmax(0,1fr) auto 44px;margin-left:0}.topbar-brand{display:none}.topbar-context{grid-area:1 / 1}.game-topbar>.icon-button{grid-area:1 / 3}.topbar-resources{grid-area:2 / 1 / 3 / 4}.side-nav{display:none}.game-content{width:100%;height:calc(100dvh - 104px);min-height:0}.combat-risk-banner{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;padding:6px 8px;font-size:10px}.combat-risk-banner small{grid-column:1 / -1;text-align:left}.narrative-scroll{height:100%}.bottom-nav{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr))}.bottom-nav button{padding:3px}.travel-progress{right:10px;bottom:calc(76px + env(safe-area-inset-bottom));left:10px;width:auto}.dialog-surface--fullscreen{width:100%;height:calc(100dvh - env(safe-area-inset-top));max-height:calc(100dvh - env(safe-area-inset-top));border-top:0;border-radius:0}.map-toolbar{flex-wrap:wrap;gap:7px}.map-toolbar>.segmented-control{flex:1}.map-region-select{width:130px}.map-tool-buttons{width:100%;justify-content:flex-end}.region-overview{grid-template-columns:repeat(5,minmax(145px,1fr));align-items:stretch;padding:24px 18px}.region-connection{display:none}.region-node{min-height:170px}.regional-map-layout{grid-template:minmax(260px,1fr) minmax(180px,38dvh) / 1fr}.map-canvas-wrap{border-right:0;border-bottom:1px solid var(--color-border)}.map-canvas{min-height:260px}.map-details-scroll{padding:14px 16px 8px}.map-details-scroll>header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px}.map-details h3{grid-area:1 / 2 / 3 / 3;margin:0;font-size:18px}.map-details dl{grid-template-columns:1fr 1fr}.map-details dl>div{grid-template-columns:1fr;padding:6px}.route-preview{display:none}.map-details-action{padding:8px 16px max(8px,env(safe-area-inset-bottom))}.combat-view{height:100%;min-height:0;grid-template-rows:auto minmax(96px,1fr) auto;padding-bottom:0}.combat-status-deck{grid-template:auto auto / repeat(2,minmax(0,1fr))}.combat-turn-order{grid-area:1 / 1 / 2 / 3;min-height:38px;grid-template-columns:auto auto auto;gap:7px;border-bottom:1px solid var(--color-border);padding:5px 8px}.combat-turn-order>small,.combat-turn-order>svg{display:none}.combatant--player{grid-area:2 / 1}.combatant--enemy{grid-area:2 / 2}.combatant{padding:7px 8px}.combatant>header{margin-bottom:5px}.combat-method-line,.combatant .status-line{display:none}.observed-copy{overflow:hidden;margin-top:4px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.combat-secondary-resources{gap:4px}.combat-log-toolbar{overflow-x:auto;padding:5px 7px}.combat-log-toolbar>span,.combat-log-toolbar>.help-button{display:none}.combat-log-filters{flex-shrink:0}.combat-log{padding:7px 10px}.combat-turn-group h2{top:-7px}.combat-log-entry{grid-template-columns:28px minmax(0,1fr) auto;gap:6px;font-size:12px}.combat-log-meta>span{width:21px;height:21px}.combat-actions{position:static;max-height:min(43dvh,330px);grid-template-columns:1fr;gap:7px;overflow-y:auto;padding:7px 8px max(8px,env(safe-area-inset-bottom));box-shadow:none}.combat-core-actions button{min-height:48px}.skill-action-list{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-preview{border-top:1px solid var(--color-border);border-left:0;padding-top:7px;padding-left:0}.skill-preview dl{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-preview dl>div{grid-template-columns:56px minmax(0,1fr);padding:3px}.combat-items{min-height:44px}.dialog-footer{flex-wrap:wrap}.combat-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-card{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px)}.onboarding-card>footer .text-button{order:4}}@media (max-width: 760px) and (max-height: 640px){.map-toolbar{flex-wrap:nowrap}.map-region-select{width:100px}.map-tool-buttons{width:40px;flex:0 0 40px;margin-left:0}.map-tool-buttons>.icon-button:not(.help-button){display:none}.map-route-hint{gap:5px;padding:8px 10px}.map-route-hint span{font-size:11px;line-height:1.35}.map-route-hint .service-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.map-route-hint .service-actions button{min-width:0;padding:5px 6px;font-size:11px;line-height:1.25}.regional-map-layout{grid-template:minmax(190px,1fr) minmax(168px,42dvh) / 1fr}.map-canvas{min-height:190px}.map-details-action{gap:6px;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.onboarding-card{max-height:calc(100dvh - 16px - env(safe-area-inset-bottom));gap:8px;overflow-y:auto;padding:10px}.onboarding-card>header strong{font-size:16px}.onboarding-body{gap:5px}.onboarding-body>p{line-height:1.45}.onboarding-card>footer{gap:4px}.onboarding-card>footer button{padding:5px 8px}}@media (max-width: 390px){.bottom-nav button span{font-size:9px}.combat-turn-order>strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combat-core-actions button{font-size:10px}.skill-preview dl{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}