:root{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f8f0df;background-color:#0b0908;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button,input,textarea,select{font-family:inherit}.app-shell{min-height:100vh;padding:2rem 1.25rem 3rem;background:radial-gradient(circle at top,rgba(240,199,117,.24),transparent 28%),radial-gradient(circle at 20% 20%,rgba(130,88,48,.24),transparent 30%),linear-gradient(180deg,#29180f,#16100d 45%,#090807);color:#f8f0df}.hero,.panel{width:min(1180px,100%);margin:0 auto}.hero{margin-bottom:1.25rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;color:#f2bb67;font-size:.78rem}.hero h1{margin:0;font-size:clamp(2.8rem,7vw,5.3rem);line-height:.9}.lede{width:min(48rem,100%);margin:.85rem 0 0;color:#d9c8aa}.panel{display:grid;gap:1rem;padding:1.1rem;border:1px solid rgba(242,187,103,.15);border-radius:26px;background:#140f0dd6;box-shadow:0 35px 80px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.hud-card,.surface-indicator,.hazard-view,.status-strip>div,.feedback-card,.debug-overlay{padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff0b}.hud-primary{background:linear-gradient(180deg,#f2bb6724,#ffffff0a)}.hud-card strong,.surface-indicator strong,.status-strip strong,.feedback-card strong,.debug-overlay strong{display:block;font-size:1.05rem}.meter-copy{display:block;margin-top:.25rem;color:#c7b08c;font-size:.82rem}.surface-indicator{display:flex;align-items:center;gap:.8rem;background:linear-gradient(180deg,#5c8fbe38,#ffffff0a)}.surface-arrow{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:999px;background:#92c5ef2e;color:#b9dfff;font-size:1.25rem}.label{display:block;margin-bottom:.3rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#bba37a}.status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.hazard-view{position:relative;overflow:hidden}.hazard-view p{margin:.45rem 0 0;color:#f5debf}.hazard-view:after{content:"";position:absolute;inset:auto 0 0;height:3px}.hazard-view-warning{background:linear-gradient(180deg,#c9803d38,#ffffff0a)}.hazard-view-warning:after{background:linear-gradient(90deg,#ffd269,#ff9a3c)}.hazard-view-critical,.hazard-view-failed{background:linear-gradient(180deg,#9e372247,#ffffff0a)}.hazard-view-critical:after,.hazard-view-failed:after{background:linear-gradient(90deg,#ff8f69,#d7422a)}.playfield{display:grid;gap:1rem;align-items:start}.feedback-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.feedback-card{position:relative;overflow:hidden}.feedback-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;opacity:.75}.feedback-ore:after{background:linear-gradient(90deg,#f0c775,#ffefb4)}.feedback-damage:after{background:linear-gradient(90deg,#ff8f69,#dc4a2f)}.feedback-lowFuel:after{background:linear-gradient(90deg,#ffd569,#ff9b29)}.feedback-cargoFull:after{background:linear-gradient(90deg,#d1c3a2,#877763)}.feedback-surface:after{background:linear-gradient(90deg,#81d2ff,#cbefff)}.world-frame{overflow:auto;border-radius:22px;border:1px solid rgba(242,187,103,.12);background:linear-gradient(180deg,#77b7df33,#315d790f 10%,#0f0c0bb3 10%),#120e0c}.world{display:grid;gap:.12rem;min-width:max-content;padding:.85rem}.row{display:grid;gap:.12rem}.cell{width:.72rem;height:.72rem;border-radius:.18rem;border:1px solid rgba(255,255,255,.04)}.cell-empty{background:#76b8d62e}.cell-dirt{background:linear-gradient(180deg,#8c6035,#5f3c23)}.cell-rock{background:linear-gradient(180deg,#7b6d63,#4b433d)}.cell-copper{background:linear-gradient(180deg,#ce935e,#8e562f)}.cell-amber{background:linear-gradient(180deg,#ffcb73,#af6f19)}.cell-azure{background:linear-gradient(180deg,#65c5e8,#24749b)}.cell-crimsonite{background:linear-gradient(180deg,#ef7d71,#972f2e)}.cell-vehicle{background:radial-gradient(circle at 40% 35%,#ffe58f 0 20%,transparent 22%),linear-gradient(180deg,#ff9d42,#d45d1f);box-shadow:0 0 0 1px #ffefbc59,0 0 18px #ffad4d4d}.debug-overlay{position:fixed;top:1rem;right:1rem;width:min(260px,calc(100vw - 2rem));display:grid;gap:.65rem;background:#0a0a0ce0;box-shadow:0 20px 50px #00000059}@media(max-width:720px){.app-shell{padding:1rem .75rem 2rem}.panel{padding:.85rem;border-radius:20px}.world{padding:.65rem}.cell{width:.62rem;height:.62rem}.debug-overlay{position:static;width:100%;margin:1rem auto 0}}