@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06060f;--surface:#0c0c1a;--border:#1a1a2e;--border2:#2e2e48;--dim:#3a3a55;--muted:#9090b8;--text:#c8c8e8;--accent:#f5c97a;--font:"Press Start 2P",monospace;--chat-w:280px}body,html{background:#06060f;background:var(--bg);color:#c8c8e8;color:var(--text);font-family:Press Start\ 2P,monospace;font-family:var(--font);min-height:100vh}body{display:flex;justify-content:center}#root{max-width:1160px;padding:28px 20px 50px;width:100%}.app{align-items:center;display:flex;flex-direction:column}.header{margin-bottom:20px;text-align:center}.title-line{align-items:center;display:flex;gap:14px;justify-content:center}.title{font-size:17px;letter-spacing:6px}.diamond,.title{color:#f5c97a;color:var(--accent)}.diamond{font-size:11px;opacity:.6}.subtitle{color:#9090b8;color:var(--muted);font-size:9px;letter-spacing:4px;margin-top:9px}.scene-row{align-items:stretch;display:flex;gap:0;width:100%}.canvas-wrapper{box-shadow:0 0 0 2px #06060f,0 0 0 4px #1a1a2e,0 0 0 6px #06060f,0 0 30px #00000080;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--border),0 0 0 6px var(--bg),0 0 30px #00000080;cursor:pointer;flex:1 1;position:relative}.canvas-wrapper canvas{display:block;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;width:100%}.boost-overlay{background:#f5c97a1a;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .1s;z-index:5}.boost-overlay.flash{opacity:1;transition:none}.hud{font-size:9px;letter-spacing:1px;position:absolute;text-shadow:1px 1px 0 #000,0 0 10px #000}.hud-tr{right:14px;text-align:right;top:12px}.hud-tl{left:14px;top:12px}.hud-bl{bottom:12px;left:14px}.hud-br{align-items:center;bottom:12px;display:flex;gap:5px;right:14px}.hud-label{color:#bbbbd0;font-size:8px;letter-spacing:1px;margin-bottom:4px}.hud-value{color:#f5c97a;color:var(--accent);font-size:14px}.hud-scene{color:#c0c0d8;font-size:9px;letter-spacing:2px}.hud-time{color:#9090aa;font-size:8px;margin-top:4px}.hud-state{color:#c0c0d8;font-size:9px}.hud-br.online{color:#5dbb8a;font-size:9px}.hud-br.offline{color:#888;font-size:9px}.dot{background:currentColor;display:inline-block;height:5px;width:5px}.chat-panel{background:#0c0c1a;background:var(--surface);border:2px solid #1a1a2e;border:2px solid var(--border);border-left:none;display:flex;flex-direction:column;position:relative;transition:width .2s ease}.chat-panel.closed{min-width:42px;width:42px}.chat-panel.open{min-width:280px;min-width:var(--chat-w);width:280px;width:var(--chat-w)}.chat-toggle{align-items:center;background:#0000;border:1px solid #2e2e48;border:1px solid var(--border2);color:#9090b8;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;left:50%;padding:0;position:absolute;top:10px;transform:translateX(-50%);transition:color .15s;width:30px;z-index:10}.chat-toggle:hover{border-color:#f5c97a;border-color:var(--accent);color:#f5c97a;color:var(--accent)}.chat-panel.open .chat-toggle{font-size:11px;left:auto;right:8px;top:8px;transform:none}.unread-badge{background:#ef476f;color:#fff;font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:7px;min-width:14px;padding:2px 3px;position:absolute;right:-5px;text-align:center;top:-5px}.chat-header{border-bottom:1px solid #1a1a2e;border-bottom:1px solid var(--border);color:#c8c8e8;color:var(--text);display:flex;flex-direction:column;font-size:9px;gap:5px;letter-spacing:2px;margin-top:36px;padding:10px 12px 8px}.chat-username{color:#9090b8;color:var(--muted);font-size:8px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:10px 10px 6px;scrollbar-color:#2e2e48 #0000;scrollbar-color:var(--border2) #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#2e2e48;background:var(--border2)}.chat-msg{display:flex;flex-direction:column;gap:3px}.chat-msg.system .chat-text{color:#9090b8;color:var(--muted);font-size:8px;font-style:italic;letter-spacing:0;line-height:1.7}.chat-name{color:#f5c97a;color:var(--accent);font-size:8px;letter-spacing:0;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-text{color:#c8c8e8;color:var(--text);font-family:monospace;font-size:11px;letter-spacing:0;line-height:1.7;word-break:break-word}.chat-input-row{border-top:1px solid #1a1a2e;border-top:1px solid var(--border);display:flex;gap:5px;padding:8px}.chat-input{background:#06060f;background:var(--bg);border:1px solid #2e2e48;border:1px solid var(--border2);color:#c8c8e8;color:var(--text);flex:1 1;font-family:monospace;font-size:12px;min-width:0;outline:none;padding:7px 8px}.chat-input::placeholder{color:#3a3a55;color:var(--dim)}.chat-input:focus{border-color:#9090b8;border-color:var(--muted)}.chat-send{background:#0000;border:1px solid #2e2e48;border:1px solid var(--border2);color:#9090b8;color:var(--muted);cursor:pointer;flex-shrink:0;font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:10px;padding:6px 9px}.chat-send:hover{border-color:#f5c97a;border-color:var(--accent);color:#f5c97a;color:var(--accent)}.tank-wrap{margin-top:14px;width:100%}.tank-labels{align-items:baseline;display:flex;font-size:9px;justify-content:space-between;letter-spacing:1px;margin-bottom:6px}.tank-label-left{color:#c8c8e8;color:var(--text)}.tank-label-right{font-size:13px}.tank-unit{color:#9090b8;color:var(--muted);font-size:8px}.tank-track{background:#0c0c1a;background:var(--surface);border:2px solid #1a1a2e;border:2px solid var(--border);height:14px;overflow:hidden;position:relative}.tank-fill{height:100%;position:relative;transition:width .4s ease,background .8s ease}.tank-fill:after{background:#ffffff40;content:"";right:0;width:8px}.tank-fill:after,.tank-tick{height:100%;position:absolute;top:0}.tank-tick{background:#06060f;background:var(--bg);pointer-events:none;width:2px}.tank-sub{color:#9090b8;color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:5px;text-align:right}.stats-row{grid-gap:24px;background:#0c0c1a;background:var(--surface);border:2px solid #1a1a2e;border:2px solid var(--border);display:grid;gap:24px;grid-template-columns:1fr 2fr 1fr;margin-top:16px;padding:16px 20px;width:100%}.stat-block{display:flex;flex-direction:column;gap:9px}.stat-block.center{align-items:center;text-align:center}.stat-block.right{align-items:flex-end;text-align:right}.stat-label{color:#9090b8;color:var(--muted);font-size:9px;letter-spacing:1px}.stat-value{color:#c8c8e8;color:var(--text);font-size:14px}.stat-value.accent{color:#f5c97a;color:var(--accent)}.stat-remaining{color:#9090b8;color:var(--muted);font-size:9px}.progress-wrap{align-items:center;display:flex;flex-direction:column;gap:6px;width:100%}.progress-track{background:#06060f;background:var(--bg);border:1px solid #1a1a2e;border:1px solid var(--border);height:7px;overflow:hidden;width:100%}.progress-fill{background:#f5c97a;background:var(--accent);height:100%;transition:width 1s linear}.progress-pct{color:#c8c8e8;color:var(--text);font-size:11px}.boost-section{align-items:center;display:flex;flex-direction:column;gap:11px;margin-top:24px}.boost-btn{background:#0000;border:3px solid #f5c97a;border:3px solid var(--accent);color:#f5c97a;color:var(--accent);cursor:pointer;font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:13px;letter-spacing:4px;padding:16px 42px;position:relative;transition:transform .08s,background .1s}.boost-btn:after,.boost-btn:before{background:#06060f;background:var(--bg);content:"";height:7px;position:absolute;width:7px}.boost-btn:before{left:-3px;top:-3px}.boost-btn:after{bottom:-3px;right:-3px}.boost-btn:hover{background:#f5c97a14;transform:scale(1.03)}.boost-btn:active{transform:scale(.96)}.boost-hint{color:#9090b8;color:var(--muted);font-size:9px;letter-spacing:4px}.lore{color:#3a3a55;color:var(--dim);font-size:9px;letter-spacing:2px;line-height:2.6;margin-top:26px;text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.blink{animation:blink .8s step-end infinite}.blink-slow{animation:blink 2s step-end infinite}@media (max-width:800px){:root{--chat-w:220px}.stats-row{grid-template-columns:1fr}.stat-block.center,.stat-block.right{align-items:flex-start;text-align:left}.progress-wrap{align-items:flex-start}.title{font-size:13px;letter-spacing:4px}}.hud-hunger-warn{font-size:10px;left:50%;letter-spacing:2px;pointer-events:none;position:absolute;text-shadow:1px 1px 0 #000,0 0 12px #000;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:6}.boost-overlay.feed-flash{background:#ff8c422e;opacity:1;transition:none}.meters-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:14px;width:100%}.meter-block{display:flex;flex-direction:column;gap:0}.meter-labels{align-items:baseline;display:flex;font-size:9px;justify-content:space-between;letter-spacing:1px;margin-bottom:6px}.meter-label-left{color:#c8c8e8;color:var(--text)}.meter-label-right{font-size:13px}.meter-unit{color:#9090b8;color:var(--muted);font-size:8px}.low-warn{color:#ef476f}.meter-track{background:#0c0c1a;background:var(--surface);border:2px solid #1a1a2e;border:2px solid var(--border);height:14px;overflow:hidden;position:relative}.meter-track.hunger{border-color:#2e1a1a}.meter-fill{height:100%;position:relative;transition:width .4s ease,background .8s ease}.meter-fill:after{background:#fff3;content:"";right:0;width:8px}.meter-fill:after,.meter-tick{height:100%;position:absolute;top:0}.meter-tick{background:#06060f;background:var(--bg);pointer-events:none;width:2px}.meter-sub{color:#9090b8;color:var(--muted);font-size:8px;letter-spacing:1px;margin-top:5px;min-height:16px}.actions-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:24px}.action-block{align-items:center;display:flex;flex-direction:column;gap:10px}.action-hint{color:#9090b8;color:var(--muted);font-size:9px;letter-spacing:3px}.action-hint.feed-quota{font-size:8px;letter-spacing:1px}.feed-btn{background:#0000;border:3px solid #ff8c42;color:#ff8c42;cursor:pointer;font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:13px;letter-spacing:4px;padding:16px 42px;position:relative;transition:transform .08s,background .1s,border-color .3s,color .3s}.feed-btn:after,.feed-btn:before{background:#06060f;background:var(--bg);content:"";height:7px;position:absolute;width:7px}.feed-btn:before{left:-3px;top:-3px}.feed-btn:after{bottom:-3px;right:-3px}.feed-btn:hover:not(:disabled){background:#ff8c4214;transform:scale(1.03)}.feed-btn:active:not(:disabled){transform:scale(.96)}.feed-btn.urgent{animation:blink .6s step-end infinite;border-color:#ef476f;color:#ef476f}.feed-btn.depleted{border-color:#2e2e48;border-color:var(--border2);color:#3a3a55;color:var(--dim);cursor:not-allowed;opacity:.6}.feed-msg{color:#ef476f;font-size:8px;letter-spacing:1px;line-height:1.8;margin-top:4px;max-width:220px;text-align:center}@media (max-width:700px){.meters-row{grid-template-columns:1fr}.actions-row{gap:20px}}.destination-label{color:#9090b8;color:var(--muted);font-size:8px;font-style:italic;letter-spacing:2px;line-height:2.2;margin-top:10px;opacity:.75;text-align:center;width:100%}.milestone-flash{animation:fadeInOut 8s ease forwards;background:#0a0a08eb;border:1px solid #3a3a28;display:flex;flex-direction:column;gap:7px;margin-bottom:10px;padding:14px 20px;width:100%}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.milestone-km{color:#f5c97a;color:var(--accent);font-size:8px;letter-spacing:3px;opacity:.7}.milestone-text{color:#c8c8e8;color:var(--text);font-family:Georgia,serif;font-size:10px;font-style:italic;letter-spacing:1px;line-height:2}.arrival-overlay{align-items:center;animation:arrivalFadeIn 3s ease forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}@keyframes arrivalFadeIn{0%{opacity:0}40%{opacity:0}to{opacity:1}}.arrival-text{color:#c8c0a8;font-size:11px;letter-spacing:3px;line-height:2.4;text-align:center;text-shadow:0 0 20px #000000e6,1px 1px 0 #000}.arrival-sub{color:#8a8478;font-size:9px;letter-spacing:2px}.arrived-scene{color:#8aaa88!important;letter-spacing:3px}.lore-scroll{background:#06060899;border:1px solid #1a1a14;display:flex;flex-direction:column;gap:14px;margin-top:24px;padding:16px 20px;width:100%}.lore-scroll-title{color:#3a3a55;color:var(--dim);font-size:7px;letter-spacing:4px;margin-bottom:4px}.lore-entry{color:#8a8898;font-family:Georgia,serif;font-size:10px;font-style:italic;letter-spacing:1px;line-height:2.2}.lore-km{color:#3a3a55;color:var(--dim);font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:7px;font-style:normal;letter-spacing:1px}.arrived-lore{border-color:#2a2a20;margin-top:20px}.arrived-lore .lore-entry{color:#a0a090;font-size:11px;line-height:2.4}
/*# sourceMappingURL=main.669a6d73.css.map*/