:root{--bg-primary:#1a1a1f;--bg-secondary:#222228;--bg-tertiary:#2a2a32;--bg-surface:#2e2e38;--bg-elevated:#363640;--bg-paper:#3a3832;--bg-paper-light:#4a4840;--bg-metal:#2c3038;--bg-terminal:#1e2a1e;--accent-primary:#e8652e;--accent-primary-dim:#c4501e;--accent-primary-glow:#e8652e4d;--accent-rust:#b8442a;--accent-rust-dim:#8c3320;--color-danger:#d94040;--color-danger-dim:#a83030;--color-danger-bg:#d940401f;--color-warning:#d4a020;--color-warning-dim:#a88018;--color-warning-bg:#d4a0201f;--color-success:#3ea858;--color-success-dim:#2e8844;--color-success-bg:#3ea8581f;--color-info:#4a8ec8;--color-info-dim:#3870a0;--color-info-bg:#4a8ec81f;--color-rare:#c8a848;--color-rare-glow:#c8a84840;--color-epic:#a060d0;--color-epic-glow:#a060d040;--color-durability:#5888b8;--color-fuel:#d88030;--color-food:#68a848;--color-scrap:#a8a088;--color-morale:#c8a040;--color-intel:#7888c8;--color-hp:#d04848;--color-armor:#6888a8;--color-action:#e8c840;--color-ammo:#a87830;--color-charge:#6878d0;--text-primary:#e8e4dc;--text-secondary:#b8b4a8;--text-tertiary:#888480;--text-muted:#5c5854;--text-inverse:#1a1a1f;--border-default:#3a3a44;--border-light:#48485400;--border-accent:var(--accent-primary);--border-danger:var(--color-danger);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-glow-accent:0 0 12px var(--accent-primary-glow);--shadow-glow-rare:0 0 12px var(--color-rare-glow);--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-title:"Noto Serif SC", serif;--font-body:"Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}body{background-color:var(--bg-primary);background-image:radial-gradient(at 20%,#28241e99 0%,#0000 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}.text-h1{font-family:var(--font-title);color:var(--text-primary);letter-spacing:.04em;font-size:2rem;font-weight:900;line-height:1.2}.text-h2{font-family:var(--font-title);color:var(--text-primary);letter-spacing:.02em;font-size:1.5rem;font-weight:700;line-height:1.3}.text-h3{font-family:var(--font-body);color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1.4}.text-body{font-family:var(--font-body);color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.75}.text-caption{font-family:var(--font-body);color:var(--text-tertiary);font-size:.8125rem;font-weight:400;line-height:1.5}.text-micro{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:400;line-height:1.4}.text-danger{color:var(--color-danger);font-weight:700}.text-warning{color:var(--color-warning);font-weight:500}.text-success{color:var(--color-success);font-weight:500}.text-rare{color:var(--color-rare);text-shadow:0 0 8px var(--color-rare-glow);font-weight:700}.text-epic{color:var(--color-epic);text-shadow:0 0 8px var(--color-epic-glow);font-weight:700}.text-accent{color:var(--accent-primary);font-weight:700}.text-rust{color:var(--accent-rust);font-weight:700}.keyword{border-radius:var(--radius-sm);padding:1px 6px;font-weight:700;display:inline}.keyword-danger{background:var(--color-danger-bg);color:var(--color-danger)}.keyword-warning{background:var(--color-warning-bg);color:var(--color-warning)}.keyword-success{background:var(--color-success-bg);color:var(--color-success)}.keyword-info{background:var(--color-info-bg);color:var(--color-info)}.keyword-rare{color:var(--color-rare);text-shadow:0 0 6px var(--color-rare-glow);background:#c8a84826}.quote-line{border-left:3px solid var(--accent-primary);padding-left:var(--space-md);color:var(--text-secondary);font-style:italic}.stat-value{font-family:var(--font-mono);font-size:1.125rem;font-weight:700}.stat-label{font-family:var(--font-body);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem}.narrative-text{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.01em;font-size:1rem;line-height:1.85}.narrative-text strong{color:var(--text-primary);font-weight:700}.drop-cap:first-letter{float:left;font-family:var(--font-title);color:var(--accent-primary);padding-top:4px;padding-right:8px;font-size:3.2em;font-weight:900;line-height:.8}.intent-text{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;font-size:.875rem;font-weight:700}.log-text{font-family:var(--font-body);color:var(--text-tertiary);font-size:.875rem;line-height:1.6}.log-text .highlight{color:var(--text-primary);font-weight:500}.text-feedback-positive{color:var(--color-success);font-weight:700;animation:.4s feedbackPop}.text-feedback-negative{color:var(--color-danger);font-weight:700;animation:.4s feedbackShake}@keyframes feedbackPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes feedbackShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.block{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);position:relative}.block-hoverable:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-accent);cursor:pointer}.block-selected{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-accent)}.block-disabled{opacity:.45;pointer-events:none;filter:grayscale(30%)}.block-danger{border-color:var(--color-danger);background:var(--color-danger-bg)}.block-rare{border-color:var(--color-rare);box-shadow:var(--shadow-glow-rare)}.block-metal{background:var(--bg-metal);border-color:#3a4048;box-shadow:inset 0 1px #ffffff0a}.block-paper{background:var(--bg-paper);border-color:#4a4838;box-shadow:inset 0 1px #ffffff08}.block-terminal{background:var(--bg-terminal);font-family:var(--font-mono);border:1px solid #2a3a2a}.block-warning{background:var(--color-warning-bg);border-color:var(--color-warning-dim)}.block-badge{background:var(--accent-primary);color:var(--text-inverse);font-family:var(--font-mono);box-shadow:var(--shadow-sm);border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-8px;right:-8px}.block-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-default);display:flex}.block-header-icon{font-family:var(--font-mono);text-align:center;width:20px;color:var(--text-tertiary);opacity:.7;font-size:.8rem;font-weight:700}.block-header-title{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.875rem;font-weight:700}.choice-block{composes:block;cursor:pointer;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.choice-block:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-accent);transform:translate(4px)}.choice-block:active{transform:translate(2px)}.choice-block .choice-title{font-family:var(--font-body);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1rem;font-weight:700}.choice-block .choice-cost{font-family:var(--font-mono);color:var(--color-warning);font-size:.8rem}.choice-block .choice-hint{color:var(--text-tertiary);margin-top:var(--space-xs);font-size:.8125rem}.choice-block.choice-locked{opacity:.5;cursor:not-allowed;border-style:dashed}.choice-block.choice-risky{border-left:3px solid var(--color-danger)}.choice-block.choice-safe{border-left:3px solid var(--color-success)}.choice-block.choice-special{border-left:3px solid var(--color-rare)}.stat-bar{background:var(--bg-primary);border-radius:3px;height:6px;position:relative;overflow:hidden}.stat-bar-fill{height:100%;transition:width var(--transition-normal);border-radius:3px}.stat-bar-fill.low{animation:1.5s infinite barPulse}@keyframes barPulse{0%,to{opacity:1}50%{opacity:.6}}.intent-block{border:1px dashed var(--color-danger-dim);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-sm);background:#d9404014;display:flex}.intent-icon{font-family:var(--font-mono);color:var(--color-danger);text-align:center;width:1.2em;font-size:.9rem;font-weight:700}.log-entry{padding:var(--space-xs) 0;border-bottom:1px solid #ffffff0a;animation:.3s logSlideIn}@keyframes logSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reward-block{composes:block;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.reward-block:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.map-node{border:2px solid var(--border-default);background:var(--bg-surface);width:44px;height:44px;transition:all var(--transition-fast);cursor:default;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}.map-node.node-current{border-color:var(--accent-primary);box-shadow:0 0 16px var(--accent-primary-glow);animation:2s infinite nodePulse}.map-node.node-available{border-color:var(--text-tertiary);cursor:pointer}.map-node.node-available:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-accent);transform:scale(1.12)}.map-node.node-visited{opacity:.4;border-style:dashed}.map-node.node-unknown{opacity:.3;border-style:dotted}.map-node.node-boss{border-color:var(--color-danger);background:var(--color-danger-bg);width:56px;height:56px;font-size:1.5rem}@keyframes nodePulse{0%,to{box-shadow:0 0 12px var(--accent-primary-glow)}50%{box-shadow:0 0 24px var(--accent-primary-glow)}}.page-enter{animation:.4s pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:.5s pageFade}@keyframes pageFade{0%{opacity:0}to{opacity:1}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-primary);color:var(--text-inverse)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:var(--accent-primary);text-decoration:none}.resource-bar{gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);flex-wrap:wrap;align-items:center;display:flex}.resource-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-tertiary);transition:background var(--transition-fast);display:flex}.resource-item.resource-low{background:var(--color-danger-bg);animation:1.5s infinite resourcePulse}.resource-icon{font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border-default);border-radius:2px;justify-content:center;align-items:center;width:1.4em;height:1.4em;font-size:.7rem;font-weight:700;line-height:1;display:flex}.resource-label{font-family:var(--font-body);color:var(--text-tertiary);letter-spacing:.04em;font-size:.75rem}.resource-value{font-family:var(--font-mono);font-size:.875rem;font-weight:700}@keyframes resourcePulse{0%,to{opacity:1}50%{opacity:.7}}.start-page{flex-direction:column;align-items:center;max-width:960px;margin:0 auto;display:flex}.start-hero{text-align:center;padding:var(--space-2xl) 0}.start-title{letter-spacing:.1em;color:var(--accent-primary);margin-bottom:var(--space-md);text-shadow:0 0 40px var(--accent-primary-glow);font-size:3.5rem}.start-subtitle{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.125rem}.start-flavor{max-width:400px;margin:0 auto var(--space-xl);font-style:italic}.start-button{padding:var(--space-md) var(--space-2xl);background:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md), 0 0 20px var(--accent-primary-glow);border:none;font-size:1.125rem;font-weight:700;display:inline-block}.start-button:hover{box-shadow:var(--shadow-lg), 0 0 30px var(--accent-primary-glow);transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.start-buttons{gap:var(--space-md);flex-direction:column;align-items:center;display:flex}.start-button-continue{background:var(--bg-surface);color:var(--accent-primary);border:2px solid var(--accent-primary);box-shadow:var(--shadow-md)}.start-button-continue:hover{background:var(--accent-primary);color:var(--text-inverse)}.select-title{margin-bottom:var(--space-sm);text-align:center}.select-hint{text-align:center;margin-bottom:var(--space-xl)}.profession-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%;display:grid}.profession-card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.prof-header{align-items:baseline;gap:var(--space-sm);display:flex}.prof-title{color:var(--text-tertiary)}.prof-desc{font-size:.9375rem}.prof-passive{gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-direction:column;display:flex}.prof-skills{gap:var(--space-xs);flex-direction:column;display:flex}.prof-skill-item{gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid #ffffff0a;align-items:baseline;display:flex}.prof-skill-name{white-space:nowrap;font-size:.875rem}.prof-skill-desc{font-size:.8125rem}.prof-stats{padding-top:var(--space-sm);border-top:1px solid var(--border-default)}.prof-flavor{color:var(--text-muted);font-style:italic}.map-page{gap:var(--space-lg);grid-template-columns:minmax(0,1fr) 300px;align-items:start;max-width:1460px;margin:0 auto;display:grid}.map-container{min-width:0}.map-header{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.map-header-main{align-items:baseline;gap:var(--space-md);display:flex}.map-header-area{color:var(--text-tertiary)}.map-header-meta{align-items:center;gap:var(--space-md);justify-content:flex-end;display:flex}.map-progress{color:var(--accent-primary);font-family:var(--font-mono);letter-spacing:.04em;background:#e8652e14;border:1px solid #e8652e52;border-radius:999px;padding:6px 12px;font-size:.75rem}.map-header-hint{color:var(--text-muted)}.map-board-shell{background:linear-gradient(180deg, #ffffff05, transparent 18%), linear-gradient(90deg, #e8652e12, transparent 24%), var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:10px}.map-scroll{padding-bottom:var(--space-sm);overflow:auto hidden}.map-scroll::-webkit-scrollbar{height:10px}.map-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}.map-scroll::-webkit-scrollbar-thumb{background:#e8652e73;border-radius:999px}.map-board{border-radius:calc(var(--radius-lg) - 2px);background:radial-gradient(circle at 10% 20%,#e8652e0f,#0000 24%),radial-gradient(circle at 92% 18%,#4a8ec814,#0000 22%),linear-gradient(#ffffff05,#0000 28%);min-height:540px;position:relative}.map-stage-band{pointer-events:none;position:absolute;inset:0}.map-stage-marker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;position:absolute;top:22px;transform:translate(-50%)}.map-stage-marker:after{content:"";background:linear-gradient(#e8652e1f,#0000 72%);width:1px;height:calc(100% - 66px);position:absolute;top:22px;left:50%}.map-stage-marker.is-current{color:var(--accent-primary)}.map-connections-svg{position:absolute;inset:0;overflow:visible}.route-connection{fill:none;stroke-width:3px;stroke-linecap:round;opacity:.32}.route-connection-hidden{stroke:#ffffff0f;stroke-dasharray:6 10;opacity:.22}.route-connection-revealed{stroke:#ffffff2e}.route-connection-visited{stroke:#e8652e38}.route-connection-active{stroke:#e8652ee6;opacity:.95;filter:drop-shadow(0 0 6px #e8652e73)}.route-node{align-items:center;gap:var(--space-xs);z-index:1;background:0 0;border:0;flex-direction:column;min-width:88px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.route-node-icon{width:48px;height:48px;font-family:var(--font-title);letter-spacing:0;color:var(--text-secondary);border:2px solid var(--border-default);background:var(--bg-surface);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:flex}.route-node-label{color:var(--text-tertiary);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.02em}.route-node-note{color:var(--text-muted);letter-spacing:.03em;font-size:.66rem}.route-node:focus-visible{outline:none}.route-node:focus-visible .route-node-icon{border-color:var(--accent-primary);box-shadow:0 0 0 3px #e8652e2e}.node-current .route-node-icon{border-color:var(--accent-primary);box-shadow:0 0 16px var(--accent-primary-glow);animation:2s infinite nodePulse}.node-current .route-node-label,.node-current .route-node-note{color:var(--accent-primary)}.node-available{cursor:pointer}.node-available .route-node-icon{border-color:var(--text-tertiary)}.node-available:hover .route-node-icon{border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary-glow);transform:scale(1.15)}.node-available:hover .route-node-label{color:var(--text-primary)}.node-visited .route-node-icon{opacity:.35;border-style:dashed}.node-revealed .route-node-icon{opacity:.5}.node-unknown .route-node-icon{opacity:.2;border-style:dotted}.node-boss .route-node-icon{border-color:var(--color-danger);background:var(--color-danger-bg);width:60px;height:60px;color:var(--color-danger);font-size:1.1rem}.map-sidebar{min-width:0;top:var(--space-md);position:sticky}.log-list{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.log-entry{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.5}.log-narrative{color:var(--text-secondary)}.log-combat{color:var(--color-info)}.log-system{color:var(--text-tertiary)}.log-reward{color:var(--color-success)}.log-danger{color:var(--color-danger)}.relic-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.relic-tag{cursor:help;font-size:.75rem}.crew-item{gap:var(--space-sm);padding:var(--space-xs) 0;align-items:baseline;display:flex}@media (width<=1080px){.map-page{grid-template-columns:1fr}.map-sidebar{position:static}}@media (width<=768px){.map-page{gap:var(--space-md)}.map-header{flex-direction:column;align-items:flex-start}.map-header-meta{flex-wrap:wrap;justify-content:space-between;width:100%}.map-board-shell{padding:8px}}.event-page{gap:var(--space-lg);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.event-header{align-items:center;gap:var(--space-md);display:flex}.event-theme-badge{font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.2rem;font-weight:900;display:flex}.event-title{flex:1}.event-narrative{padding:var(--space-lg) var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.event-narrative .narrative-text{margin:0}.event-choices{gap:var(--space-md);flex-direction:column;display:flex}.event-choice{padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.event-choice:hover{border-color:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary-glow);transform:translate(6px)}.event-choice:active{transform:translate(3px)}.event-choice .choice-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.0625rem;font-weight:700}.event-choice .choice-hint{color:var(--text-tertiary);margin-bottom:var(--space-xs);font-size:.875rem}.event-choice .choice-cost{font-family:var(--font-mono);color:var(--color-warning);margin-top:var(--space-xs);font-size:.8125rem}.event-choice .choice-requirement{margin-top:var(--space-xs);color:var(--text-muted)}.choice-risk-tag{margin-top:var(--space-sm);border-radius:var(--radius-sm);padding:1px 8px;font-size:.75rem;display:inline-block}.risk-safe{background:var(--color-success-bg);color:var(--color-success)}.risk-risky{background:var(--color-danger-bg);color:var(--color-danger)}.risk-moderate{background:var(--color-warning-bg);color:var(--color-warning)}.choice-risky{border-left:3px solid var(--color-danger)}.choice-safe{border-left:3px solid var(--color-success)}.choice-locked{opacity:.45;cursor:not-allowed;border-style:dashed}.choice-locked:hover{box-shadow:none;border-color:var(--border-default);transform:none}.event-outcome{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.outcome-effects{gap:var(--space-sm);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.event-continue-btn{padding:var(--space-sm) var(--space-xl);background:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-md);border:none;align-self:flex-end;font-size:1rem;font-weight:700}.event-continue-btn:hover{background:var(--accent-primary-dim);transform:translateY(-1px)}.event-theme-warning .event-narrative{border-left:3px solid var(--color-warning)}.event-theme-mystery .event-narrative{border-left:3px solid var(--color-epic)}.event-theme-survival .event-narrative{border-left:3px solid var(--color-info)}.event-theme-moral .event-narrative{border-left:3px solid var(--color-rare)}.event-theme-crew .event-narrative{border-left:3px solid var(--color-success)}.combat-page{gap:var(--space-lg);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.combat-enemies{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.enemy-block{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.enemy-header,.enemy-hp{align-items:center;gap:var(--space-sm);display:flex}.enemy-hp .stat-bar{flex:1}.enemy-armor{color:var(--color-armor);font-family:var(--font-mono)}.enemy-armor .text-micro{border:1px solid var(--color-armor);opacity:.8;border-radius:2px;padding:1px 6px}.enemy-statuses,.boss-traits{gap:var(--space-xs);flex-wrap:wrap;display:flex}.combat-divider{padding:var(--space-sm) 0;justify-content:center;align-items:center;display:flex}.combat-turn-badge{font-family:var(--font-mono);color:var(--text-secondary);padding:var(--space-xs) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);font-size:.875rem;font-weight:700}.player-status{padding:var(--space-md)}.player-status-row{gap:var(--space-lg);flex-wrap:wrap;display:flex}.status-item{flex-direction:column;align-items:center;gap:2px;display:flex}.player-statuses{gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-default);flex-wrap:wrap;display:flex}.combat-skills{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.skill-block{padding:var(--space-sm) var(--space-md);text-align:left;border:1px solid var(--border-default);background:var(--bg-surface);cursor:pointer;flex-direction:column;gap:2px;font-family:inherit;display:flex}.skill-block:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary-glow)}.skill-name{color:var(--text-primary);font-size:.9375rem;font-weight:700}.skill-name-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.skill-upgrade-badge{color:var(--accent-primary);font-family:var(--font-mono);background:#e8652e1f;border:1px solid #e8652e4d;border-radius:999px;padding:1px 6px;font-size:.72rem;line-height:1.4}.skill-desc{font-size:.8125rem}.skill-augment-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.skill-augment-tag{line-height:1.5}.skill-cost{gap:var(--space-md);margin-top:var(--space-xs);display:flex}.skill-cost span{border:1px solid var(--border-default);font-family:var(--font-mono);border-radius:2px;padding:1px 6px}.skill-cooldown{color:var(--color-danger);border-color:var(--color-danger)!important}.end-turn-block{border-color:var(--text-muted)}.end-turn-block .skill-name{color:var(--text-secondary)}.combat-result{justify-content:center;display:flex}.result-block{padding:var(--space-lg) var(--space-2xl);text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;width:min(100%,560px);display:flex}.result-summary{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.result-stats-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.result-stat-card{padding:var(--space-sm);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:4px;display:flex}.result-stat-label{color:var(--text-tertiary);letter-spacing:.04em;font-size:.75rem}.result-stat-value{color:var(--text-primary);font-size:1.2rem}.result-stat-note{color:var(--text-muted);font-size:.72rem;line-height:1.5}.reward-drop{padding:var(--space-md);border-radius:var(--radius-md);text-align:left;border:1px solid var(--border-default);background:#ffffff0a;flex-direction:column;gap:4px;display:flex}.reward-drop-common{border-color:#b8b4a866}.reward-drop-rare{border-color:#c8a8488c;box-shadow:inset 0 0 0 1px #c8a8482e}.reward-drop-epic{border-color:#a060d08c;box-shadow:inset 0 0 0 1px #a060d02e}.reward-drop-kicker{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.reward-drop-name{color:var(--text-primary);font-size:1rem}.reward-drop-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.result-advance-note{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-align:left;color:var(--text-secondary);background:#e8652e14;border:1px solid #e8652e38;font-size:.8125rem;line-height:1.6}.combat-log{max-height:200px;overflow-y:auto}.combat-log-list{flex-direction:column;gap:2px;display:flex}.combat-log .log-entry{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8125rem}.reward-page{gap:var(--space-lg);flex-direction:column;max-width:1100px;margin:0 auto;display:flex}.reward-hero{padding:var(--space-xl);background:radial-gradient(circle at top left, #e8652e1f, transparent 28%), linear-gradient(135deg, #ffffff08, transparent 42%), var(--bg-metal)}.reward-hero-head{justify-content:space-between;gap:var(--space-md);align-items:flex-start;display:flex}.reward-kicker{color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem}.reward-title{margin-bottom:var(--space-sm)}.reward-source-badge{color:var(--color-success);font-family:var(--font-mono);white-space:nowrap;background:#3ea8581f;border:1px solid #3ea85859;border-radius:999px;padding:6px 12px;font-size:.75rem}.reward-source-badge.is-elite{color:var(--color-rare);background:#c8a8481f;border-color:#c8a84859}.reward-source-badge.is-boss{color:var(--color-epic);background:#a060d01f;border-color:#a060d059}.reward-flavor{max-width:760px}.reward-summary-grid{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.reward-summary-card{padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:6px;display:flex}.reward-relic-banner{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;gap:4px;display:flex}.reward-relic-common{border-color:#b8b4a83d}.reward-relic-rare{border-color:#c8a84866;box-shadow:inset 0 0 0 1px #c8a84829}.reward-relic-epic{border-color:#a060d066;box-shadow:inset 0 0 0 1px #a060d029}.reward-transition-note{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);background:#e8652e14;border:1px solid #e8652e3d;flex-direction:column;gap:4px;line-height:1.6;display:flex}.reward-options-header{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.reward-options-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.reward-option-card{padding:var(--space-lg);gap:var(--space-md);text-align:left;border:1px solid var(--border-default);background:linear-gradient(180deg, #ffffff08, transparent 40%), var(--bg-surface);flex-direction:column;display:flex}.reward-option-card.rarity-common{border-color:#b8b4a829}.reward-option-card.rarity-rare{border-color:#c8a84857;box-shadow:inset 0 0 0 1px #c8a8481f}.reward-option-card.rarity-epic{border-color:#a060d057;box-shadow:inset 0 0 0 1px #a060d01f}.reward-option-head{justify-content:space-between;gap:var(--space-sm);align-items:flex-start;display:flex}.reward-option-subtitle{color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem}.reward-option-title{margin:0}.reward-option-rarity{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.reward-option-description{min-height:72px}.reward-effect-list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.reward-effect-tag{line-height:1.6}.reward-option-action{color:var(--accent-primary);font-family:var(--font-mono);letter-spacing:.04em;margin-top:auto;font-size:.78rem}@media (width<=768px){.reward-hero{padding:var(--space-lg)}.reward-hero-head,.reward-options-header{flex-direction:column;align-items:flex-start}}.shop-page{gap:var(--space-lg);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.shop-header{margin-bottom:var(--space-sm)}.shop-balance{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);width:fit-content;display:flex}.shop-items{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.shop-item-card{padding:var(--space-md);gap:var(--space-sm);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.sold-overlay{font-family:var(--font-title);color:var(--text-tertiary);z-index:1;background:#0009;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;inset:0}.shop-item-header{justify-content:space-between;align-items:center;display:flex}.shop-price{font-family:var(--font-mono);color:var(--color-scrap);border:1px solid var(--color-scrap);border-radius:2px;padding:2px 8px;font-size:.8125rem;font-weight:700}.price-insufficient{color:var(--color-danger)}.shop-flavor{font-style:italic}.shop-item-type{margin-top:auto}.shop-leave-btn{align-self:flex-end}.camp-page{gap:var(--space-lg);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.camp-header{margin-bottom:var(--space-sm)}.camp-status-grid{gap:var(--space-xl);flex-wrap:wrap;display:flex}.camp-stat{flex-direction:column;gap:2px;display:flex}.camp-statuses{gap:var(--space-xs);display:flex}.camp-build-list{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.camp-build-card{padding:var(--space-sm);border-radius:var(--radius-sm);gap:var(--space-xs);background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;display:flex}.camp-build-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.camp-build-level{color:var(--accent-primary);font-family:var(--font-mono);background:#e8652e1f;border:1px solid #e8652e4d;border-radius:999px;padding:1px 6px;font-size:.72rem}.camp-build-desc{min-height:40px}.camp-build-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.camp-build-empty{color:var(--text-muted)}.camp-actions{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.camp-action{padding:var(--space-lg);gap:var(--space-md);cursor:pointer;text-align:left;flex-direction:column;width:100%;display:flex}.camp-action-title{align-items:center;gap:var(--space-sm);display:flex}.camp-action-icon{font-family:var(--font-mono);color:var(--accent-primary);opacity:.6;font-size:1.2rem;font-weight:700}.camp-action-effects{gap:var(--space-xs);flex-wrap:wrap;display:flex}.camp-action-note{color:var(--text-tertiary)}.crew-list{gap:var(--space-sm);flex-direction:column;display:flex}.crew-card{padding:var(--space-sm);border-bottom:1px solid #ffffff0a;flex-direction:column;gap:2px;display:flex}.crew-card-ability{gap:var(--space-sm);margin-top:var(--space-xs);align-items:center;display:flex}.relic-grid{gap:var(--space-sm);flex-direction:column;display:flex}.relic-card{padding:var(--space-sm);border-bottom:1px solid #ffffff0a;flex-direction:column;gap:2px;display:flex}.relic-rare{border-left:2px solid var(--color-rare);padding-left:var(--space-md)}.relic-epic{border-left:2px solid var(--color-epic);padding-left:var(--space-md)}.settlement-page{align-items:center;gap:var(--space-xl);max-width:700px;padding:var(--space-2xl) 0;flex-direction:column;margin:0 auto;display:flex}.settlement-hero{text-align:center}.settlement-title{margin-bottom:var(--space-md);font-size:2.5rem}.title-victory{color:var(--color-rare);text-shadow:0 0 20px var(--color-rare-glow)}.title-defeat{color:var(--color-danger);text-shadow:0 0 20px #d940404d}.settlement-subtitle{max-width:500px;font-size:1.0625rem}.settlement-stats{width:100%;padding:var(--space-lg)}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.settlement-stat{padding:var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-direction:column;gap:2px;display:flex}.settlement-relics{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.relic-list-inline{gap:var(--space-xs);flex-wrap:wrap;display:flex}.settlement-actions{padding:var(--space-lg) 0}.settlement-flavor{text-align:center;max-width:400px}.app-shell{min-height:100vh;color:var(--text-primary);font-family:var(--font-body);flex-direction:column;display:flex}.app-header{padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);z-index:10;justify-content:space-between;align-items:center;display:flex}.app-title{align-items:center;gap:var(--space-sm);display:flex}.title-icon{font-family:var(--font-mono);color:var(--accent-primary);opacity:.5;font-size:1.2rem;font-weight:900}.title-text{font-family:var(--font-title);color:var(--accent-primary);letter-spacing:.06em;font-size:1.25rem;font-weight:900}.title-info{font-family:var(--font-mono);color:var(--text-tertiary);margin-left:var(--space-sm);font-size:.75rem}.header-player{align-items:center;gap:var(--space-md);display:flex}.player-class{color:var(--text-secondary);font-size:.875rem;font-weight:500}.player-hp{font-family:var(--font-mono);font-size:.875rem;font-weight:700}.app-main{padding:var(--space-lg);flex:1;overflow-y:auto}@media (width<=768px){.app-main{padding:var(--space-md)}.app-header{padding:var(--space-sm) var(--space-md)}}