@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.app{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#1a1a2e,#0f0f1e);display:flex;justify-content:center;align-items:center}.game-canvas{width:100vw!important;height:100vh!important;display:block;position:fixed;top:0;left:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.planet-name{position:fixed;top:calc(50% - 36vmin);left:0;right:0;text-align:center;z-index:100;pointer-events:none;font-family:"Press Start 2P",Courier New,monospace;font-size:15px;letter-spacing:1px;color:#b3aaff;text-shadow:0 0 8px rgba(150,130,255,.5),2px 2px 0 rgba(0,0,0,.5)}.planet-stats{position:fixed;right:16px;bottom:84px;z-index:100;text-align:right;pointer-events:none;font-family:"Press Start 2P",Courier New,monospace}.stat-row{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin-top:7px}.stat-label{font-size:8px;letter-spacing:1px;color:#7da3c8}.stat-value{font-size:12px;color:#cde8ff;text-shadow:0 0 6px rgba(120,180,255,.45),2px 2px 0 rgba(0,0,0,.55)}.grow-debug{position:fixed;bottom:80px;left:24px;z-index:101;display:flex;flex-direction:column;gap:6px;padding:6px 9px;background:#121622b8;border:2px dashed rgba(255,176,74,.55);border-radius:8px;font-family:"Press Start 2P",Courier New,monospace}.grow-debug-row{display:flex;align-items:center;gap:8px}.grow-debug-tag{font-size:7px;letter-spacing:1px;color:#ffb04a}.grow-debug-seed{font-size:8px;color:#cde8ff;min-width:92px}.grow-debug-btn{font-size:13px;line-height:1;padding:4px 6px;cursor:pointer;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:4px}.grow-debug-btn:hover{background:#ffffff2e}.grow-debug-btn.on{background:#ffb04a4d;border-color:#ffb04a;color:#ffd9a0}.debug-global{inset:16px 16px auto auto}.growth-bar{position:fixed;bottom:30px;left:24px;right:24px;height:40px;z-index:100;display:flex;align-items:center}.growth-track{position:relative;width:100%;height:14px;border-radius:7px;background:#ffffff1f;border:2px solid rgba(255,255,255,.18);cursor:pointer;touch-action:none}.growth-fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,#3a5a40,#6fcf97 70%,#aef0c8);box-shadow:0 0 8px #6fcf9780}.growth-tick{position:absolute;top:-3px;bottom:-3px;width:2px;transform:translate(-1px);background:#ffffff59}.growth-handle{position:absolute;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:#eafff3;border:3px solid #6fcf97;box-shadow:0 0 8px #6fcf97b3}.timeline{position:fixed;bottom:30px;left:24px;right:24px;height:40px;z-index:100;display:flex;justify-content:space-between;align-items:center}.timeline-line{position:absolute;left:10px;right:10px;top:50%;transform:translateY(-50%);height:3px;background:#ffffff2e}.timeline-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer}.timeline-dot{width:14px;height:14px;border-radius:50%;background:#8893a8;border:3px solid #1a1f2e;box-sizing:border-box}.timeline-node.current .timeline-dot{width:22px;height:22px;background:transparent;border:4px solid #66f0ff;box-shadow:0 0 8px #66f0ff80}.galaxy-chip .galaxy-icon{width:8px;height:8px;border-radius:50%;background:#ffd27a;box-shadow:0 0 6px 2px #ffb450b3,0 0 0 7px transparent,0 0 0 8px #ffffff59,0 0 0 14px transparent,0 0 0 15px #ffffff38}.planet-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:12px;padding:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.planet-bar::-webkit-scrollbar{display:none}.planet-chip{flex:0 0 auto;width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;background:#12162299;border:3px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden;image-rendering:pixelated;cursor:pointer;transition:opacity .1s steps(2),border-color .1s steps(2);opacity:.6}.planet-chip:hover{opacity:.9}.planet-chip.active{opacity:1;border-color:#66f0ff;box-shadow:0 0 0 2px #66f0ff73}.planet-chip-img,.planet-chip-orb{width:44px;height:44px;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.planet-chip-orb{border-radius:50%}.galaxy-menu{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:100vw;z-index:100;display:flex;flex-direction:column;background:transparent;border:3px solid transparent;border-bottom:none;border-radius:16px 16px 0 0;box-shadow:none;overflow:hidden;font-family:"Press Start 2P",Courier New,monospace;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}.galaxy-menu:hover,.galaxy-menu.open{background:linear-gradient(180deg,#1c2234f5,#0f131ff7);border-color:#7896dc73;box-shadow:0 -6px 24px #00000073,inset 0 1px #ffffff14}.galaxy-menu-body{max-height:0;overflow:hidden;transition:max-height .26s cubic-bezier(.22,1,.36,1)}.galaxy-menu.open .galaxy-menu-body{max-height:160px}.galaxy-menu-panel{display:flex;gap:clamp(5px,1.6vw,12px);padding:16px clamp(8px,2.6vw,18px) 10px;max-width:100vw;box-sizing:border-box;transform:translateY(10px);opacity:0;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s ease-out}.galaxy-menu.open .galaxy-menu-panel{transform:translateY(0);opacity:1}.galaxy-menu-item{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1.5vw,8px);width:clamp(50px,16vw,70px);padding:12px clamp(2px,1vw,4px) 9px;box-sizing:border-box;background:#ffffff0d;border:2px solid rgba(255,255,255,.16);border-radius:10px;color:#d6e6ff;cursor:pointer;transition:background .1s steps(2),border-color .1s steps(2),transform .1s steps(2)}.galaxy-menu-item:hover:not(:disabled){background:#66f0ff29;border-color:#66f0ff;transform:translateY(-2px)}.galaxy-menu-item:active:not(:disabled){transform:translateY(0)}.galaxy-menu-item:disabled{opacity:.35;cursor:not-allowed}.galaxy-menu-icon{display:flex;align-items:center;justify-content:center;width:clamp(30px,9.5vw,38px);height:clamp(30px,9.5vw,38px);font-size:clamp(14px,4.6vw,18px);line-height:1;background:#0000004d;border:2px solid rgba(255,255,255,.14);border-radius:8px}.galaxy-menu-item:hover:not(:disabled) .galaxy-menu-icon{border-color:#66f0ff99}.galaxy-menu-label{font-size:clamp(7px,2.2vw,8px);letter-spacing:.5px;text-align:center;white-space:nowrap}.galaxy-menu-handle{display:flex;align-items:center;justify-content:center;width:100%;min-width:180px;padding:8px 26px;background:transparent;border:none;color:#aeb8ff;cursor:pointer}.galaxy-menu-arrow{font-size:18px;line-height:1;image-rendering:pixelated;text-shadow:2px 2px 0 rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.5);transition:color .1s steps(2)}.galaxy-menu-handle:hover .galaxy-menu-arrow{color:#d6e6ff}.galaxy-menu.open .galaxy-menu-handle{border-top:2px solid rgba(255,255,255,.1);color:#8fa0e8}.galaxy-menu-handle:hover{color:#d6e6ff}.gacha-hud{position:fixed;inset:0;z-index:200;pointer-events:none;font-family:"Press Start 2P",Courier New,monospace}.gacha-hud>*{pointer-events:auto}.gacha-back{position:absolute;top:18px;left:18px;padding:10px 16px;background:#121622b3;border:2px solid rgba(255,255,255,.25);border-radius:8px;color:#cde8ff;font-family:inherit;font-size:9px;letter-spacing:1px;cursor:pointer}.gacha-back:hover{border-color:#66f0ff}.gacha-draw{position:absolute;bottom:44px;left:50%;transform:translate(-50%);padding:16px 34px;background:linear-gradient(180deg,#283048f2,#141a2af2);border:3px solid #66f0ff;border-radius:12px;color:#eafaff;font-family:inherit;font-size:12px;letter-spacing:2px;cursor:pointer;box-shadow:0 0 16px #66f0ff66,0 4px #1a6b78;transition:transform .08s steps(2)}.gacha-draw:hover:not(:disabled){transform:translate(-50%) translateY(-2px)}.gacha-draw:active:not(:disabled){transform:translate(-50%) translateY(2px);box-shadow:0 0 16px #66f0ff66}.gacha-draw:disabled{opacity:.4;cursor:not-allowed}.gacha-cost{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",Courier New,monospace;font-size:9px;letter-spacing:1px;color:#b3aaff;pointer-events:none}.gacha-cost.insufficient{color:#ff7a6a}.gacha-stardust{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:7px 14px;background:#121622b3;border:2px solid rgba(196,107,255,.5);border-radius:10px;color:#e3c4ff;font-family:"Press Start 2P",Courier New,monospace;font-size:11px;letter-spacing:1px}.gacha-debug{inset:auto auto 80px 16px}.gacha-result{position:absolute;top:15%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 28px;background:#0c0e16b8;border:3px solid #fff;border-radius:12px;text-align:center}.gacha-result-core{font-size:13px;letter-spacing:1px}.gacha-result-form{font-size:9px;color:#aab8cc}.gacha-result.core-life{border-color:#6fcf97;color:#bfeccd}.gacha-result.core-wasteland{border-color:#c8a06a;color:#e6cfa8}.gacha-result.core-frost{border-color:#9fe0ff;color:#d6f3ff}.gacha-result.core-molten{border-color:#ff5a3c;color:#ffb3a3}.gacha-result.core-heavy{border-color:#9aa6b8;color:#d2dae6}.gacha-result.core-aberration{border-color:#c46bff;color:#e3c4ff}.focus-actions{position:fixed;bottom:84px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:12px;font-family:"Press Start 2P",Courier New,monospace}.focus-action{padding:12px 22px;background:linear-gradient(180deg,#283048f2,#141a2af2);border:3px solid #66f0ff;border-radius:10px;color:#eafaff;font-family:inherit;font-size:11px;letter-spacing:2px;cursor:pointer;box-shadow:0 0 12px #66f0ff59,0 4px #1a6b78}.focus-action:active:not(:disabled){transform:translateY(2px);box-shadow:0 0 12px #66f0ff59}.focus-action:disabled{opacity:.4;border-color:#ffffff40;box-shadow:none;cursor:not-allowed}.stardust-pill{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;padding:6px 12px;background:#121622b3;border:2px solid rgba(196,107,255,.5);border-radius:10px;color:#e3c4ff;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;letter-spacing:1px}.focus-overlay{position:fixed;inset:0;z-index:300;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:"Press Start 2P",Courier New,monospace}.focus-overlay>*{pointer-events:auto}.focus-timer{margin-top:12vh;font-size:40px;letter-spacing:3px;color:#eafaff;text-shadow:0 0 14px rgba(120,200,255,.6),3px 3px 0 rgba(0,0,0,.6)}.focus-bar{margin-bottom:48px;display:flex;gap:12px}.focus-btn{padding:13px 22px;background:#121622d9;border:3px solid rgba(255,255,255,.3);border-radius:10px;color:#cde8ff;font-family:inherit;font-size:11px;letter-spacing:2px;cursor:pointer}.focus-btn.primary{border-color:#66f0ff;color:#eafaff;box-shadow:0 0 12px #66f0ff66}.focus-btn:active{transform:translateY(2px)}.focus-travel{position:fixed;left:0;right:0;top:66%;text-align:center;font-size:13px;letter-spacing:2px;color:#b3aaff;text-shadow:0 0 10px rgba(150,130,255,.6)}.settle-card{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 32px;background:linear-gradient(180deg,#1a1f2e,#121622);border:3px solid #b3aaff;border-radius:14px;box-shadow:0 0 0 2px #9682ff59;color:#cde8ff;text-align:center}.settle-title{font-size:14px;color:#b3aaff;text-shadow:0 0 8px rgba(150,130,255,.5)}.settle-row{font-size:10px;letter-spacing:1px;color:#aab8cc}.settle-panel{position:fixed;z-index:200;font-family:"Press Start 2P",Courier New,monospace;pointer-events:none;opacity:0;animation:settle-in .4s ease forwards}.settle-panel>*{pointer-events:auto}.settle-panel.up{left:50%;transform:translate(-50%);bottom:7%;width:min(86vw,560px);text-align:center}.settle-panel.left{left:53%;top:50%;transform:translateY(-50%);width:min(38vw,400px);text-align:left}@keyframes settle-in{to{opacity:1}}.settle-text{font-size:12px;line-height:2;letter-spacing:1px;color:#cde8ff;text-shadow:0 0 8px rgba(120,180,255,.4),1px 1px 0 rgba(0,0,0,.6)}.tw-caret{color:#66f0ff;animation:tw-blink .8s steps(1) infinite}@keyframes tw-blink{50%{opacity:0}}.settle-foot{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.settle-timeline{position:relative;width:100%;height:12px;border-radius:6px;background:#ffffff1f;border:2px solid rgba(255,255,255,.18)}.settle-tl-fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,#3a5a40,#6fcf97 70%,#aef0c8);box-shadow:0 0 8px #6fcf9780;transition:width 1.1s ease}.settle-tl-tick{position:absolute;top:-3px;bottom:-3px;width:2px;transform:translate(-1px);background:#ffffff59}.settle-tl-handle{position:absolute;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background:#eafff3;border:3px solid #6fcf97;box-shadow:0 0 8px #6fcf97b3;transition:left 1.1s ease}.settle-continue{align-self:center}.planet-chip-add{color:#66f0ff;font-family:"Press Start 2P",Courier New,monospace;font-size:22px;line-height:1;border-style:dashed;border-color:#66f0ff80;opacity:.85}.planet-chip-add:hover:not(:disabled){opacity:1;border-color:#66f0ff}.planet-chip-add:disabled{opacity:.25;cursor:not-allowed}.sun-planets{position:fixed;top:calc(50% - 30vmin);left:0;right:0;text-align:center;z-index:100;pointer-events:none;font-family:"Press Start 2P",Courier New,monospace;font-size:11px;letter-spacing:1px;color:#cde8ff;text-shadow:0 0 8px rgba(120,180,255,.5)}.place-preview{display:flex;flex-direction:column;align-items:center;gap:6px}.crystal-preview{image-rendering:auto}.place-preview-name{font-family:"Press Start 2P",Courier New,monospace;font-size:11px;letter-spacing:1px;color:#eafaff;text-shadow:0 0 8px rgba(120,180,255,.5)}.place-preview-form{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#8da3c0}.place-msg{font-family:"Press Start 2P",Courier New,monospace;font-size:10px;line-height:1.8;color:#8da3c0;text-align:center}.place-cores{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.place-core{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#121622b3;border:2px solid rgba(120,150,220,.4);border-radius:8px;color:#cde8ff;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;letter-spacing:1px;cursor:pointer;transition:border-color .1s steps(2)}.place-core:hover{border-color:#66f0ff99}.place-core.on{border-color:#66f0ff;background:#66f0ff24;box-shadow:0 0 0 1px #66f0ff66}.place-core-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 8px currentColor;flex:0 0 auto}.settings-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#080a1299;font-family:"Press Start 2P",Courier New,monospace}.settings-panel{width:min(88vw,420px);display:flex;flex-direction:column;gap:22px;padding:26px 24px;background:linear-gradient(180deg,#1a1f2e,#121622);border:3px solid #66f0ff;border-radius:14px;box-shadow:0 0 0 2px #66f0ff4d,0 8px 28px #00000080;color:#cde8ff}.settings-title{font-size:15px;letter-spacing:2px;color:#b3aaff;text-align:center;text-shadow:0 0 8px rgba(150,130,255,.5)}.settings-group{display:flex;flex-direction:column;gap:10px}.settings-glabel{font-size:9px;letter-spacing:1px;color:#7da3c8}.settings-options{display:flex;flex-wrap:wrap;gap:8px}.settings-opt{padding:9px 12px;background:#121622b3;border:2px solid rgba(120,150,220,.45);border-radius:8px;color:#cde8ff;font-family:inherit;font-size:10px;letter-spacing:1px;cursor:pointer;transition:border-color .1s steps(2),background .1s steps(2)}.settings-opt:hover{border-color:#66f0ff99}.settings-opt.on{border-color:#66f0ff;color:#eafaff;background:#66f0ff29;box-shadow:0 0 0 1px #66f0ff66}.settings-done{align-self:center;margin-top:4px;padding:11px 26px;background:#121622d9;border:3px solid #66f0ff;border-radius:10px;color:#eafaff;font-family:inherit;font-size:11px;letter-spacing:2px;cursor:pointer;box-shadow:0 0 12px #66f0ff59}.settings-done:active{transform:translateY(2px)}.stars{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;color:#fff;z-index:1000}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,255,136,.2);border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{margin-top:20px;font-size:16px;color:#0f8;font-weight:500}.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000f2;z-index:1000}.error-message{padding:30px 40px;background:#ff32321a;border:2px solid #ff3232;border-radius:12px;color:#fff;text-align:center;max-width:500px;box-shadow:0 8px 32px #ff32324d}.error-message h2{margin-bottom:15px;color:#ff6b6b;font-size:20px;font-weight:600}.error-message p{color:#faa;line-height:1.6}.controls{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:100}.controls button{padding:10px 20px;background:#1a1a2ee6;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.controls button:hover:not(:disabled){background:#00ff8826;border-color:#0f89;transform:translateY(-2px);box-shadow:0 4px 12px #0f83}.controls button:active:not(:disabled){transform:translateY(0)}.controls button:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff1a}.debug-panel{position:absolute;top:20px;right:20px;padding:15px 20px;background:#1a1a2ef2;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;max-width:320px;z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 16px #0006}.debug-panel h3{margin-bottom:12px;font-size:14px;font-weight:600;color:#0f8;letter-spacing:.5px}.debug-item{margin-bottom:6px;word-break:break-all;line-height:1.6}.debug-item strong{color:#0ff;margin-right:8px;font-weight:600}.pixel-button-container{position:fixed;bottom:18px;right:16px;left:auto;transform:none;z-index:100}.pixel-button{padding:16px 32px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff;background:#0f8;border:none;cursor:pointer;box-shadow:0 4px #00cc6a,0 8px #009950,0 8px 8px #0006;transition:all .1s ease}.pixel-button:hover:not(:disabled){background:#0fa;transform:translateY(-2px);box-shadow:0 6px #00cc6a,0 10px #009950,0 10px 12px #00ff884d}.pixel-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #00cc6a,0 4px #009950,0 4px 4px #0006}.pixel-button:disabled{background:#666;color:#999;cursor:not-allowed;box-shadow:0 4px #444,0 8px #333,0 8px 8px #0003}@media(max-width:768px){.controls{flex-direction:column;top:10px;left:10px;gap:8px}.debug-panel{top:10px;right:10px;font-size:11px;padding:12px 16px;max-width:260px}.controls button{padding:8px 16px;font-size:13px}.pixel-button-container{bottom:40px}.pixel-button{padding:12px 24px;font-size:14px;letter-spacing:1px}}.codex-overlay{position:fixed;inset:0;z-index:410;background:#080a12b8;display:flex;align-items:center;justify-content:center}.codex-panel{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,#1a2036,#0d1019 70%);font-family:"Press Start 2P",Courier New,monospace;overflow:hidden}.codex-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:2px solid rgba(120,150,220,.3)}.codex-title{flex:1;font-size:14px;color:#b3aaff;text-shadow:0 0 8px rgba(150,130,255,.5)}.codex-progress{font-size:11px;color:#66f0ff}.codex-back{font-family:inherit;font-size:10px;color:#cde8ff;background:#66f0ff1a;border:2px solid rgba(120,150,220,.45);border-radius:8px;padding:7px 10px;cursor:pointer;transition:border-color .1s steps(2),background .1s steps(2)}.codex-back:hover{border-color:#66f0ff}.codex-empty{padding:30px 18px;text-align:center;font-size:11px;color:#7da3c8;line-height:1.8}.codex-scroll{flex:1;overflow-y:auto;padding:14px 16px 24px}.codex-section{margin-bottom:18px}.codex-section-title{font-size:11px;color:#8fa0e8;margin-bottom:10px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.codex-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;background:#12162299;border:2px solid rgba(120,150,220,.3);border-radius:10px;cursor:pointer;font-family:inherit;transition:border-color .1s steps(2),background .1s steps(2)}.codex-cell:hover:not(.locked){border-color:#66f0ff;background:#66f0ff1a}.codex-cell.locked{cursor:default;opacity:.55}.codex-thumb{width:56px;height:56px;border-radius:50%;image-rendering:pixelated;box-shadow:inset 0 0 8px #00000080}.codex-thumb.locked-thumb{background:#0e1320;border:2px dashed rgba(120,150,220,.35);box-shadow:none}.codex-name{font-size:8.5px;color:#cde8ff;text-align:center;line-height:1.4;word-break:break-word}.codex-cell.locked .codex-name{color:#5a6a82}.codex-badge{position:absolute;top:4px;right:4px;font-size:8px;color:#66f0ff;background:#0a0e18d9;border:1px solid rgba(102,240,255,.4);border-radius:6px;padding:2px 4px}.codex-relics{display:flex;flex-wrap:wrap;gap:8px}.codex-relic-chip{font-size:9px;color:#cde8ff;background:#66f0ff1f;border:2px solid rgba(102,240,255,.4);border-radius:8px;padding:7px 10px}.codex-relic-chip.locked{color:#5a6a82;background:#12162280;border-color:#7896dc40}.codex-album{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.codex-indiv{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:#12162299;border:2px solid rgba(120,150,220,.3);border-radius:10px}.codex-seed{font-size:8px;color:#7da3c8}.codex-relic{font-size:8.5px;color:#8fa0e8;text-align:center}.codex-tabs{display:flex;gap:8px;padding:10px 16px 0}.codex-tab{font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#8da3c0;background:#12162299;border:2px solid rgba(120,150,220,.3);border-radius:8px;padding:7px 12px;cursor:pointer;transition:border-color .1s steps(2),background .1s steps(2),color .1s steps(2)}.codex-tab.on{color:#66f0ff;border-color:#66f0ff;background:#66f0ff1f}.codex-anim{animation:codexRegroup .34s ease both}@keyframes codexRegroup{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.codex-anim .codex-cell{animation:codexCellIn .3s ease both}@keyframes codexCellIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.codex-cards{flex:1;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;align-content:start}.codex-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px 10px;background:linear-gradient(180deg,#1e2438e6,#101420f2);border:2px solid rgba(120,150,220,.4);border-radius:12px;box-shadow:0 2px 10px #0006,inset 0 0 0 1px #ffffff0a;animation:codexCellIn .3s ease both}.codex-card .codex-thumb{width:84px;height:84px}.codex-card-name{font-size:9px;color:#cde8ff;text-align:center}.codex-date{font-size:7.5px;color:#7da3c8}.planet-viewer-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.planet-viewer-canvas:active{cursor:grabbing}.planet-viewer-canvas.hd{image-rendering:auto}.codex-bigcard-overlay{position:absolute;inset:0;z-index:20;background:#06080ec7;display:flex;align-items:center;justify-content:center}.codex-bigcard{display:flex;flex-direction:column;width:min(86vw,360px);background:linear-gradient(180deg,#20263cf5,#0e121efa);border:3px solid #66f0ff;border-radius:16px;box-shadow:0 0 26px #66f0ff4d;overflow:hidden;font-family:"Press Start 2P",Courier New,monospace}.codex-bigcard-3d{width:100%;height:min(58vh,440px);background:radial-gradient(120% 100% at 50% 30%,#1b2238,#0a0d16 75%)}.codex-bigcard-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:9px}.codex-bigcard-name{font-size:13px;color:#b3aaff;text-shadow:0 0 8px rgba(150,130,255,.5);margin-bottom:2px}.codex-bigcard-row{display:flex;justify-content:space-between;align-items:baseline}.codex-bigcard-k{font-size:8px;color:#7da3c8;letter-spacing:1px}.codex-bigcard-v{font-size:10px;color:#cde8ff}.codex-bigcard-close{align-self:flex-end;margin-top:4px}.codex-crt{position:absolute;inset:0;z-index:16;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px),radial-gradient(120% 100% at 50% 50%,transparent 58%,rgba(0,0,0,.5) 100%);animation:codexCrtFlicker 3.2s steps(60) infinite;mix-blend-mode:multiply}@keyframes codexCrtFlicker{0%,96%,to{opacity:1}97%{opacity:.82}98%{opacity:1}99%{opacity:.9}}.codex-booting{justify-content:center}.codex-boot{padding:0 28px;display:flex;flex-direction:column;gap:12px;font-family:"Press Start 2P",Courier New,monospace}.codex-boot-line{font-size:12px;color:#66f0ff;text-shadow:0 0 8px rgba(102,240,255,.7);animation:codexBootLine .18s steps(2) both}@keyframes codexBootLine{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.codex-boot-cursor{margin-left:4px;animation:codexCursorBlink .6s steps(1) infinite}@keyframes codexCursorBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.codex-close{font-family:"Press Start 2P",Courier New,monospace;font-size:11px;line-height:1;color:#cde8ff;background:#12162299;border:2px solid rgba(120,150,220,.45);border-radius:8px;padding:8px 10px;cursor:pointer;transition:border-color .1s steps(2),background .1s steps(2)}.codex-close:hover{border-color:#66f0ff;background:#66f0ff1f}.codex-bigcard{position:relative}.codex-bigcard-x{position:absolute;top:10px;right:10px;z-index:3}.codex-imm-btn{align-self:stretch;margin-top:6px;font-family:"Press Start 2P",Courier New,monospace;font-size:10px;color:#b3aaff;background:#66f0ff1a;border:2px solid rgba(120,150,220,.45);border-radius:8px;padding:10px;cursor:pointer;transition:border-color .1s steps(2),background .1s steps(2)}.codex-imm-btn:hover{border-color:#66f0ff}.codex-immersive{position:absolute;inset:0;z-index:30;background:radial-gradient(130% 100% at 50% 40%,#0e1320,#05070d 75%);cursor:pointer;animation:codexImmFade .6s ease both}@keyframes codexImmFade{0%{opacity:0}to{opacity:1}}.codex-immersive .planet-viewer-canvas{position:absolute;inset:0;width:100%;height:100%}.codex-imm-toggle{position:absolute;top:18px;left:18px;z-index:2;font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#cde8ff;background:#12162299;border:2px solid rgba(120,150,220,.45);border-radius:8px;padding:8px 12px;cursor:pointer}.codex-imm-toggle:hover{border-color:#66f0ff}.codex-imm-hint{position:absolute;bottom:26px;left:0;right:0;text-align:center;z-index:2;font-family:"Press Start 2P",Courier New,monospace;font-size:9px;color:#7da3c8;text-shadow:0 0 8px rgba(0,0,0,.6);pointer-events:none;animation:codexHintBreathe 3.5s ease-in-out infinite}@keyframes codexHintBreathe{0%,to{opacity:.35}50%{opacity:.85}}.codex-imm-x{position:absolute;top:18px;right:18px;z-index:2}