:root{--bg-dark:#0d1117;--bg-card:#161b22;--accent:#58a6ff;--text:#e6edf3;--text-muted:#8b949e}*{box-sizing:border-box}body{background:var(--bg-dark);color:var(--text);min-height:100vh;margin:0;font-family:JetBrains Mono,Fira Code,monospace}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{background:linear-gradient(135deg, var(--accent), #a371f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.app-header .stack-badge{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.game-section{margin-bottom:2rem}.game-section h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:1rem}.game-section .game-canvas-wrapper{background:var(--bg-card);border:1px solid #30363d;border-radius:8px;width:100%;height:400px;position:relative;overflow:hidden}.game-section .game-canvas-wrapper canvas{width:100%;height:100%;display:block}.game-section .bevy-placeholder{min-height:400px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.ui-section h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:1rem}.ui-section .inventory-panel{background:var(--bg-card);border:1px solid #30363d;border-radius:8px;padding:1rem}.ui-section .inventory-list{margin:0;padding:0;list-style:none}.ui-section .inventory-list li{cursor:pointer;border-radius:4px;padding:.5rem 1rem;transition:background .15s}.ui-section .inventory-list li:hover{background:rgba(88,166,255,.1)}.ui-section .inventory-list li.selected{color:var(--accent);background:rgba(88,166,255,.2)}