@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;600&display=swap";:root{color:#f7f8ff;background:radial-gradient(circle at 10% 20%,#1b2735,#121420 60%);font-family:"Press Start 2P",Segoe UI,Arial,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0e1018;image-rendering:pixelated}#root{min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh;padding:16px;gap:12px}footer{margin-top:auto}header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1d2233,#121420);padding:12px 16px;border:1px solid #2c3042;border-radius:12px;box-shadow:0 8px 24px #00000059}header h1{margin:0;font-size:18px;letter-spacing:1px;font-family:"Press Start 2P",cursive}header .tagline{color:#9ca5c5;font-size:14px}.layout{display:grid;grid-template-columns:2fr 1fr;gap:12px;flex:1;align-items:stretch}.panel{background:#131622;border:1px solid #2f3445;border-radius:0;padding:10px;box-shadow:0 10px 26px #00000059;min-height:520px}.canvas-wrap{position:relative;overflow:hidden}.nav-link{color:#9ca5c5;text-decoration:none;font-weight:600}.nav-active{color:#4fc3f7;text-decoration:none;font-weight:700}.hud{display:flex;flex-direction:column;gap:10px;height:100%}.card{background:#161a28;border:1px solid #30364a;border-radius:0;padding:10px}.sticky-card{position:sticky;top:0;z-index:2}.hud-panel{height:100%;overflow-y:auto;padding-right:6px;min-height:520px}.log-line{color:#c3e8ff;font-family:"Press Start 2P",cursive;font-size:11px;line-height:1.4}.crab-list{display:grid;gap:8px}.crab-row{display:flex;align-items:center;gap:10px;padding:8px;background:#1c2132;border:1px solid #2f3448;border-radius:0}.crab-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.6)}.stat-bar{flex:1;height:6px;border-radius:8px;background:#2a2f3f;overflow:hidden}.stat-fill{height:100%;border-radius:8px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.pill{padding:8px 10px;border-radius:8px;background:#1f2434;border:1px solid #30384e;color:#d7def7;font-weight:600}.muted{color:#9aa3bd}.chat-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.chat-bubble{background:#1c2132;border:1px solid #2f3448;padding:8px;border-radius:0;font-family:Pixelify Sans,"Press Start 2P",sans-serif;font-size:14px}.popup-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.popup-card{pointer-events:auto;background:#161a28;border:2px solid #3b4258;padding:12px;width:320px;box-shadow:0 0 0 4px #0e1018,0 0 24px #00000080}canvas{image-rendering:pixelated}@media(max-width:900px){.layout{grid-template-columns:1fr}}