:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:#fafafa}.start-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1a0a,#1a0a0a,#0a0a1a);position:relative;overflow:hidden}.start-bg-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(39,174,96,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(192,57,43,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(52,152,219,.05) 0%,transparent 50%);animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.6}to{opacity:1}}.start-content{text-align:center;z-index:1;padding:2rem}.game-title{font-size:4rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#f1c40f,#e67e22,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:.5rem;animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.game-subtitle{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:#fff6;margin-bottom:1.5rem}.game-tagline{font-size:1.1rem;color:#ffffffb3;font-style:italic;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.start-btn{display:inline-block;padding:1rem 3rem;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0a0a0a;background:linear-gradient(135deg,#f1c40f,#e67e22);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:inherit}.start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f1c40f4d}.start-btn:active{transform:translateY(0)}.start-features{display:flex;gap:2rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.85rem}.feature-icon{font-size:1.2rem;color:#f1c40f}.start-hint{margin-top:2rem;color:#ffffff4d;font-size:.8rem}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden}.game-canvas{display:block;cursor:crosshair}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:100;pointer-events:all}.panel{background:#0f0f14f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h2{font-size:1.3rem;letter-spacing:.05em;margin-bottom:1rem;color:#f1c40f;text-align:center}.panel-hint{text-align:center;font-size:.75rem;color:#ffffff4d;margin-top:1rem}.inventory-panel{min-width:380px}.inventory-grid{display:grid;grid-template-columns:repeat(9,40px);gap:4px;justify-content:center}.inv-slot{width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:.55rem;transition:background .15s}.inv-slot:hover{background:#ffffff1a}.inv-slot.selected{border-color:#f1c40f;background:#f1c40f1a}.inv-slot.hotbar-slot{border-bottom:2px solid rgba(255,255,255,.15)}.item-name{font-size:.5rem;text-align:center;line-height:1.1;color:#fffc;overflow:hidden;max-width:36px}.item-count{position:absolute;bottom:2px;right:3px;font-size:.6rem;font-weight:700;color:#fff}.slot-key{position:absolute;top:1px;left:2px;font-size:.5rem;color:#ffffff40}.crafting-panel{min-width:400px;max-width:450px}.craft-tabs{display:flex;gap:4px;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.craft-tab{padding:.4rem .8rem;font-size:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;cursor:pointer;font-family:inherit;transition:all .15s}.craft-tab:hover{background:#ffffff1a}.craft-tab.active{background:#f1c40f26;border-color:#f1c40f;color:#f1c40f}.recipe-list{display:flex;flex-direction:column;gap:8px}.recipe{padding:.6rem .8rem;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.recipe.available{background:#27ae6014;border-color:#27ae6033}.recipe.unavailable{background:#ffffff05;opacity:.7}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.recipe-name{font-weight:600;font-size:.85rem}.recipe-count{font-size:.7rem;color:#fff6}.recipe-ingredients{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.ingredient{font-size:.7rem;padding:2px 6px;border-radius:3px}.ingredient.has{color:#27ae60;background:#27ae601a}.ingredient.needs{color:#e74c3c;background:#e74c3c1a}.craft-btn{padding:4px 16px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:3px;cursor:pointer;font-family:inherit;transition:all .15s}.craft-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.craft-btn:disabled{background:#ffffff0d;color:#fff3;cursor:not-allowed}.help-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:50;pointer-events:all;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.help-box{background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem 1.5rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:400px}.help-box h3{font-size:1.1rem;color:#f1c40f;margin-bottom:.5rem;letter-spacing:.05em}.help-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px 1rem;font-size:.75rem;color:#fff9;text-align:left;margin-bottom:.75rem}.help-box kbd{display:inline-block;padding:1px 6px;font-size:.7rem;font-family:monospace;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:3px;margin-right:4px}.help-box p{font-size:.7rem;color:#ffffff59}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}