:root{--bg-darkest: #0a0a0a;--bg-dark: #111111;--bg-panel: #1a1a1a;--bg-raised: #222222;--bg-hover: #2a2a2a;--border: #333333;--border-bright: #444444;--green: #5aff5a;--green-dim: #2a7a2a;--green-glow: rgba(90, 255, 90, .15);--amber: #ffb347;--amber-dim: #7a5020;--blue: #5ab8ff;--blue-dim: #1a4a7a;--red: #ff5a5a;--red-dim: #7a2020;--purple: #c77dff;--text-primary: #e8e8e8;--text-secondary: #888888;--text-dim: #555555;--chest-empty: #1e1410;--chest-filled: #3d2b1a;--chest-border: #5c3d20;--chest-highlight: #8b5e2a;--pixel-shadow: 2px 2px 0px rgba(0,0,0,.8);--font-pixel: "Silkscreen", monospace;--font-mono: "Share Tech Mono", monospace;--font-display: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-darkest);color:var(--text-primary);font-family:var(--font-mono);overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--green-dim)}.pixel-border{border:2px solid var(--border);box-shadow:inset 1px 1px 0 var(--border-bright),inset -1px -1px #000}.pixel-border-green{border:2px solid var(--green-dim);box-shadow:inset 1px 1px 0 var(--green),inset -1px -1px #000,0 0 8px var(--green-glow)}button{font-family:var(--font-pixel);cursor:pointer;transition:all .1s}button:active{transform:translateY(1px)}input,textarea,select{font-family:var(--font-mono);background:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border);padding:8px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--green-dim);box-shadow:0 0 6px var(--green-glow)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--green-glow)}50%{box-shadow:0 0 20px var(--green-glow),0 0 40px #5aff5a0d}}.animate-in{animation:fadeIn .2s ease-out}.cursor-blink:after{content:"█";animation:blink 1s step-end infinite;color:var(--green)}