:root{--bg: #0a0b0d;--bg-panel: #0f1114;--bg-card: #14171c;--bg-hover: #1a1f26;--border: #1e2430;--border-light: #2a3140;--text: #c8ccd4;--text-dim: #6b7280;--text-bright: #e8ecf4;--health: #c0392b;--health-bg: #3b1512;--temp: #2980b9;--temp-bg: #0d2137;--hunger: #d4a017;--hunger-bg: #2d2205;--thirst: #2e86c1;--thirst-bg: #0b2841;--energy: #7d8a2e;--energy-bg: #1c1f0a;--radiation: #8e44ad;--radiation-bg: #1f0d2e;--accent: #5dade2;--danger: #e74c3c;--success: #27ae60;--warning: #f39c12;--fire: #e67e22;--frost: #85c1e9;--font: "Courier New", "Consolas", monospace;--font-ui: ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;overflow:hidden}.title-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(93,173,226,.06) 0%,transparent 60%),linear-gradient(180deg,#060810,#0a0b0d 40%,#0d1117);position:relative;overflow:hidden}.title-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}.title-content{text-align:center;position:relative;z-index:1;max-width:520px;padding:2rem}.title-main{font-family:var(--font);font-size:3.5rem;font-weight:900;letter-spacing:.15em;color:var(--frost);text-shadow:0 0 30px rgba(133,193,233,.3),0 0 60px rgba(133,193,233,.1),0 2px 4px rgba(0,0,0,.8);margin-bottom:.25rem}.title-sub{font-family:var(--font);font-size:1.1rem;font-weight:400;letter-spacing:.4em;color:var(--text-dim);margin-bottom:2rem}.title-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--frost),transparent);margin:0 auto 2rem}.title-desc{font-size:.85rem;color:var(--text-dim);line-height:1.8;margin-bottom:2rem}.title-features{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2.5rem}.title-feature{font-family:var(--font);font-size:.7rem;letter-spacing:.12em;color:var(--danger);text-transform:uppercase;padding:.35rem .75rem;border:1px solid rgba(231,76,60,.2);background:#e74c3c0a;border-radius:2px}.title-start-btn{font-family:var(--font);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--frost);border:1px solid var(--frost);padding:.85rem 2.5rem;cursor:pointer;transition:all .3s}.title-start-btn:hover{background:#85c1e91a;box-shadow:0 0 20px #85c1e926}.title-warning{margin-top:1.5rem;font-size:.7rem;color:var(--text-dim);opacity:.5;letter-spacing:.1em}.death-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,rgba(192,57,43,.08) 0%,transparent 60%),linear-gradient(180deg,#0a0505,#0a0b0d)}.death-content{text-align:center;max-width:480px;padding:2rem}.death-skull{font-size:4rem;color:var(--danger);opacity:.6;margin-bottom:1rem;text-shadow:0 0 40px rgba(231,76,60,.3)}.death-title{font-family:var(--font);font-size:2.5rem;letter-spacing:.2em;color:var(--danger);text-shadow:0 0 30px rgba(231,76,60,.3);margin-bottom:1.5rem}.death-divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--danger),transparent);margin:0 auto 1.5rem}.death-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.death-stat{display:flex;flex-direction:column;gap:.25rem}.death-stat-label{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.death-stat-value{font-size:1.1rem;color:var(--text-bright)}.death-final-events{text-align:left;margin-bottom:2rem;padding:1rem;border:1px solid var(--border);background:var(--bg-panel);border-radius:4px}.death-final-events h3{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.death-event{font-size:.8rem;padding:.25rem 0;border-bottom:1px solid var(--border)}.death-event:last-child{border-bottom:none}.death-event-danger{color:var(--danger)}.death-event-death{color:var(--danger);font-weight:700}.death-restart-btn{font-family:var(--font);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--text);border:1px solid var(--border-light);padding:.75rem 2rem;cursor:pointer;transition:all .3s}.death-restart-btn:hover{border-color:var(--text-dim);background:var(--bg-hover)}.death-subtitle{margin-top:1.5rem;font-size:.7rem;color:var(--text-dim);opacity:.4}.game-container{height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);overflow:hidden}.top-bar{padding:.75rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.stat-bar-group{display:flex;gap:.75rem;flex-wrap:wrap;flex:1}.stat-bar{display:flex;align-items:center;gap:.35rem;min-width:100px}.stat-bar.critical .stat-bar-fill{animation:pulse-critical 1s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.4}}.stat-label{font-size:.6rem;letter-spacing:.1em;color:var(--text-dim);min-width:32px}.stat-bar-track{width:80px;height:6px;background:var(--bg);border:1px solid var(--border);border-radius:1px;overflow:hidden}.stat-bar-fill{height:100%;transition:width .5s ease}.stat-bar-fill.health{background:var(--health)}.stat-bar-fill.temp{background:var(--temp)}.stat-bar-fill.hunger{background:var(--hunger)}.stat-bar-fill.thirst{background:var(--thirst)}.stat-bar-fill.energy{background:var(--energy)}.stat-bar-fill.radiation{background:var(--radiation)}.stat-value{font-size:.7rem;color:var(--text);min-width:24px;text-align:right}.world-info{display:flex;gap:.5rem;flex-wrap:wrap}.world-badge{font-size:.6rem;letter-spacing:.08em;padding:.2rem .5rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);border-radius:2px;text-transform:uppercase}.fire-badge{color:var(--fire);border-color:#e67e224d;background:#e67e2214}.shelter-badge{color:var(--success);border-color:#27ae604d;background:#27ae6014}.main-area{display:flex;flex-direction:column;overflow:hidden;padding:0 1rem}.location-header{padding:1rem 0;border-bottom:1px solid var(--border)}.location-name{font-family:var(--font);font-size:1.1rem;letter-spacing:.08em;color:var(--text-bright);margin-bottom:.35rem}.location-desc{font-size:.8rem;color:var(--text-dim);line-height:1.6;margin-bottom:.5rem}.location-meta{display:flex;gap:.5rem;flex-wrap:wrap}.loc-tag{font-size:.6rem;letter-spacing:.08em;padding:.15rem .4rem;border:1px solid var(--border);color:var(--text-dim);border-radius:2px}.rad-tag{color:var(--radiation);border-color:#8e44ad4d}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-top:.5rem}.tab-btn{font-family:var(--font);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--text-dim);border:none;padding:.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:var(--text);background:var(--bg-hover)}.tab-btn.active{color:var(--frost);border-bottom-color:var(--frost)}.panel-content{flex:1;overflow:hidden;min-height:0}.event-log{height:100%;overflow-y:auto;padding:.75rem 0}.log-entry{font-size:.78rem;padding:.3rem 0;border-bottom:1px solid rgba(30,36,48,.5);line-height:1.6}.log-turn{color:var(--text-dim);opacity:.5;margin-right:.5rem;font-size:.65rem}.log-info{color:var(--text)}.log-danger{color:var(--danger)}.log-discovery{color:var(--success)}.log-damage{color:var(--warning)}.log-death{color:var(--danger);font-weight:700}.log-craft{color:var(--accent)}.log-status{color:var(--text-dim)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;padding:.75rem 0;overflow-y:auto;height:100%}.inv-slot{padding:.5rem .65rem;border:1px solid var(--border);background:var(--bg-card);border-radius:3px;display:flex;flex-direction:column;gap:.15rem}.inv-name{font-size:.75rem;color:var(--text-bright)}.inv-count{font-size:.65rem;color:var(--accent)}.inv-cat{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.inv-food{border-color:#d4a0174d}.inv-water{border-color:#2e86c14d}.inv-medical{border-color:#27ae604d}.inv-tool{border-color:#5dade24d}.inv-clothing{border-color:#8e44ad4d}.inv-special{border-color:#e67e224d}.empty-panel{padding:2rem;text-align:center;color:var(--text-dim);font-size:.8rem;font-style:italic}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.75rem 0;overflow-y:auto;height:100%}.map-loc{padding:.5rem .65rem;border:1px solid var(--border);background:var(--bg-card);border-radius:3px;display:flex;flex-direction:column;gap:.15rem}.map-current{border-color:var(--frost);background:#85c1e90d}.map-loc-name{font-size:.75rem;color:var(--text-bright)}.map-loc-danger{font-size:.6rem;color:var(--text-dim)}.map-loc-rad{font-size:.6rem;color:var(--radiation)}.actions-area{padding:.75rem 1rem;background:var(--bg-panel);border-top:1px solid var(--border);position:relative}.action-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.action-btn{font-family:var(--font);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:.45rem .8rem;cursor:pointer;transition:all .15s;border-radius:2px}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.action-explore:hover{border-color:var(--success);color:var(--success)}.action-search:hover{border-color:var(--accent);color:var(--accent)}.action-rest:hover{border-color:var(--energy);color:var(--energy)}.action-hunt:hover{border-color:var(--danger);color:var(--danger)}.action-build_fire:hover{border-color:var(--fire);color:var(--fire)}.action-eat:hover{border-color:var(--hunger);color:var(--hunger)}.action-drink:hover{border-color:var(--thirst);color:var(--thirst)}.action-treat:hover{border-color:var(--success);color:var(--success)}.action-move:hover{border-color:var(--frost);color:var(--frost)}.action-craft:hover{border-color:var(--accent);color:var(--accent)}.submenu{position:absolute;bottom:100%;left:1rem;right:1rem;background:var(--bg-panel);border:1px solid var(--border-light);border-bottom:none;border-radius:6px 6px 0 0;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 -4px 20px #0006}.submenu-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-bottom:1px solid var(--border);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);position:sticky;top:0;background:var(--bg-panel);z-index:1}.submenu-close{background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.submenu-close:hover{color:var(--text)}.submenu-body{padding:.5rem}.crafting-list{display:flex;flex-direction:column;gap:.35rem}.craft-recipe{display:flex;justify-content:space-between;align-items:center;padding:.5rem .65rem;border:1px solid var(--border);background:var(--bg-card);border-radius:3px}.craft-recipe.locked{opacity:.45}.craft-info{display:flex;flex-direction:column;gap:.1rem}.craft-name{font-size:.75rem;color:var(--text-bright)}.craft-desc{font-size:.6rem;color:var(--text-dim)}.craft-btn{font-family:var(--font);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--accent);border:1px solid var(--accent);padding:.3rem .65rem;cursor:pointer;transition:all .15s;border-radius:2px}.craft-btn:hover:not(:disabled){background:#5dade21a}.craft-btn:disabled{color:var(--text-dim);border-color:var(--border);cursor:not-allowed}.move-list{display:flex;flex-direction:column;gap:.35rem}.move-btn{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .15s;border-radius:3px;text-align:left}.move-btn:hover{border-color:var(--frost);background:#85c1e90d}.move-name{font-size:.75rem;color:var(--text-bright);font-family:var(--font)}.move-info{font-size:.6rem;color:var(--text-dim);font-family:var(--font)}.consume-list{display:flex;flex-direction:column;gap:.35rem}.consume-btn{display:flex;justify-content:space-between;align-items:center;padding:.5rem .65rem;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .15s;border-radius:3px;font-family:var(--font);font-size:.75rem;color:var(--text)}.consume-btn:hover{border-color:var(--success);background:#27ae600d}.consume-count{font-size:.65rem;color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@media(max-width:600px){.title-main{font-size:2.2rem}.title-sub{font-size:.8rem;letter-spacing:.25em}.stat-bar-group{gap:.4rem}.stat-bar-track{width:50px}.action-btn{font-size:.6rem;padding:.35rem .5rem}}