:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1410;color:#f8f1df;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;touch-action:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{border:0;font:inherit}.app-shell{position:relative;width:100%;height:100%;min-width:320px;overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(243,210,92,.18),transparent 18rem),radial-gradient(circle at 78% 70%,rgba(95,190,160,.12),transparent 20rem),linear-gradient(135deg,#0c1713,#1f3020 52%,#3a3220)}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) auto max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;pointer-events:none}.resource-panel,.control-panel,.seed-bank,.status-pill,.modal,.intel-panel,.tutorial-panel,.toast{border:1px solid rgba(255,244,202,.18);background:#121b14d1;box-shadow:0 16px 42px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.resource-panel{min-width:136px;border-radius:8px;padding:10px 12px}.resource-value{color:#f8d05d;font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:850;line-height:1}.resource-label{margin-top:4px;color:#f8f1dfad;font-size:.76rem}.seed-bank{justify-self:center;display:flex;gap:8px;max-width:min(760px,100%);padding:8px;border-radius:8px;overflow-x:auto;pointer-events:auto}.seed-card{position:relative;width:clamp(92px,9.6vw,126px);min-width:92px;aspect-ratio:.9;padding:8px;border-radius:8px;color:#f8f1df;background:linear-gradient(180deg,#263a2c,#1c2b20);outline:1px solid rgba(255,255,255,.1);display:grid;grid-template-rows:1fr auto auto;gap:4px;cursor:pointer;overflow:hidden}.seed-card.selected{outline:3px solid #f8d05d}.seed-card.disabled{opacity:.52}.seed-card:active,.primary-button:active,.icon-button:active,.level-button:active{transform:translateY(1px)}.seed-icon{align-self:center;justify-self:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.34);box-shadow:inset 8px 8px 14px #ffffff2e,inset -8px -8px 14px #0000002e}.seed-name,.seed-cost{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.76rem;font-weight:760}.seed-cost{color:#f8f1dfad;font-size:.68rem}.cooldown-mask{position:absolute;inset:0;transform-origin:bottom;background:#00000094;pointer-events:none}.control-panel{display:flex;gap:8px;padding:8px;border-radius:8px;pointer-events:auto}.icon-button,.primary-button,.level-button{min-height:42px;border-radius:8px;color:#15180f;background:#f3ce57;font-weight:850;cursor:pointer}.icon-button{width:44px;font-size:1rem}.primary-button{padding:0 18px}.icon-button.secondary{color:#f8f1df;background:#314133}.bottom-status{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:12px;pointer-events:none}.status-pill{max-width:min(48vw,560px);border-radius:8px;padding:8px 12px;color:#f8f1dfe0;font-size:clamp(.76rem,1.5vw,.94rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intel-panel{position:absolute;left:max(16px,env(safe-area-inset-left));top:108px;width:min(310px,26vw);max-height:calc(100% - 190px);overflow:hidden;border-radius:8px;padding:14px;pointer-events:none}.eyebrow{margin:0 0 8px;color:#f3ce57;font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.intel-panel h3{margin:0 0 8px;font-size:clamp(1rem,1.8vw,1.28rem);line-height:1.15}.intel-panel p{margin:0 0 10px;color:#f8f1dfb3;font-size:.78rem;line-height:1.45}.intel-objective{margin:10px 0;padding:10px;border-radius:8px;background:#5c7e483d;color:#f8f1dfe6;font-size:.78rem;line-height:1.42}.unit-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,244,202,.14)}.unit-card strong{display:block;font-size:.86rem}.unit-card p{margin:3px 0 0;font-size:.72rem}.tutorial-panel{position:absolute;right:max(16px,env(safe-area-inset-right));top:108px;width:min(340px,28vw);border-radius:8px;padding:14px;pointer-events:none}.tutorial-panel strong{display:block;margin-bottom:6px;color:#f3ce57}.tutorial-panel span{display:block;color:#f8f1dfc7;font-size:.82rem;line-height:1.45}.toast{position:absolute;left:50%;bottom:max(58px,calc(env(safe-area-inset-bottom) + 54px));max-width:min(560px,calc(100% - 32px));transform:translate(-50%);border-radius:8px;padding:10px 14px;color:#f8f1df;font-size:.86rem;pointer-events:none}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0000005c}.modal{width:min(660px,100%);border-radius:8px;padding:clamp(22px,4vw,36px)}.modal-wide{width:min(880px,100%)}.modal h1,.modal h2{margin:0 0 12px;font-size:clamp(2.1rem,5.2vw,4.6rem);line-height:.95;letter-spacing:0}.modal p{margin:0 0 18px;color:#f8f1dfc2;line-height:1.55}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin:16px 0 18px}.story-grid>div{min-height:74px;border-radius:8px;padding:12px;background:#fff4ca14}.story-grid strong,.story-grid span{display:block}.story-grid strong{margin-bottom:8px;color:#f3ce57;font-size:.78rem}.story-grid span{color:#f8f1dfc2;font-size:.82rem;line-height:1.4}.codex-chip{display:inline-block;margin:0 6px 6px 0;padding:4px 8px;border-radius:8px;background:#5fbea029}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.level-button{min-width:0;aspect-ratio:1.08;display:grid;place-items:center;padding:8px}.level-button span{font-size:1.25rem}.level-button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#15180fb8;font-size:.68rem}.level-button.locked{color:#f8f1df;background:#334033}.level-button.locked small{color:#f8f1df94}.hidden{display:none}@media(max-width:980px),(orientation:portrait){.hud{grid-template-columns:auto auto;align-items:start}.seed-bank{grid-column:1 / -1;grid-row:2;justify-self:stretch;order:3}.control-panel{justify-self:end}.intel-panel{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));top:auto;bottom:max(56px,calc(env(safe-area-inset-bottom) + 50px));width:auto;max-height:108px}.tutorial-panel{right:max(16px,env(safe-area-inset-right));top:166px;width:min(360px,calc(100% - 32px))}.story-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modal h1,.modal h2{font-size:clamp(2rem,8vw,3.6rem)}}@media(max-width:620px){.resource-panel{min-width:108px}.seed-card{width:86px;min-width:86px}.intel-panel{display:none}.tutorial-panel{top:154px}.status-pill{max-width:46vw}}