:root{--bg: #0c0810;--panel-line: #3a2018;--mars: #e8643c;--mars-bright: #ff8a4d;--mars-deep: #b8472a;--sand: #e8c79c;--cyan: #57e0d8;--cyan-dim: #2c8f8a;--amber: #ffcf6b;--ink: #f4e9dd;--ink-dim: #9a8674;--ok: #7fdc6a;--danger: #ff5e57;--shadow: 0 0 0 2px #000, 4px 4px 0 0 #000}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:VT323,monospace;font-size:20px;overflow:hidden;-webkit-font-smoothing:none;image-rendering:pixelated}.pixel,.brand-name,.modal-title,h1,.hud-name,.q-title,.colony-title,.dlg-name,.btn-connect,.ticker-chip,.brand-mark{font-family:"Press Start 2P",monospace}.hidden{display:none!important}b{color:var(--cyan)}.game-root{position:fixed;inset:0;background:#1a0c0a}.game-canvas{display:block;width:100vw;height:100vh;image-rendering:pixelated;cursor:crosshair}.scanlines{position:absolute;inset:0;z-index:9;pointer-events:none;background:repeating-linear-gradient(180deg,#0000 0 2px,#0000001a 3px,#0000 4px);box-shadow:inset 0 0 200px 30px #0000008c;mix-blend-mode:multiply}.modal-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 600px at 78% 22%,rgba(232,100,60,.22),transparent 60%),#080509bd;backdrop-filter:blur(2px);transition:opacity .45s steps(6),transform .45s steps(6)}.modal-overlay.gone{opacity:0;transform:scale(1.04);pointer-events:none}.crt-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg,#0000 0 2px,#00000029 3px,#0000 4px);animation:flicker 6s infinite steps(40)}@keyframes flicker{0%,to{opacity:1}47%{opacity:.94}48%{opacity:.82}49%{opacity:.96}}.grain{position:absolute;inset:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainmove 1.2s steps(6) infinite}@keyframes grainmove{0%{transform:translate(0)}50%{transform:translate(-6%,4%)}to{transform:translate(3%,-5%)}}.modal-card{position:relative;z-index:2;width:min(560px,92vw);background:linear-gradient(180deg,#140b0ff5,#0e080bf5);border:3px solid var(--panel-line);box-shadow:0 0 0 3px #000,10px 10px #000,0 0 60px #e8643c40;padding:26px 28px 22px;animation:rise .55s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{color:var(--mars);font-size:13px;text-shadow:2px 2px 0 #000}.brand-name{font-size:19px;letter-spacing:2px;text-shadow:3px 3px 0 #000}.brand-name .x{color:var(--mars)}.ticker-chip{font-size:10px;color:var(--amber);background:#160c0c;border:2px solid var(--panel-line);padding:8px 11px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}.ticker-chip .dot{width:8px;height:8px;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.modal-tag{color:var(--cyan-dim);font-size:13px;letter-spacing:3px;margin-bottom:14px}.modal-title{font-size:clamp(20px,5vw,30px);line-height:1.4;letter-spacing:1px;text-shadow:3px 3px 0 #000}.modal-title .accent{color:var(--mars);text-shadow:3px 3px 0 #000,0 0 24px rgba(255,138,77,.55);animation:hotglow 3s ease-in-out infinite}@keyframes hotglow{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.modal-sub{margin-top:16px;font-size:21px;color:var(--ink-dim);line-height:1.25}.modal-sub b{color:var(--sand)}.btn-connect{width:100%;margin-top:24px;font-size:13px;letter-spacing:1px;color:#1a0a06;cursor:pointer;background:linear-gradient(180deg,var(--mars-bright),var(--mars));border:none;padding:18px 22px;box-shadow:0 0 0 3px #000,6px 6px #000,0 0 28px #ff8a4d66;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .08s steps(2),box-shadow .08s}.btn-connect:hover{transform:translate(-2px,-2px);box-shadow:0 0 0 3px #000,8px 8px #000,0 0 36px #ff8a4d99}.btn-connect:active{transform:translate(3px,3px);box-shadow:0 0 0 3px #000,2px 2px #000}.btn-connect:disabled{filter:grayscale(.5) brightness(.8);cursor:wait}.btn-glyph{color:#2a0e06;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wallet-status{margin-top:14px;min-height:22px;font-size:19px;color:var(--amber);text-align:center}.wallet-status.error{color:var(--danger)}.wallet-status.ok{color:var(--ok)}.modal-progress{display:flex;align-items:center;gap:12px;margin-top:22px;padding:10px 12px;background:#08050799;border:2px solid var(--panel-line);box-shadow:var(--shadow)}.modal-progress .lbl{font-family:"Press Start 2P";font-size:10px;color:var(--cyan)}.modal-progress .bar{flex:1;height:14px;background:#0a0608;border:2px solid #000;overflow:hidden}.modal-progress .bar-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--mars) 0 8px,var(--mars-bright) 8px 16px);transition:width .5s steps(12)}.modal-progress .val{font-size:17px;color:var(--sand);white-space:nowrap}.modal-controls{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:17px;color:var(--ink-dim)}.modal-controls b{color:var(--amber)}.modal-foot{margin-top:14px;font-size:15px;color:#6b5a4c;border-top:2px solid var(--panel-line);padding-top:12px}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.panel{position:absolute;background:#10090cdb;border:2px solid var(--panel-line);box-shadow:var(--shadow);padding:12px 14px}.hud-tl{top:16px;left:16px;min-width:230px}.hud-name{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;margin-bottom:12px}.hud-name .av{width:18px;height:18px;display:inline-block;image-rendering:pixelated;border:1px solid #000}.q-title{font-size:9px;color:var(--cyan);margin-bottom:8px;line-height:1.4}.q-title.done{color:var(--ok)}.q-bar{height:12px;background:#0a0608;border:2px solid #000;overflow:hidden}.q-fill{height:100%;width:0%;background:var(--cyan);transition:width .3s steps(8)}.q-fill.done{background:var(--ok)}.q-count{font-size:18px;margin-top:6px;color:var(--sand)}.hud-tr{top:16px;right:16px;min-width:240px;text-align:right}.colony-title{font-size:10px;color:var(--mars);margin-bottom:10px}.colony-bar{height:14px;background:#0a0608;border:2px solid #000;overflow:hidden}.colony-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--mars-deep) 0 6px,var(--mars) 6px 12px);transition:width .4s steps(10)}.colony-count{font-size:18px;margin-top:6px;color:var(--sand)}.colony-online{font-size:15px;color:var(--ink-dim);margin-top:4px}.colony-online .live-dot{display:inline-block;width:7px;height:7px;background:var(--ok);margin-right:5px;box-shadow:0 0 6px var(--ok);animation:pulse 1.4s infinite}#habitat-state{color:var(--amber)}#habitat-state.online{color:var(--ok)}.hud-controls{bottom:16px;left:50%;transform:translate(-50%);font-size:17px;color:var(--ink-dim);padding:9px 16px}.hud-controls b{color:var(--amber)}.hud-prompt{position:absolute;bottom:84px;left:50%;transform:translate(-50%);background:#10090ce6;border:2px solid var(--cyan-dim);box-shadow:var(--shadow);padding:8px 14px;font-size:18px;color:var(--cyan);letter-spacing:1px;display:flex;align-items:center;gap:10px;animation:bob 1s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.hud-prompt .key{font-family:"Press Start 2P";font-size:11px;color:#1a0a06;background:var(--cyan);padding:6px 8px;box-shadow:2px 2px #000}.dialogue{position:absolute;z-index:12;left:50%;bottom:56px;transform:translate(-50%);width:min(720px,92vw);display:flex;gap:16px;background:#0a0608f2;border:3px solid var(--mars-deep);box-shadow:0 0 0 3px #000,8px 8px #000,0 0 40px #e8643c40;padding:16px 18px;animation:dlgIn .25s steps(4) both}@keyframes dlgIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.dlg-portrait{width:72px;height:72px;flex:0 0 72px;image-rendering:pixelated;border:2px solid #000;background:#120a0a}.dlg-body{flex:1}.dlg-name{font-size:12px;color:var(--mars-bright);letter-spacing:1px;margin-bottom:10px}.dlg-text{font-size:23px;line-height:1.25;color:var(--ink);min-height:56px}.dlg-text .caret{color:var(--mars);animation:pulse .7s steps(2) infinite}.dlg-hint{font-size:15px;color:var(--ink-dim);margin-top:8px}.toast-wrap{position:absolute;z-index:13;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast{font-family:"Press Start 2P";font-size:13px;color:var(--amber);background:#0a0608eb;border:2px solid var(--amber);box-shadow:0 0 0 3px #000,0 0 30px #ffcf6b66;padding:16px 22px;text-align:center;animation:toastIn .3s steps(4) both,toastOut .4s steps(4) 2.2s both}.toast.big{font-size:16px;color:var(--ok);border-color:var(--ok);box-shadow:0 0 0 3px #000,0 0 40px #7fdc6a80}@keyframes toastIn{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:scale(.9) translateY(-16px)}}.btn-ghost-wide{width:100%;margin-top:12px;cursor:pointer;font-family:VT323,monospace;font-size:19px;letter-spacing:1px;color:var(--cyan);background:transparent;border:2px dashed var(--cyan-dim);padding:11px;transition:background .1s,color .1s,border-color .1s}.btn-ghost-wide:hover{color:#fff;border-color:var(--cyan);background:#57e0d814}.tk-chip{width:100%;margin-top:16px;cursor:pointer;text-align:center;font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:1px;color:var(--amber);background:#160f0a;border:2px solid var(--panel-line);padding:12px;box-shadow:var(--shadow);transition:transform .08s steps(2),color .1s}.tk-chip:hover{color:#fff;transform:translateY(-2px)}.hud-tk{position:absolute;bottom:16px;right:16px;pointer-events:auto;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:1px;color:var(--amber);background:#10090cdb;border:2px solid var(--panel-line);box-shadow:var(--shadow);padding:10px 12px}.hud-tk:hover{color:#fff}.hud-x{right:130px;text-decoration:none;color:var(--cyan)}.hud-x:hover{color:#fff;border-color:var(--cyan-dim)}.modal-top-right{display:flex;align-items:center;gap:12px}.x-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;text-decoration:none;font-size:18px;color:var(--ink);background:#160c0c;border:2px solid var(--panel-line);box-shadow:var(--shadow);transition:transform .08s steps(2),color .1s,border-color .1s}.x-link:hover{color:var(--cyan);border-color:var(--cyan-dim);transform:translateY(-2px)}.hud-legend{bottom:16px;left:16px;max-width:290px;display:flex;gap:12px;align-items:center}.legend-icon{width:48px;height:40px;flex:0 0 48px;image-rendering:pixelated;filter:drop-shadow(0 0 8px rgba(255,138,77,.55));animation:pulse 1.6s ease-in-out infinite}.legend-text{font-size:16px;color:var(--ink-dim);line-height:1.22}.legend-title{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--mars-bright);margin-bottom:6px;letter-spacing:.5px}.legend-text b{color:var(--amber)}.legend-reward{color:var(--ok);margin-top:6px}.legend-reward b{color:var(--ok)}.guest-badge{position:absolute;top:16px;left:50%;transform:translate(-50%);pointer-events:auto;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:1px;color:#1a0a06;background:linear-gradient(180deg,var(--amber),#e0a93f);border:none;padding:11px 16px;box-shadow:0 0 0 3px #000,0 0 22px #ffcf6b66;animation:bob 1.4s ease-in-out infinite}.guest-badge:hover{filter:brightness(1.1)}.tk-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#080509d1;backdrop-filter:blur(3px);animation:rise .3s steps(4) both}.tk-card{position:relative;width:min(580px,92vw);background:linear-gradient(180deg,#140b0ffa,#0c070afa);border:3px solid var(--amber);box-shadow:0 0 0 3px #000,10px 10px #000,0 0 60px #ffcf6b40;padding:24px 26px}.tk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tk-h-title{font-family:"Press Start 2P",monospace;font-size:15px;color:var(--amber);text-shadow:2px 2px 0 #000}.tk-x{cursor:pointer;background:transparent;border:none;color:var(--ink-dim);font-size:22px;line-height:1}.tk-x:hover{color:var(--danger)}.tk-tag{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--cyan-dim);letter-spacing:2px;margin-bottom:14px}.tk-lead{font-size:23px;color:var(--sand);line-height:1.2;margin-bottom:14px}.tk-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.tk-list li{font-size:20px;color:var(--ink-dim);line-height:1.2;padding-left:18px;position:relative}.tk-list li:before{content:"◆";position:absolute;left:0;color:var(--mars);font-size:13px;top:3px}.tk-list b{color:var(--ink)}.tk-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tk-node{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--amber);background:#160f0a;border:2px solid var(--panel-line);box-shadow:2px 2px #000;padding:10px}.tk-node.alt{color:#1a0a06;background:var(--amber);border-color:#000}.tk-arrow{color:var(--mars);font-size:18px}.tk-note{font-size:15px;color:#6b5a4c;border-top:2px solid var(--panel-line);padding-top:12px}.tk-cta{margin-top:16px}@media (max-width: 640px){body{font-size:18px}.hud-tl,.hud-tr{min-width:0;max-width:44vw}.hud-controls{font-size:13px}.hud-legend{display:none}.dlg-text{font-size:20px}.modal-card{padding:20px}}