:root{color:#eaf5f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eaf5f2;--muted:#9aafbd;--dim:#6f8999;--panel:#101e2c;--panel-deep:#0d1826;--panel-raised:#172938;--border:#2a4855;--border-bright:#47717b;--teal:#5ae0ce;--teal-deep:#1c918f;--amber:#f3bc68;--amber-deep:#a96933;--red:#f27783;--shadow:#050b15;background:#080f1d;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:radial-gradient(at 50% -25%,#214b53 0,#0000 50%),radial-gradient(at 95% 10%,#382c45 0,#0000 35%),linear-gradient(#0d1a29 0,#080f1d 72%);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#b2e6d809 1px,#0000 1px),linear-gradient(90deg,#b2e6d809 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.app-shell{width:min(100%,1650px);min-height:100vh;margin:0 auto;padding:18px clamp(14px,2.1vw,34px) 24px}.topbar{background:linear-gradient(135deg,#1c3440 0%,#122530 60%,#192934 100%);border:1px solid #3b6269;border-bottom:3px solid #254a54;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:12px 16px;display:flex;box-shadow:0 5px #070e18,0 12px 30px #030a1573,inset 0 1px #88b4ae26}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#09232c;text-shadow:1px 1px #d6fff4;background:linear-gradient(135deg,#67e7ce 0%,#269eaa 47%,#594d9c 100%);border:2px solid #98f3dc;border-radius:3px;flex:0 0 47px;place-items:center;width:47px;height:47px;font-size:26px;font-weight:900;display:grid;box-shadow:3px 3px #092026,inset 3px 3px #d8fff29c,0 0 16px #4fe3ca48}.brand-name{color:#fff3d4;letter-spacing:.085em;text-shadow:2px 2px #654a43;text-transform:uppercase;margin:0;font-size:clamp(21px,2vw,27px);font-weight:900;line-height:1.05}.brand-subtitle{color:#a7c4c3;letter-spacing:.16em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:700}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.resource-pill{color:#b9cfd0;white-space:nowrap;background:#0d202aba;border:1px solid #41656a;border-bottom-width:2px;border-radius:3px;align-items:center;gap:7px;min-height:39px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.resource-value{color:#ffdb91;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.game-layout{grid-template-columns:minmax(235px,.82fr) minmax(0,2.15fr) minmax(235px,.9fr);align-items:start;gap:15px;display:grid}.panel{border:1px solid var(--border-bright);background:linear-gradient(150deg, #162837 0%, var(--panel) 43%, #0c1928 100%);min-width:0;box-shadow:0 5px 0 var(--shadow), 0 14px 28px #030a175c, inset 0 1px #c5f9e812;border-bottom:3px solid #1d3a47;border-radius:5px;padding:16px;position:relative}.panel:before{content:"";pointer-events:none;border-top:2px solid #65949a;border-right:2px solid #65949a;width:7px;height:7px;position:absolute;top:5px;right:5px}.panel-heading,.hero-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.panel-heading h2,.hero-head h1,.hero-head h2{color:#f3f6ea;margin:2px 0 0;font-size:17px;line-height:1.2}.hero-head h1,.hero-head h2{font-size:clamp(20px,1.8vw,26px)}.panel-kicker,.eyebrow{color:var(--teal);letter-spacing:.15em;text-transform:uppercase;margin:0;font-family:Consolas,Courier New,monospace;font-size:10px;font-weight:800}.eyebrow{color:var(--amber)}.left-panel,.right-panel{flex-direction:column;gap:14px;display:flex}.center-panel{flex-direction:column;gap:16px;display:flex}.chamber{background:#061321;border:2px solid #56808b;border-radius:4px;padding:8px;position:relative;overflow:hidden;box-shadow:4px 5px #07111d,inset 0 0 0 3px #102736,0 0 22px #41c2b61a}.chamber:after{content:"";pointer-events:none;border:1px solid #d2fff31a;position:absolute;inset:8px}.scene-wrapper{aspect-ratio:640/430;background:radial-gradient(at 50% 80%,#215e66 0,#132d40 37%,#0000 76%),linear-gradient(#152f43,#0a1829);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.scene-wrapper canvas{object-fit:contain;width:100%;max-width:100%;height:100%;image-rendering:pixelated;display:block}.progress-rail{background:#091725;border:2px solid #406476;border-radius:2px;height:14px;overflow:hidden;box-shadow:inset 0 2px 3px #0008}.progress-bar{background:repeating-linear-gradient(90deg,#9ff7d5 0 10px,#5fdec5 10px 20px);width:0;height:100%;transition:width .35s;box-shadow:0 0 15px #42e6c98c}.progress-meta{color:#a9c3c8;font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:7px;font-family:Consolas,Courier New,monospace;font-size:11px;display:flex}.result-banner{border:1px solid #836950;border-left:4px solid var(--amber);color:#ffe2b0;background:linear-gradient(90deg,#40332b 0%,#232b35 75%);border-radius:3px;padding:12px 14px;font-size:13px;line-height:1.45;box-shadow:inset 0 1px #f4cf8824}.section-title{color:#e5f2ee;letter-spacing:.03em;align-items:center;gap:8px;margin:0 0 9px;font-size:13px;font-weight:900;display:flex}.section-title:before{background:var(--amber);content:"";flex:0 0 6px;width:6px;height:6px;box-shadow:2px 2px #76523d}.section-spacer{margin-top:3px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.option-card,.upgrade-card,.crystal-card,.goal-card{background:linear-gradient(135deg,#1b3441,#152735);border:1px solid #345361;border-bottom:3px solid #233b49;border-radius:3px;box-shadow:inset 0 1px #bbf2dd0d}.option-card{min-width:0;min-height:60px;color:var(--ink);text-align:left;align-items:center;gap:8px;padding:8px;transition:transform .15s,border-color .15s,background .15s;display:flex}.option-card:hover:not(:disabled):not(.locked){background:#234555;border-color:#6eb2b3;transform:translateY(-2px)}.option-card.selected,.option-card[aria-pressed=true]{background:linear-gradient(135deg,#225955,#1b3d4c);border-color:#88e1c5 #88e1c5 #36a996;box-shadow:inset 0 0 0 1px #89ecd04a,0 0 12px #39cbb626}.option-card.locked,.option-card:disabled,.upgrade-card.locked{opacity:.55;filter:saturate(.55)}.option-icon{width:31px;height:31px;color:var(--teal);text-shadow:0 0 9px;background:#0d2735;border:1px solid #639190;border-radius:2px;flex:0 0 31px;place-items:center;font-size:18px;display:grid}.option-meta{gap:3px;min-width:0;display:grid}.option-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.option-meta span,.option-meta small{color:var(--muted);font-size:10px;line-height:1.2}.action-button{color:#effff8;text-align:center;text-shadow:1px 1px #10303a;background:linear-gradient(#2a5962,#1c414d);border:1px solid #6b9e9f;border-bottom:3px solid #2d696d;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:9px 13px;font-size:12px;font-weight:900;line-height:1.2;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex}.action-button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-2px);box-shadow:0 4px 10px #0005}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:disabled{opacity:.48;filter:grayscale(.5)}.action-button.primary{color:#22222a;text-shadow:0 1px #ffe6a7;background:linear-gradient(#efba67,#b4773d);border-color:#f8d78b #f8d78b #ab743b}.action-button.secondary{background:#193342}.action-button.small{min-height:31px;padding:5px 9px;font-size:11px}.upgrade-list,.log-list{gap:8px;display:grid}.upgrade-card{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.upgrade-info{gap:3px;min-width:0;display:grid}.upgrade-info strong{color:#eaf4ef;font-size:12px;line-height:1.2}.upgrade-info span,.upgrade-info small{color:var(--muted);font-size:10px;line-height:1.3}.stat-chip,.badge{color:#a5f3da;white-space:nowrap;background:#1b3a43;border:1px solid #467a78;border-radius:2px;justify-content:center;align-items:center;gap:4px;padding:4px 7px;font-family:Consolas,Courier New,monospace;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.badge{color:#ffd18c;background:#40342d;border-color:#876747}.atlas-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.crystal-card{text-align:center;place-items:center;min-width:0;min-height:77px;padding:8px 4px 6px;display:grid}.crystal-card.locked{opacity:.42;filter:grayscale()}.crystal-icon{color:#74e5d1;text-shadow:0 0 12px;font-size:27px;line-height:1}.crystal-meta{color:#dcefeb;gap:2px;max-width:100%;font-size:10px;line-height:1.15;display:grid}.crystal-meta small,.crystal-meta span{color:var(--muted);font-size:9px}.tabs{border-bottom:1px solid #3b5d65;flex-wrap:wrap;gap:5px;padding-bottom:8px;display:flex}.tab{color:#a6bcc1;background:0 0;border:1px solid #0000;border-radius:2px;min-height:30px;padding:5px 9px;font-size:11px;font-weight:800}.tab:hover{color:#edfbf6;background:#254352}.tab.selected,.tab[aria-selected=true]{color:#d9fff2;background:#24564f;border-color:#579b94}.note{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.log-list{max-height:170px;padding-right:3px;overflow-y:auto}.log-entry{color:#c7d8d7;background:#172c39;border-left:2px solid #5cbbaa;padding:7px 9px;font-size:11px;line-height:1.4}.log-entry:nth-child(2n){background:#1b2b38;border-left-color:#e3ae67}.goal-card{color:#dcece8;padding:11px;font-size:12px;line-height:1.4}.goal-card .panel-kicker{margin-bottom:4px;display:block}.goal-card strong{color:#ffdc9e}.goal-card p{color:var(--muted);margin:5px 0 0}.empty-state{color:#92aab2;text-align:center;border:1px dashed #49616c;border-radius:3px;place-items:center;min-height:72px;padding:12px;font-size:11px;line-height:1.4;display:grid}.footer{color:#7e9ba6;text-align:center;margin-top:19px;padding:7px 2px;font-size:11px;line-height:1.4}@media (width<=1160px){.game-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2fr)}.center-panel{grid-area:1/2/span 2}.right-panel{grid-column:1}}@media (width<=760px){.app-shell{padding:11px 11px 24px}.topbar{flex-direction:column;align-items:flex-start;padding:12px}.topbar-right{justify-content:flex-start;width:100%}.game-layout{flex-direction:column;gap:12px;display:flex}.game-layout>.panel{width:100%}.center-panel{order:-1}.panel{padding:13px}.scene-wrapper{aspect-ratio:640/430}.brand-mark{flex-basis:40px;width:40px;height:40px;font-size:22px}}@media (width<=430px){.resource-pill{flex:auto;justify-content:center;min-height:34px;padding:5px 8px;font-size:11px}.resource-value{font-size:13px}.option-grid{gap:6px}.option-card{gap:6px;min-height:54px;padding:6px}.option-icon{flex-basis:27px;width:27px;height:27px;font-size:15px}.atlas-grid{gap:5px}.crystal-card{min-height:67px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}