:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--bg-card: #111;--bg-hover: #1a1a1a;--border: rgba(255, 255, 255, .08);--text: #e8e8e8;--text-dim: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .35);--accent: #f97316;--accent-dim: rgba(249, 115, 22, .15);--danger: #ef4444;--success: #4ade80;--warning: #fbbf24}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.title-screen{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 50% 30%,#1a0a00,#0a0a0a 70%);animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{background:radial-gradient(ellipse at 50% 30%,#1a0a00,#0a0a0a 70%)}50%{background:radial-gradient(ellipse at 50% 30%,#200e00,#0a0a0a 70%)}}.title-content{text-align:center;max-width:28rem;animation:fadeIn 1s ease-out}.title-content.flicker{opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title-icon{font-size:4rem;margin-bottom:1rem}.title-text{font-size:3rem;font-weight:800;letter-spacing:.15em;color:var(--accent);text-shadow:0 0 40px rgba(249,115,22,.3);margin-bottom:.25rem}.title-subtitle{font-size:.85rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.title-divider{width:4rem;height:1px;background:var(--border);margin:1.5rem auto}.title-premise{color:var(--text-dim);font-size:.95rem;margin-bottom:1rem;line-height:1.7}.title-goal{color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:2rem}.title-hint{color:var(--text-muted);font-size:.75rem;margin-top:1rem}.btn{border:none;cursor:pointer;font-family:inherit;font-size:.85rem;border-radius:.5rem;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{background:var(--accent);color:#000;font-weight:700;font-size:1rem;padding:.85rem 2.5rem;letter-spacing:.05em;text-transform:uppercase}.btn-start:hover{background:#fb923c;box-shadow:0 0 30px #f973164d}.btn-restart{background:var(--accent);color:#000;font-weight:700;padding:.75rem 2rem;letter-spacing:.05em;text-transform:uppercase;margin-top:1rem}.btn-restart:hover{background:#fb923c}.gameover-screen,.win-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.gameover-screen{background:radial-gradient(ellipse at 50% 30%,#1a0000,#0a0a0a 70%)}.win-screen{background:radial-gradient(ellipse at 50% 30%,#001a00,#0a0a0a 70%)}.gameover-content,.win-content{text-align:center;max-width:26rem;animation:fadeIn .8s ease-out}.gameover-icon,.win-icon{font-size:4rem;margin-bottom:1rem}.gameover-title{font-size:2rem;font-weight:800;color:var(--danger);letter-spacing:.1em;margin-bottom:.75rem}.win-title{font-size:2rem;font-weight:800;color:var(--success);letter-spacing:.1em;margin-bottom:.75rem}.gameover-cause,.win-text{color:var(--text-dim);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.gameover-stats,.win-stats{color:var(--text-dim);font-size:.85rem;margin-bottom:1rem}.gameover-stats p,.win-stats p{margin-bottom:.25rem}.game-container{min-height:100vh;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:#ffffff05;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.header-left{display:flex;align-items:center;gap:1rem}.header-title{font-size:1rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}.header-location{font-size:.85rem;color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:1.25rem}.time-display,.rescue-display{display:flex;flex-direction:column;align-items:center}.time-label,.rescue-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.time-value{font-size:1.1rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.rescue-value{font-size:1.1rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.btn-end-turn{background:var(--accent);color:#000;font-weight:700;padding:.5rem 1.25rem;letter-spacing:.03em}.btn-end-turn:hover{background:#fb923c}.game-layout{flex:1;display:grid;grid-template-columns:300px 1fr;min-height:0}@media(max-width:768px){.game-layout{grid-template-columns:1fr}.game-sidebar{max-height:50vh}}.game-sidebar{border-right:1px solid var(--border);background:#ffffff03;display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 52px)}.stats-section{padding:1rem;border-bottom:1px solid var(--border)}.section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.75rem;font-weight:600}.stat-bar{margin-bottom:.5rem}.stat-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem}.stat-icon{font-size:.75rem}.stat-label{font-size:.7rem;color:var(--text-dim);flex:1}.stat-value{font-size:.75rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stat-track{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.stat-fill{height:100%;border-radius:2px;transition:width .4s ease,background .4s}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border)}.tab-btn{flex:1;padding:.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .15s}.tab-btn:hover{color:var(--text-dim);background:var(--bg-hover)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.event-log{flex:1;display:flex;flex-direction:column;min-height:0}.event-list{flex:1;overflow-y:auto;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.4rem}.event-entry{display:flex;gap:.5rem;padding:.4rem .5rem;border-radius:.375rem;font-size:.78rem;line-height:1.5;animation:eventSlideIn .3s ease-out}@keyframes eventSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.event-entry.event-info{background:#ffffff05}.event-entry.event-danger{background:#ef444414;border-left:2px solid var(--danger)}.event-entry.event-discovery{background:#4ade800f;border-left:2px solid var(--success)}.event-entry.event-survival{background:#fbbf240f;border-left:2px solid var(--warning)}.event-entry.event-system{background:#f973160f;border-left:2px solid var(--accent)}.event-icon{font-size:.8rem;flex-shrink:0}.event-text{color:var(--text-dim)}.inventory-panel{flex:1;overflow-y:auto;padding:.75rem 1rem}.empty-text{color:var(--text-muted);font-size:.8rem;font-style:italic}.inv-group{margin-bottom:.75rem}.inv-group-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-weight:600}.inv-item{background:#ffffff05;border:1px solid var(--border);border-radius:.375rem;margin-bottom:.25rem;cursor:pointer;transition:background .15s}.inv-item:hover,.inv-item.expanded{background:var(--bg-hover)}.inv-item-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem}.inv-item-name{font-size:.8rem}.inv-item-usable{color:var(--success);font-size:.75rem}.inv-item-detail{padding:0 .6rem .6rem;animation:fadeIn .2s ease-out}.inv-item-desc{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;line-height:1.5}.inv-item-effects{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.effect-tag{font-size:.65rem;padding:.15rem .4rem;border-radius:.25rem;font-weight:600}.effect-tag.positive{background:#4ade801a;color:var(--success)}.effect-tag.negative{background:#ef44441a;color:var(--danger)}.btn-use{background:var(--success);color:#000;font-weight:600;padding:.3rem .75rem;font-size:.75rem}.btn-use:hover{background:#6ee7a0}.crafting-panel{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.craft-recipe{background:#f973160a;border:1px solid rgba(249,115,22,.12);border-radius:.5rem;padding:.6rem;margin-bottom:.5rem}.craft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.craft-name{font-size:.85rem;font-weight:600;color:var(--accent)}.btn-craft{background:var(--accent);color:#000;font-weight:600;padding:.25rem .6rem;font-size:.7rem}.btn-craft:hover{background:#fb923c}.craft-desc{font-size:.72rem;color:var(--text-dim);margin-bottom:.4rem}.craft-ingredients{display:flex;gap:.35rem;flex-wrap:wrap}.craft-ing{font-size:.65rem;padding:.15rem .4rem;border-radius:.25rem;background:#ffffff0d;color:var(--text-dim)}.game-main{padding:1.5rem 2rem;overflow-y:auto;max-height:calc(100vh - 52px)}.location-view{max-width:42rem;animation:fadeIn .4s ease-out}.location-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.location-icon{font-size:2.5rem}.location-name{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.location-danger{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.location-desc{color:var(--text-dim);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.action-section{margin-bottom:1.5rem}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.btn-action{padding:.75rem .5rem;font-size:.8rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.25rem}.btn-search{background:#f973161a;color:var(--accent);border:1px solid rgba(249,115,22,.2)}.btn-search:hover:not(:disabled){background:#f9731633}.btn-searched{background:#4ade800d;color:var(--success);border:1px solid rgba(74,222,128,.1)}.btn-rest{background:#ffffff08;color:var(--text-dim);border:1px solid var(--border)}.btn-rest:hover:not(:disabled){background:var(--bg-hover)}.btn-barricade{background:#ffffff08;color:var(--text-dim);border:1px solid var(--border)}.btn-barricade:hover:not(:disabled){background:var(--bg-hover)}.travel-section{margin-bottom:1rem}.travel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.btn-travel{display:flex;align-items:center;gap:.6rem;padding:.65rem .75rem;background:#ffffff05;border:1px solid var(--border);color:var(--text);text-align:left}.btn-travel:hover:not(:disabled){background:var(--bg-hover);border-color:#ffffff26}.travel-icon{font-size:1.25rem}.travel-name{flex:1;font-size:.8rem;font-weight:500}.travel-danger{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.flash-message{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--accent);color:#000;font-weight:600;font-size:.85rem;padding:.5rem 1.5rem;border-radius:.5rem;z-index:100;animation:flashIn .3s ease-out;box-shadow:0 4px 20px #f973164d}@keyframes flashIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}