:root{--tv-bg-void: #07070f;--tv-bg-deep: #0d0d1a;--tv-bg-panel: #13131f;--tv-bg-panel-raised: #1a1a2e;--tv-bg-panel-hover: #20203a;--tv-bg-input: #0e0e1c;--tv-border-subtle: #1e1e34;--tv-border-mid: #2a2a45;--tv-border-accent: #3d3a6e;--tv-accent: #7c6af5;--tv-accent-light: #9d8fff;--tv-accent-dim: #4a3fa0;--tv-accent-glow: rgba(124, 106, 245, .28);--tv-accent-glow-hard: rgba(124, 106, 245, .55);--tv-text-bright: #f4f2ff;--tv-text-primary: #d8d4ff;--tv-text-secondary: #aaa6d6;--tv-text-dim: #6f6a9b;--tv-text-code: #a8e6cf;--tv-danger: #e05252;--tv-success: #52c07a;--tv-warning: #d4a34a;--tv-health: #e84040;--tv-hunger: #d4813a;--tv-oxygen: #40a8e8;--tv-xp: #6cda6c;--tv-armor: #8ab0d8;--tv-radius-sm: 3px;--tv-radius-md: 6px;--tv-radius-lg: 10px;--tv-shadow-panel: 0 4px 32px rgba(0, 0, 0, .7), 0 0 0 1px var(--tv-border-subtle);--tv-shadow-glow: 0 0 20px var(--tv-accent-glow), 0 0 60px rgba(124, 106, 245, .12);--tv-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, .3);--tv-font-game: "Courier New", monospace;--tv-font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tv-font-code: "JetBrains Mono", "Fira Code", Consolas, monospace;--tv-ease-out-expo: cubic-bezier(.16, 1, .3, 1);--tv-duration-fast: .12s;--tv-duration-mid: .24s;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--tv-bg-void);color:var(--tv-text-primary);font-family:var(--tv-font-ui)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--tv-accent-light);outline-offset:2px}.app-root{position:relative;width:100%;height:100%}.game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:#0d0d12}.fatal-error{display:grid;min-height:100%;place-items:center;padding:32px;color:var(--tv-danger);background:var(--tv-bg-void);font-family:var(--tv-font-code)}.hidden{display:none!important}.ui-root{position:absolute;inset:0;pointer-events:none}.screen-root,.hud-root,.debug-panel,.toast-stack,.modal-backdrop{pointer-events:auto}.hud-root{position:absolute;inset:0}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffe0;box-shadow:0 0 4px #000c}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{left:0;top:8px;width:18px;height:2px}.status-bars{position:absolute;left:18px;bottom:92px;width:min(340px,calc(100vw - 36px));display:grid;gap:6px}.meter{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:12px;text-shadow:0 1px 2px #000}.meter i{display:block;height:10px;border-radius:var(--tv-radius-sm);background:currentColor;box-shadow:var(--tv-shadow-inset)}.meter.health{color:var(--tv-health)}.meter.hunger{color:var(--tv-hunger)}.meter.oxygen{color:var(--tv-oxygen)}.hotbar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:grid;grid-template-columns:repeat(9,minmax(48px,1fr));width:min(560px,calc(100vw - 24px));gap:4px;padding:6px;background:#07070fb8;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-md);backdrop-filter:blur(10px)}.hotbar-slot,.inventory-slot{position:relative;min-height:48px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-sm);background:#1a1a2ee6;color:var(--tv-text-primary);white-space:pre-line;overflow:hidden}.hotbar-slot.selected{border-color:var(--tv-accent-light);box-shadow:0 0 0 2px var(--tv-accent-glow)}.slot-number{position:absolute;left:4px;top:3px;font-family:var(--tv-font-code);font-size:10px;color:var(--tv-text-secondary)}.slot-name{display:grid;height:100%;place-items:center;padding:12px 4px 4px;font-size:10px;text-align:center;text-transform:capitalize}.selected-item{position:absolute;left:50%;bottom:78px;transform:translate(-50%);padding:5px 10px;border-radius:var(--tv-radius-sm);background:#07070fb8;color:var(--tv-text-bright);font-size:12px}.mini-readout{position:absolute;left:14px;top:12px;padding:6px 8px;border-radius:var(--tv-radius-sm);background:#07070fa6;color:var(--tv-text-code);font-family:var(--tv-font-code);font-size:11px}.debug-panel{position:absolute;right:12px;top:12px;max-width:min(360px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-md);background:#07070fc7;color:var(--tv-text-code);font-family:var(--tv-font-code);font-size:11px;line-height:1.45;white-space:pre-wrap}.toast-stack{position:absolute;right:16px;bottom:90px;display:grid;gap:8px}.toast{width:min(340px,calc(100vw - 32px));padding:10px 12px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-md);background:#13131ff0;box-shadow:var(--tv-shadow-panel)}.toast-success{border-color:var(--tv-success)}.toast-warning{border-color:var(--tv-warning)}.toast-danger{border-color:var(--tv-danger)}.screen-root{position:absolute;inset:0;display:grid;place-items:center;padding:18px}.main-menu{overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(124,106,245,.22),transparent 38%),linear-gradient(#080813,#101023 52%,#07070f)}.star-canvas{position:absolute;inset:0;width:100%;height:60%;opacity:.7}.menu-panel{position:relative;z-index:1;display:grid;gap:12px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:18px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-lg);background:#13131fe0;box-shadow:var(--tv-shadow-panel);backdrop-filter:blur(18px)}.main-menu-panel{text-align:center}.wide-panel{width:min(860px,calc(100vw - 32px))}.form-panel{width:min(560px,calc(100vw - 32px))}.inventory-panel{width:min(760px,calc(100vw - 32px))}.brand-block{display:grid;justify-items:center;gap:8px;margin-bottom:8px}.brand-logo{width:128px;filter:drop-shadow(0 0 18px var(--tv-accent-glow-hard))}h1,h2{margin:0;color:var(--tv-text-bright);line-height:1.2}h1{font-family:var(--tv-font-game);font-size:clamp(28px,7vw,48px);letter-spacing:0}h2{font-size:24px}.tagline,.fine-print,.empty-state{margin:0;color:var(--tv-text-secondary);line-height:1.5}.ui-button{min-height:42px;padding:9px 12px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-md);background:var(--tv-bg-panel-raised);color:var(--tv-text-bright);box-shadow:var(--tv-shadow-inset);transition:transform var(--tv-duration-fast),border-color var(--tv-duration-fast),background var(--tv-duration-fast)}.ui-button:hover{transform:translateY(-1px);border-color:var(--tv-border-accent);background:var(--tv-bg-panel-hover)}.ui-button.primary{border-color:var(--tv-accent);background:linear-gradient(180deg,var(--tv-accent),var(--tv-accent-dim));box-shadow:var(--tv-shadow-glow)}.screen-header,.button-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.world-list{display:grid;gap:10px}.world-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--tv-border-subtle);border-radius:var(--tv-radius-md);background:#07070f59}.world-meta{display:grid;gap:2px}.world-meta span,.world-meta small{color:var(--tv-text-secondary)}.field{display:grid;gap:6px;color:var(--tv-text-secondary)}.field input,.field select,textarea{width:100%;min-height:38px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-md);background:var(--tv-bg-input);color:var(--tv-text-primary);padding:8px 10px}textarea{min-height:150px;resize:vertical;font-family:var(--tv-font-code)}.inventory-grid{display:grid;grid-template-columns:repeat(9,minmax(44px,1fr));gap:5px}.crafting-box,.manual-pairing{display:grid;gap:8px;padding:10px;border:1px solid var(--tv-border-subtle);border-radius:var(--tv-radius-md);background:#07070f4d}.craft-result,.diagnostics{padding:10px;border-radius:var(--tv-radius-md);background:var(--tv-bg-input);color:var(--tv-text-code);font-family:var(--tv-font-code);white-space:pre-wrap}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#00000094}.modal-dialog{width:min(460px,calc(100vw - 40px));display:grid;gap:12px;padding:18px;border:1px solid var(--tv-border-accent);border-radius:var(--tv-radius-lg);background:var(--tv-bg-panel);box-shadow:var(--tv-shadow-panel)}.modal-dialog p{margin:0;line-height:1.5;color:var(--tv-text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{min-height:38px;padding:8px 12px;border:1px solid var(--tv-border-mid);border-radius:var(--tv-radius-md);background:var(--tv-bg-panel-raised);color:var(--tv-text-bright)}@media (max-width: 700px){.world-row{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(4,minmax(52px,1fr))}.hotbar{grid-template-columns:repeat(9,1fr)}}.mountains{position:absolute;left:-10%;right:-10%;bottom:0;height:44%;opacity:.8;clip-path:polygon(0 72%,8% 45%,16% 69%,28% 32%,40% 66%,52% 38%,63% 70%,74% 28%,86% 62%,100% 40%,100% 100%,0 100%);animation:mountain-drift 40s linear infinite}.mountains-a{background:linear-gradient(180deg,#4a3fa059,#0d0d1aeb)}.mountains-b{bottom:-8%;height:52%;opacity:1;background:linear-gradient(180deg,#20203ad9,#07070f);animation-duration:62s;animation-direction:reverse}@keyframes mountain-drift{0%{transform:translate(0)}to{transform:translate(-8%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}