@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}.boost-overlay.feed-flash{background:#ff8c422e;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}.mute-btn{background:#0000;border:none;color:#9090aa;cursor:pointer;font-family:monospace;font-size:12px;line-height:1;padding:0;text-shadow:1px 1px 0 #000,0 0 8px #000;transition:color .15s}.mute-btn:hover{color:#f5c97a;color:var(--accent)}.arrived-scene{color:#8aaa88!important;letter-spacing:3px}.hud-hunger-warn{font-size:10px;left:50%;letter-spacing:2px;text-shadow:1px 1px 0 #000,0 0 12px #000;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:6}.arrival-overlay,.hud-hunger-warn{pointer-events:none;position:absolute}.arrival-overlay{align-items:center;animation:arrivalFadeIn 3s ease forwards;display:flex;inset:0;justify-content:center;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}.chat-panel{background:#0c0c1a;background:var(--surface);border:2px solid #1a1a2e;border:2px solid var(--border);border-left:none;display:flex;flex-direction:column;max-height:600px;overflow:hidden;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-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-blocked-msg{color:#ef476f;font-size:8px;letter-spacing:1px;line-height:1.7;padding:6px 10px}.chat-blocked-msg,.chat-input-row{border-top:1px solid #1a1a2e;border-top:1px solid var(--border)}.chat-input-row{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)}.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}.full-warn{color:#74c69d;font-size:7px;letter-spacing:1px;margin-left:6px}.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}.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-btn.capped{border-color:#2e2e48;border-color:var(--border2);color:#3a3a55;color:var(--dim);cursor:default;opacity:.6}.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}.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}.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}.lore-scroll{background:#060608b3;border:1px solid #2e2e22;box-shadow:inset 0 0 0 1px #f5c97a0a;display:flex;flex-direction:column;gap:18px;margin-top:24px;padding:20px 24px;width:100%}.lore-scroll-title{color:#f5c97a;color:var(--accent);font-size:9px;letter-spacing:5px;margin-bottom:6px;opacity:.7}.lore-entry{color:#9a98a8;font-family:Georgia,serif;font-size:12px;font-style:italic;letter-spacing:.5px;line-height:2.4;padding-bottom:4px;position:relative}.lore-entry-new{color:#b8b6c8}.lore-km{color:#f5c97a;color:var(--accent);opacity:.6}.lore-km,.lore-timestamp{font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:7px;font-style:normal;letter-spacing:1px}.lore-timestamp{color:#3a3a55;color:var(--dim);display:block;margin-top:6px;opacity:.5}.lore-word{animation:wordFadeIn .4s ease forwards;display:inline;opacity:0}@keyframes wordFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.arrived-lore{border-color:#2a2a20;margin-top:20px}.arrived-lore .lore-entry{color:#a0a090;font-size:13px;line-height:2.6}.lore{color:#3a3a55;color:var(--dim);font-size:9px;letter-spacing:2px;line-height:2.6;margin-top:26px;text-align:center}.kofi-link{color:#9090b8;color:var(--muted);font-size:7px;letter-spacing:3px;text-decoration:none;transition:color .2s}.kofi-link:hover{color:#f5c97a;color:var(--accent)}.share-btn{background:#0000;border:1px solid #3a3a55;border:1px solid var(--dim);color:#9090b8;color:var(--muted);cursor:pointer;font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:9px;letter-spacing:4px;padding:10px 22px;transition:color .15s,border-color .15s}.share-btn:hover{border-color:#f5c97a;border-color:var(--accent);color:#f5c97a;color:var(--accent)}.modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal-box{background:#0c0c1a;background:var(--surface);border:2px solid #2e2e48;border:2px solid var(--border2);display:flex;flex-direction:column;gap:10px;max-height:80vh;max-width:420px;overflow-y:auto;padding:24px;width:90%}.modal-title{color:#f5c97a;color:var(--accent);font-size:10px;letter-spacing:4px;text-align:center}.modal-close{background:none;border:1px solid #3a3a55;border:1px solid var(--dim);color:#9090b8;color:var(--muted);cursor:pointer;font-family:Press Start\ 2P,monospace;font-family:var(--font);font-size:8px;letter-spacing:3px;margin-top:6px;padding:10px;transition:all .15s}.modal-close:hover{border-color:#f5c97a;border-color:var(--accent);color:#f5c97a;color:var(--accent)}.my-username{color:#9090b8;color:var(--muted);font-size:8px;letter-spacing:1px;text-align:center}.my-username span{color:#f5c97a;color:var(--accent)}.online-list{display:flex;flex-direction:column;gap:8px;margin:8px 0}.online-empty{color:#3a3a55;color:var(--dim);font-size:8px;letter-spacing:2px;padding:12px 0;text-align:center}.online-row{align-items:center;border:1px solid #1a1a2e;border:1px solid var(--border);display:flex;gap:10px;padding:8px 10px}.online-name{color:#c8c8e8;color:var(--text);flex:1 1;overflow:hidden;text-overflow:ellipsis}.online-name,.online-stat{font-size:8px;letter-spacing:1px;white-space:nowrap}.online-stat{color:#9090b8;color:var(--muted)}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes fadeout{0%{opacity:1}60%{opacity:1}to{opacity:0}}.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}}@media (max-width:700px){.meters-row{grid-template-columns:1fr}.actions-row{gap:20px}}@media (max-width:480px){:root{--chat-w:160px}#root{padding:16px 10px 30px}.title{font-size:11px;letter-spacing:3px}.subtitle{letter-spacing:2px}.hud,.subtitle{font-size:7px}.hud-label{font-size:6px}.hud-value{font-size:10px}.hud-scene,.hud-state,.meter-labels{font-size:7px}.meter-label-right{font-size:10px}.meter-unit{font-size:6px}.meter-sub,.stat-label{font-size:7px}.stat-value{font-size:11px}.progress-pct{font-size:9px}.stat-remaining{font-size:7px}.stats-row{gap:14px;padding:12px}.boost-btn,.feed-btn{font-size:10px;padding:13px 28px}.action-hint{font-size:7px;letter-spacing:2px}.actions-row{gap:16px}.lore-entry,.milestone-text{font-size:9px}.destination-label{font-size:7px}.chat-text{font-size:10px}.chat-name,.lore{font-size:7px}.scene-row{flex-direction:column}.chat-panel.open{max-height:340px;overflow:hidden}.chat-panel.closed,.chat-panel.open{border-left:2px solid #1a1a2e;border-left:2px solid var(--border);border-top:none;min-width:100%;width:100%}.chat-panel.closed{align-items:center;flex-direction:row;height:42px}.chat-toggle{left:auto;position:relative;top:auto;transform:none}.chat-panel.open .chat-toggle{position:absolute;right:8px;top:8px}.chat-header{margin-top:0}}
/*# sourceMappingURL=main.421e0c07.css.map*/