:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#000}#root{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#000}a:hover{color:#747bff}button{background-color:#f9f9f9}}canvas{display:block;width:100%;height:100%}#game-canvas canvas{opacity:0;animation:canvasFadeIn 2s ease-out 1s forwards}@keyframes canvasFadeIn{0%{opacity:0}to{opacity:1}}:root{--ui-green: #00ff00;--ui-green-dim: rgba(0, 255, 0, .5);--ui-green-bg: rgba(0, 255, 0, .02);--ui-green-bg-hover: rgba(0, 255, 0, .08);--ui-green-bg-active: rgba(0, 255, 0, .15);--ui-green-glow: rgba(0, 255, 0, .3);--ui-green-outline: #003300;--ui-orange: #ff9944;--ui-bg: rgba(0, 0, 0, .92);--ui-bg-overlay: rgba(0, 0, 0, .8);--ui-border: 2px solid var(--ui-green);--ui-font: monospace}.hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:10;transition:opacity .3s ease-out;font-family:var(--ui-font)}.hud--visible{opacity:1}.hud--hidden{opacity:0}.settings-icon{position:absolute;top:30px;right:30px;font-size:4vmin;color:var(--ui-green);cursor:pointer;pointer-events:auto}.crosshair{width:1vmin;height:1vmin;border:1px solid var(--ui-green);border-radius:50%}.weapon{position:absolute;bottom:30px;right:50px;color:var(--ui-green);font-size:2.5vmin;font-family:var(--ui-font);font-weight:700;display:flex;align-items:center;gap:16px;text-shadow:0 0 .6vmin var(--ui-green-glow)}.weapon-icon{height:4vmin;width:auto}.health{position:absolute;bottom:30px;left:50px;color:var(--ui-green);font-size:2.5vmin;font-family:var(--ui-font);font-weight:700;text-shadow:0 0 .6vmin var(--ui-green-glow);display:flex;align-items:center;gap:0}.health-icon{font-size:3.2vmin;line-height:1}.health-text{min-width:5ch;text-align:right}.health-icon--dead{font-size:10vmin}.radiation-indicator{margin-left:.8ch;color:var(--ui-green);font-size:2.5vmin;letter-spacing:.1ch;text-shadow:0 0 .6vmin var(--ui-green-glow)}.radiation-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#00ff00 150%);pointer-events:none;transition:opacity 1s ease-in-out;animation:radiation-pulse 2s ease-in-out infinite}@keyframes radiation-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.subtitles{position:absolute;bottom:100px;background-color:var(--ui-bg-overlay);color:var(--ui-green);padding:10px;border-radius:0;border:1px solid var(--ui-green-dim);max-width:80%;text-align:center;font-family:var(--ui-font);font-size:1.5vmin}.item-pickup-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.item-pickup-image{position:absolute;left:60%;width:70vw;height:auto;image-rendering:pixelated;transform-origin:center center;animation:itemPickup 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes itemPickup{0%{top:150vh;transform:translate(-50%) scaleX(-1) rotate(var(--rotation))}50%{top:60vh;transform:translate(-50%) scaleX(-1) rotate(var(--rotation))}to{top:150vh;transform:translate(-50%) scaleX(-1) rotate(var(--rotation))}}.character-title{color:var(--ui-green);font-size:1.8vmin;font-weight:700;text-transform:uppercase;letter-spacing:3px}.character-level-section{display:flex;align-items:baseline;gap:2vmin}.character-level{color:var(--ui-green);font-size:2.4vmin;font-weight:700;white-space:nowrap;position:relative;top:.2vmin}.character-xp-bar-wrap{flex:1;display:flex;flex-direction:column;gap:.4vmin}.character-xp-label{color:var(--ui-green);font-size:1vmin;opacity:.5;text-align:right}.character-xp-bar{height:1.2vmin;background:var(--ui-green-bg);border:var(--ui-border);position:relative;overflow:hidden}.character-xp-fill{position:absolute;top:0;left:0;height:100%;background:var(--ui-green);opacity:.6;transition:width .3s ease}.character-points{color:var(--ui-green);font-size:1.2vmin;text-transform:uppercase;letter-spacing:1px}.character-points-value{font-weight:700;font-size:1.4vmin}.character-stats{display:flex;flex-direction:column;gap:0}.character-stat-row{display:flex;align-items:center;padding:.6vmin .8vmin}.character-stat-row--selected{background:var(--ui-green-bg-hover);box-shadow:inset 2px 0 0 var(--ui-green)}.character-stat-name{color:var(--ui-green);font-size:1.4vmin;font-weight:700;text-transform:uppercase;letter-spacing:1px;width:10vmin}.character-stat-pips{display:flex;gap:.4vmin;flex:1}.character-stat-pip{width:1.6vmin;height:1.6vmin;border:1px solid var(--ui-green);background:transparent}.character-stat-pip--filled{background:var(--ui-green)}.character-stat-desc{color:var(--ui-green);font-size:1vmin;opacity:.4;width:22vmin;text-align:right}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:25;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;font-family:var(--ui-font);pointer-events:auto}.modal-panel{background:var(--ui-bg);border:var(--ui-border);padding:2.5vmin;display:flex;flex-direction:column;gap:2vmin;pointer-events:auto}.modal-nav-hint{color:var(--ui-green);font-size:1vmin;text-align:right;opacity:.3}.inventory-panel{display:flex;border:var(--ui-border);background:var(--ui-bg);width:90vmin;height:50vmin;pointer-events:auto}.inventory-left{flex:1;border-right:var(--ui-border);display:flex;flex-direction:column;padding:2vmin}.inventory-right{width:24vmin;padding:2vmin;display:flex;flex-direction:column}.inventory-header{color:var(--ui-green);font-size:1.8vmin;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:.4vmin}.inventory-header-sub{color:var(--ui-green);font-size:1.2vmin;margin-bottom:1.4vmin;opacity:.5}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5vmin;flex:1;align-content:start}.inventory-slot{aspect-ratio:1;border:var(--ui-border);background:var(--ui-green-bg);display:flex;align-items:center;justify-content:center;position:relative;opacity:.3}.inventory-slot--selected{opacity:1;background:#00ff001a;box-shadow:0 0 .8vmin var(--ui-green-glow)}.inventory-slot--filled{opacity:.7}.inventory-slot--filled.inventory-slot--selected{opacity:1}.inventory-slot-img{max-width:calc(100% - .6vmin);max-height:calc(100% - .6vmin);image-rendering:pixelated;object-fit:contain}.inventory-slot-count{position:absolute;bottom:.2vmin;right:.4vmin;color:var(--ui-green);font-size:1.1vmin;font-weight:700}.inventory-slot-price{position:absolute;bottom:.2vmin;left:.4vmin;color:#fc0;font-size:1vmin;font-weight:700}.inventory-detail-title{color:var(--ui-green);font-size:1.6vmin;font-weight:700;margin-bottom:.4vmin}.inventory-detail-category{color:var(--ui-green);font-size:1.1vmin;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.6vmin;opacity:.5}.inventory-detail-img{display:flex;justify-content:center;align-items:center;height:10vmin;margin-bottom:1.6vmin;border:var(--ui-border);background:var(--ui-green-bg);opacity:.7}.inventory-detail-img img{max-height:8vmin;max-width:calc(100% - 1.6vmin);image-rendering:pixelated;object-fit:contain}.inventory-detail-desc{color:var(--ui-green);font-size:1.2vmin;line-height:1.5;margin-bottom:1.2vmin;font-style:italic;opacity:.6}.inventory-detail-stats{display:flex;flex-direction:column;gap:.6vmin;flex:1}.inventory-detail-stat{display:flex;justify-content:space-between;font-size:1.2vmin}.inventory-detail-stat-label{color:var(--ui-green);opacity:.5}.inventory-detail-stat-value{color:var(--ui-green);font-weight:700}.inventory-detail-actions{margin-top:auto;display:flex;gap:.6vmin}.inventory-detail-btn{flex:1;padding:1vmin;background:var(--ui-green-bg-hover);border:var(--ui-border);color:var(--ui-green);font-family:var(--ui-font);font-size:1.3vmin;text-transform:uppercase;letter-spacing:2px;cursor:pointer;text-align:center}.inventory-detail-btn:hover{background:var(--ui-green-bg-active)}.inventory-detail-empty{color:var(--ui-green);font-size:1.2vmin;text-align:center;margin-top:4vmin;opacity:.3}.cooking-panel{background:var(--ui-bg);border:2px solid var(--ui-orange);width:75vmin;height:42vmin;display:flex;pointer-events:auto}.cooking-left{width:32vmin;padding:3vmin 2vmin 2vmin;border-right:2px solid var(--ui-orange);display:flex;flex-direction:column;align-items:center;gap:1.6vmin}.cooking-icon{font-size:3.2vmin}.cooking-title{color:var(--ui-orange);font-size:1.5vmin;font-weight:700;text-transform:uppercase;letter-spacing:2px}.cooking-slots{display:flex;align-items:center;gap:1.4vmin}.cooking-slot{width:8vmin;height:8vmin;border:2px solid var(--ui-orange);background:#ff99440d;display:flex;align-items:center;justify-content:center;position:relative}.cooking-slot-label{position:absolute;top:-1.6vmin;color:var(--ui-orange);font-size:1vmin;text-transform:uppercase;letter-spacing:1px}.cooking-slot-img{max-width:calc(100% - .8vmin);max-height:calc(100% - .8vmin);image-rendering:pixelated;object-fit:contain}.cooking-arrow{color:var(--ui-orange);font-size:2vmin}.cooking-result{opacity:1;border-color:var(--ui-orange);background:#ff994414;box-shadow:0 0 1vmin #ff994426}.cooking-result-unknown{color:var(--ui-orange);font-size:2vmin;font-weight:700}.cooking-btn{padding:.8vmin 2.8vmin;background:#ff99441a;border:2px solid var(--ui-orange);color:var(--ui-orange);font-family:var(--ui-font);font-size:1.3vmin;text-transform:uppercase;letter-spacing:2px;cursor:pointer;text-align:center}.cooking-btn:hover{background:#f943}.cooking-progress{width:80%;height:1.2vmin;background:#ff994426;border:2px solid var(--ui-orange);position:relative;overflow:hidden}.cooking-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--ui-orange);transition:width .05s linear}.cooking-right{flex:1;padding:2vmin;display:flex;flex-direction:column}.cooking-inv-title{color:var(--ui-green);font-size:1.2vmin;text-transform:uppercase;letter-spacing:1px;margin-bottom:1vmin}.cooking-inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5vmin}.cooking-inv-slot{aspect-ratio:1;border:var(--ui-border);background:var(--ui-green-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;opacity:.3}.cooking-inv-slot--filled{opacity:.7}.cooking-inv-slot--selected{opacity:1;border-color:var(--ui-green);background:#00ff001a;box-shadow:0 0 .8vmin var(--ui-green-glow)}.cooking-inv-slot-img{max-width:calc(100% - .6vmin);max-height:calc(100% - .6vmin);image-rendering:pixelated;object-fit:contain}.cooking-inv-slot-count{position:absolute;bottom:.1vmin;right:.3vmin;color:var(--ui-green);font-size:1vmin;font-weight:700}.dialogue-container{position:absolute;bottom:0;left:0;right:0;min-height:30vh;background-color:var(--ui-bg-overlay);padding:20px;font-family:var(--ui-font);pointer-events:none}.dialogue-content{max-width:900px;margin:0 auto;width:100%}.dialogue-npc-text{color:var(--ui-green);font-size:1.8vmin;line-height:1.5;margin-bottom:15px;font-weight:700;min-height:8.1vmin;white-space:pre-wrap}.dialogue-responses{display:flex;flex-direction:column;gap:8px}.dialogue-response{background-color:#00ff000f;color:var(--ui-green);padding:10px 15px;font-size:1.5vmin;cursor:pointer;transition:background-color .15s ease}.dialogue-response-number{color:var(--ui-green);font-weight:700;margin-right:8px}.dialogue-continue{opacity:.9}.map-guide-header{display:flex;justify-content:space-between;align-items:center}.map-guide-header h2{margin:0;font-size:2vmin;text-transform:uppercase;letter-spacing:3px;color:var(--ui-green)}.map-guide-close{background:none;border:var(--ui-border);color:var(--ui-green);font-size:1.4vmin;cursor:pointer;padding:.4vmin .8vmin;font-family:var(--ui-font);transition:background-color .15s}.map-guide-close:hover{background:var(--ui-green-bg-active)}.map-guide-content{flex:1;overflow-y:auto;padding-right:1vmin;font-size:1.2vmin;line-height:1.6}.map-guide-content h1{color:var(--ui-green);border-bottom:1px solid var(--ui-green-dim);padding-bottom:1vmin;margin-top:0;font-size:1.8vmin}.map-guide-content h2{color:var(--ui-green);border-bottom:1px solid var(--ui-green-dim);padding-bottom:.8vmin;margin-top:2.5vmin;font-size:1.5vmin}.map-guide-content h3{color:var(--ui-green);opacity:.7;margin-top:2vmin;font-size:1.3vmin}.map-guide-content p{line-height:1.6;margin:1vmin 0}.map-guide-content code{background:var(--ui-green-bg-hover);border:1px solid var(--ui-green-dim);padding:.1vmin .4vmin;font-family:var(--ui-font);font-size:.9em}.map-guide-content pre{background:#00000080;border:1px solid var(--ui-green-dim);padding:1.2vmin;overflow-x:auto;margin:1.2vmin 0}.map-guide-content pre code{background:transparent;border:none;padding:0}.map-guide-content table{width:100%;border-collapse:collapse;margin:1.2vmin 0}.map-guide-content th,.map-guide-content td{border:1px solid var(--ui-green-dim);padding:.8vmin 1vmin;text-align:left}.map-guide-content th{background:var(--ui-green-bg-hover);color:var(--ui-green)}.map-guide-content tr:nth-child(2n){background:var(--ui-green-bg)}.map-guide-content ul,.map-guide-content ol{margin:1vmin 0;padding-left:2.5vmin}.map-guide-content li{margin:.4vmin 0;line-height:1.5}.map-guide-content strong{color:var(--ui-green)}.map-guide-content hr{border:none;border-top:1px solid var(--ui-green-dim);margin:2vmin 0}.map-guide-bottom-btn{padding:1vmin;border:var(--ui-border);background:var(--ui-green-bg-hover);color:var(--ui-green);cursor:pointer;font-family:var(--ui-font);font-size:1.3vmin;text-transform:uppercase;letter-spacing:2px;transition:background-color .15s}.map-guide-bottom-btn:hover{background:var(--ui-green-bg-active)}.map-guide-content::-webkit-scrollbar{width:.6vmin}.map-guide-content::-webkit-scrollbar-track{background:#00ff000d}.map-guide-content::-webkit-scrollbar-thumb{background:var(--ui-green-dim)}.map-guide-content::-webkit-scrollbar-thumb:hover{background:var(--ui-green)}.settings-title{margin:0;font-size:2vmin;text-transform:uppercase;letter-spacing:3px;color:var(--ui-green)}.settings-columns{display:flex;gap:3vmin}.settings-column{flex:1;display:flex;flex-direction:column;gap:2vmin}.settings-section{border-top:1px solid var(--ui-green-dim);padding-top:1.5vmin}.settings-section:first-of-type{border-top:none;padding-top:0}.settings-section h3{margin:0 0 1.5vmin;color:var(--ui-green);opacity:.5;font-size:1.3vmin;text-transform:uppercase;letter-spacing:2px}.settings-grid{display:flex;flex-direction:column;gap:0}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:.5vmin .8vmin}.settings-row--selected{background:var(--ui-green-bg-hover);box-shadow:inset 2px 0 0 var(--ui-green)}.settings-row label{font-weight:700;font-size:1.2vmin;color:var(--ui-green)}.setting-control{display:flex;align-items:center;gap:.8vmin;font-size:1.2vmin}.setting-control span{color:var(--ui-green);opacity:.7;min-width:3.5vmin;text-align:right}.setting-control input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.8vmin;height:1.8vmin;border:2px solid var(--ui-green);background:var(--ui-green-bg);cursor:pointer;position:relative}.setting-control input[type=checkbox]:checked{background:var(--ui-green-bg-active)}.setting-control input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ui-green);font-size:1.2vmin;font-weight:700}.setting-control input[type=checkbox]:disabled{opacity:.3;cursor:default}.setting-control input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:.4vmin;background:var(--ui-green-dim);outline:none;cursor:pointer}.setting-control input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1.2vmin;height:1.8vmin;background:var(--ui-green);border:none;cursor:pointer}.setting-control input[type=range]::-moz-range-thumb{width:1.2vmin;height:1.8vmin;background:var(--ui-green);border:none;cursor:pointer}.setting-control input[type=range]:disabled{opacity:.3;cursor:default}.setting-control button{padding:.4vmin 1vmin;border:var(--ui-border);background:var(--ui-green-bg-hover);color:var(--ui-green);cursor:pointer;font-family:var(--ui-font);font-size:1vmin;text-transform:uppercase;letter-spacing:1px;transition:background-color .15s}.setting-control button:hover{background:var(--ui-green-bg-active)}.setting-control--disabled{opacity:.3}.sprite-texture-atlas-debug-panel{width:100vw;height:100vh;background:var(--ui-bg);color:var(--ui-green);display:flex;flex-direction:column;font-family:var(--ui-font);overflow:hidden}.sprite-texture-atlas-debug-header{padding:2vmin 2.5vmin;border-bottom:var(--ui-border);flex-shrink:0}.sprite-texture-atlas-debug-header h1{margin:0 0 .8vmin;font-size:2vmin;text-transform:uppercase;letter-spacing:3px;color:var(--ui-green)}.sprite-texture-atlas-debug-header p{margin:.4vmin 0;color:var(--ui-green);opacity:.7;font-size:1.2vmin}.sprite-texture-atlas-debug-hint{opacity:.3;font-size:1vmin}.sprite-texture-atlas-debug-content{flex:1;overflow:auto;padding:2vmin;display:flex;justify-content:center;align-items:flex-start}.sprite-texture-atlas-debug-image{max-width:100%;height:auto;image-rendering:pixelated;border:var(--ui-border)}.intro-scene-text-container{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding-top:5vmin;pointer-events:none;background:transparent}.intro-scene-text{position:absolute;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:7vmin;font-weight:700;color:#0f0;text-shadow:-2px -2px 0 #003300,2px -2px 0 #003300,-2px 2px 0 #003300,2px 2px 0 #003300;opacity:0;transition:opacity .5s ease-in-out}.intro-scene-text--visible{opacity:.5}