:root{color-scheme:dark;--bg: #0d1412;--surface: rgba(18, 28, 24, .82);--surface-strong: rgba(31, 48, 40, .94);--text: #f5f1dc;--muted: #bac8b9;--accent: #53d6c5;--gold: #d8b25b;--danger: #ef6f6c;--line: rgba(245, 241, 220, .18);--shadow: rgba(0, 0, 0, .34);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #ece8d7;--surface: rgba(255, 250, 240, .86);--surface-strong: rgba(226, 219, 196, .96);--text: #142019;--muted: #51604f;--accent: #167f7a;--gold: #a47416;--danger: #b54045;--line: rgba(20, 32, 25, .18);--shadow: rgba(52, 62, 48, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}button,kbd{font:inherit}button{color:inherit}.app-shell,.game-surface,.game-frame,.game-canvas{width:100vw;height:100vh}.app-shell{position:relative}.top-bar{position:fixed;z-index:20;top:16px;right:16px;left:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 30px var(--shadow);color:var(--text);font-size:1.2rem;font-weight:850;letter-spacing:0;pointer-events:auto;text-decoration:none}.brand-mark{width:22px;height:22px;border:3px solid var(--accent);background:linear-gradient(135deg,var(--gold) 0 48%,var(--surface-strong) 48% 100%);transform:rotate(45deg)}.account-link,.theme-toggle{position:relative;height:44px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 12px 30px var(--shadow);cursor:pointer;pointer-events:auto}.account-link{display:inline-flex;align-items:center;margin-left:auto;margin-right:10px;padding:0 14px;color:var(--text);font-size:.9rem;font-weight:800;text-decoration:none}.theme-toggle{display:grid;width:44px;place-items:center}.sun-icon,.moon-icon{position:absolute;display:block;width:18px;height:18px;transition:opacity .16s ease,transform .16s ease}.sun-icon{border:3px solid var(--gold);border-radius:50%;box-shadow:0 -11px 0 -8px var(--gold),0 11px 0 -8px var(--gold),11px 0 0 -8px var(--gold),-11px 0 0 -8px var(--gold)}.moon-icon{border-radius:50%;box-shadow:inset -7px 0 0 var(--accent)}:root[data-theme=dark] .sun-icon,:root[data-theme=light] .moon-icon{opacity:0;transform:scale(.72) rotate(-25deg)}:root[data-theme=dark] .moon-icon,:root[data-theme=light] .sun-icon{opacity:1;transform:scale(1) rotate(0)}.game-frame{position:relative;overflow:hidden;background:#142019}.game-canvas{outline:none}.game-canvas canvas{display:block;width:100%;height:100%}.crosshair{position:fixed;z-index:8;top:50%;left:50%;width:18px;height:18px;pointer-events:none;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{position:absolute;content:"";background:#f5f1dce0}.crosshair:before{top:8px;left:0;width:18px;height:2px}.crosshair:after{top:0;left:8px;width:2px;height:18px}.status-strip,.hotbar,.message,.control-hints{position:fixed;z-index:10;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 12px 30px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-strip{top:78px;left:16px;display:flex;flex-wrap:wrap;gap:8px;padding:8px;color:var(--text);font-size:.9rem;font-weight:760}.status-strip span{padding:5px 8px;border-radius:6px;background:var(--surface-strong)}.hotbar{bottom:18px;left:50%;display:grid;width:min(720px,calc(100vw - 24px));grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:8px;transform:translate(-50%)}.hotbar-slot{min-height:48px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong);color:var(--text);cursor:pointer;font-size:.76rem;font-weight:780;text-overflow:ellipsis}.hotbar-slot.active{border-color:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 42%,transparent)}.lock-button{position:fixed;z-index:12;top:50%;left:50%;min-width:150px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:0 18px 40px var(--shadow);color:var(--text);cursor:pointer;font-weight:850;transform:translate(-50%,-50%)}.message{right:16px;bottom:92px;max-width:min(420px,calc(100vw - 32px));margin:0;padding:10px 12px;color:var(--text);font-size:.9rem;line-height:1.35}.control-hints{right:16px;bottom:16px;display:flex;max-width:min(520px,calc(100vw - 32px));flex-wrap:wrap;gap:6px;padding:8px}.legal-notice{position:absolute;bottom:16px;left:16px;z-index:4;max-width:min(420px,calc(100vw - 32px));color:var(--muted);font-size:.72rem;line-height:1.4}.legal-notice a{color:var(--text);font-weight:820}kbd{display:inline-grid;min-height:28px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong);color:var(--text);font-size:.72rem;font-weight:820;place-items:center}.inventory-dialog{width:min(680px,calc(100vw - 28px));border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #00000073;color:var(--text)}.inventory-dialog::backdrop{background:#0000007a}.inventory-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-dialog h2,.inventory-dialog h3{margin:0 0 12px;font-size:1rem}.inventory-dialog button{border:1px solid var(--line);border-radius:6px;background:var(--surface-strong);cursor:pointer}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;margin-bottom:18px}.inventory-slot,.craft-button{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong)}.inventory-slot strong,.inventory-slot span{font-size:.86rem}.crafting-list{display:grid;gap:8px}.craft-button{justify-content:flex-start;color:var(--text);text-align:left}.craft-button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:720px){.brand{font-size:1rem}.status-strip{right:16px}.control-hints{display:none}.message{right:12px;bottom:88px;left:12px}.hotbar{grid-template-columns:repeat(4,minmax(0,1fr))}}.brand-icon{width:28px;height:28px;border-radius:7px;object-fit:cover}