*{box-sizing:border-box} :root{--ink:#f2eadc;--muted:#9b9c8e;--moss:#9dbb78;--deep:#111613;--panel:rgba(21,29,25,.84);--line:rgba(221,230,205,.13);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#17211b;color:var(--ink);font-family:var(--sans)}body{overscroll-behavior:none}#game{position:relative;isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,17,13,.64),transparent 28%,transparent 66%,rgba(10,16,12,.6));z-index:1}.topbar{position:absolute;z-index:4;left:0;right:0;top:0;padding:22px 30px;display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{height:39px;width:39px;display:grid;place-items:center;border:1px solid #83966c;border-radius:12px;color:#b6cb8f;font-size:23px}.brand strong{letter-spacing:.16em;font-size:13px;display:block}.brand small,.eyebrow,.stat-heading small,.resource small,.workers-pill small,.worker-up,.day-pill,.mission-progress,.condition,.build-btn small,.save-note,.modal-kicker,.tutorial-steps span,.tutorial-steps small,.touch-action small{font-family:var(--mono);letter-spacing:.1em}.brand small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.day-pill{height:36px;border:1px solid var(--line);border-radius:22px;padding:0 13px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;background:rgba(18,25,21,.52);backdrop-filter:blur(12px)}.sun-icon{font-size:16px;color:#e1c276}.day-divider{height:14px;width:1px;background:#798174}.icon-btn{height:36px;width:36px;border:1px solid var(--line);border-radius:50%;background:rgba(18,25,21,.52);color:#e6e2d4;font-size:16px;cursor:pointer}.hud-left,.hud-right{position:absolute;z-index:3;top:90px;display:flex;flex-direction:column;gap:10px}.hud-left{left:30px;width:205px}.hud-right{right:30px;width:220px}.stat-card,.resources-card,.mission-card,.workers-pill{background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:14px 15px;box-shadow:0 12px 35px #080d0a33}.stat-heading{display:flex;align-items:center;gap:9px}.queen-glyph{color:#d8916f;font-size:19px}.stat-heading small{display:block;font-size:8px;color:var(--muted);margin-bottom:2px}.stat-heading strong{font-size:13px}.status-dot{height:7px;width:7px;border-radius:50%;background:#a8c780;margin-left:auto;box-shadow:0 0 9px #a8c78088}.bar{height:4px;background:#374139;border-radius:6px;margin:10px 0 7px;overflow:hidden}.bar i,.mini-bar i{height:100%;display:block;width:100%;background:#b2c984;border-radius:5px;transition:width .35s}.queen-note{font-size:9px;color:var(--muted)}.resources-card{padding:12px 14px;display:flex;justify-content:space-between}.resource{display:flex;align-items:center;gap:7px}.res-icon{font-size:14px}.seed{color:#d6c474}.water{color:#83c3c1}.protein{color:#d89468}.resource b{font-size:13px;display:block}.resource small{font-size:7px;display:block;color:var(--muted);margin-top:2px}.mission-card{padding:15px}.eyebrow{font-size:8px;color:#a9c287;letter-spacing:.18em}.mission-title{font-size:13px;font-weight:700;margin:9px 0}.mission-progress{font-size:9px;color:#b9bcae;display:flex;align-items:center;gap:8px}.mini-bar{height:3px;background:#3b443c;flex:1;border-radius:4px}.mini-bar i{background:#d5ba74;width:0}.condition{font-size:8px;color:#a0a494;margin-top:11px;letter-spacing:.05em}.workers-pill{display:flex;align-items:center;gap:9px;padding:10px 13px}.worker-symbol{color:#d7bd79;font-size:20px}.workers-pill b{font-size:13px;display:block}.workers-pill small{display:block;color:var(--muted);font-size:7px}.worker-up{margin-left:auto;color:#a7c784;font-size:8px}.controls-hint{position:absolute;z-index:3;bottom:112px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:#e7e5d9bb;background:#1018139c;padding:8px 13px;border:1px solid #f0f4e21f;border-radius:20px;white-space:nowrap}.controls-hint span{color:#c4d297;margin:0 8px}.bottom-ui{position:absolute;z-index:3;bottom:24px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.action-info{font-family:var(--mono);font-size:9px;color:#e2e2d3;background:#152019cc;border:1px solid var(--line);border-radius:30px;padding:10px 13px;display:flex;align-items:center;gap:8px}.action-dot{height:7px;width:7px;border-radius:50%;background:#d7c276;box-shadow:0 0 8px #d7c27699}.build-actions{display:flex;gap:9px}.build-btn{display:flex;align-items:center;text-align:left;gap:9px;background:#19231dbf;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:158px;cursor:pointer;backdrop-filter:blur(10px);transition:.18s}.build-btn:hover{border-color:#c3d29b88;transform:translateY(-2px)}.build-icon{font-size:19px;color:#c7d397}.build-btn b{font-size:10px;display:block}.build-btn small{font-size:7px;color:#a3a797;display:block;margin-top:3px}.btn-arrow{margin-left:auto;color:#a6b784}.defend-btn .build-icon{color:#d39773}.toast{position:absolute;z-index:10;left:50%;top:23%;transform:translate(-50%,-10px);opacity:0;transition:.25s;background:#17251de8;border:1px solid #dcebc933;padding:11px 16px;border-radius:12px;font-size:11px;pointer-events:none;text-align:center;max-width:min(90vw,380px)}.toast.show{transform:translate(-50%,0);opacity:1}.event-banner{position:absolute;z-index:4;top:73px;left:50%;transform:translate(-50%,-15px);opacity:0;transition:.35s;background:#422d23e8;border:1px solid #e9ad7459;padding:10px 20px;border-radius:30px;color:#ffd4a6;font-size:11px;letter-spacing:.04em;white-space:nowrap}.event-banner.show{opacity:1;transform:translate(-50%,0)}.overlay{position:absolute;z-index:20;inset:0;background:#090e0be0;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.hidden{display:none!important}.modal{background:#1a231d;border:1px solid #e1e9d723;border-radius:22px;box-shadow:0 30px 100px #0008}.tutorial-modal{width:min(480px,100%);padding:32px 38px 28px}.modal-kicker{font-size:8px;color:#bbcf91;letter-spacing:.2em}.modal-art{height:82px;position:relative;display:flex;align-items:center;justify-content:center;color:#b8ce8e;font-size:52px;margin:4px 0 2px}.modal-art:before,.modal-art:after{content:'';position:absolute;width:90px;height:1px;background:linear-gradient(90deg,transparent,#879969,transparent);top:40px;left:calc(50% - 140px);transform:rotate(18deg)}.modal-art:after{left:calc(50% + 48px);transform:rotate(-18deg)}.modal-art i,.modal-art b,.modal-art em{position:absolute;height:6px;width:6px;border-radius:50%;background:#deba72;top:20px;left:28%}.modal-art b{left:70%;top:56px;background:#90c1a3}.modal-art em{left:60%;top:13px;background:#db9370}.modal h1{font-size:32px;line-height:1.12;letter-spacing:-.05em;margin:0 0 12px}.modal h1 i{font-family:Georgia,serif;font-weight:400;color:#bdcf94}.modal p{font-size:12px;line-height:1.7;color:#b8beb1;margin:0}.tutorial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0 22px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tutorial-steps div{display:flex;flex-direction:column;gap:5px}.tutorial-steps span{font-size:8px;color:#d1ba77}.tutorial-steps b{font-size:9px;letter-spacing:.12em}.tutorial-steps small{font-size:8px;line-height:1.5;color:#9fa69b;letter-spacing:0}.primary-btn{width:100%;border:0;border-radius:11px;padding:14px;background:#b7cb8c;color:#172017;font-family:var(--sans);font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.primary-btn span{position:absolute;right:16px;font-size:16px}.primary-btn:hover{background:#c8d99e}.save-note{text-align:center;font-size:8px;color:#8e988c;margin-top:12px;letter-spacing:.03em}.compact-modal{width:min(340px,100%);padding:30px;text-align:center}.compact-modal h2{font-size:23px;letter-spacing:-.04em;margin:14px 0 5px}.compact-modal p{margin-bottom:22px}.text-btn{border:0;background:none;color:#b7bbae;font-family:var(--sans);font-size:10px;padding:14px;cursor:pointer}.mobile-controls{display:none}.rotate-hint{display:none}.tutorial-modal{animation:rise .45s ease-out}@keyframes rise{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@media(max-width:700px){.topbar{padding:14px 15px}.brand-mark{height:33px;width:33px;border-radius:10px;font-size:19px}.brand{gap:8px}.brand strong{font-size:11px}.day-pill{font-size:8px;padding:0 9px;height:32px;gap:6px}.icon-btn{width:32px;height:32px}.hud-left{left:12px;top:67px;width:155px;gap:7px}.hud-right{right:12px;top:67px;width:158px;gap:7px}.stat-card,.resources-card,.mission-card,.workers-pill{border-radius:11px;padding:10px}.stat-heading small{font-size:7px}.queen-note{font-size:8px}.resources-card{padding:9px}.resource{gap:4px}.resource b{font-size:11px}.resource small{font-size:6px}.res-icon{font-size:12px}.mission-card{padding:11px}.eyebrow{font-size:7px}.mission-title{font-size:11px;margin:7px 0}.mission-progress{font-size:7px;gap:5px}.condition{font-size:7px;margin-top:8px}.workers-pill{padding:8px}.worker-symbol{font-size:16px}.worker-up{font-size:6px}.workers-pill small{font-size:6px}.bottom-ui{left:12px;right:12px;bottom:calc(104px + env(safe-area-inset-bottom));display:block}.build-actions{display:flex;justify-content:flex-end;gap:6px}.build-btn{min-width:0;width:50%;padding:8px;border-radius:10px;gap:6px}.build-icon{font-size:15px}.build-btn b{font-size:8px}.build-btn small{font-size:6px}.btn-arrow{font-size:10px}.action-info{position:absolute;bottom:48px;left:0;font-size:7px;padding:8px 10px;max-width:75%;white-space:nowrap;overflow:hidden}.controls-hint{display:none}.mobile-controls{display:block;position:absolute;z-index:5;bottom:calc(14px + env(safe-area-inset-bottom));left:18px;right:18px;height:80px;pointer-events:none}.joystick{pointer-events:auto;position:absolute;left:0;bottom:0;height:74px;width:74px;touch-action:none}.joy-ring{height:74px;width:74px;border-radius:50%;border:1px solid #dbe5d144;background:#16221ba8;display:grid;place-items:center}.joy-knob{width:30px;height:30px;border-radius:50%;background:#a7bc7cbb;border:1px solid #e2edc577;box-shadow:0 4px 12px #0005;transform:translate(0,0)}.touch-action{pointer-events:auto;position:absolute;right:0;bottom:2px;width:66px;height:66px;border-radius:50%;border:1px solid #dfecb252;background:#a5bb7cd9;color:#142016;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:0 5px 20px #0005;touch-action:manipulation}.touch-action span{font-size:19px}.touch-action small{font-size:7px;font-weight:500}.tutorial-modal{padding:25px 23px 22px}.modal-art{height:67px;font-size:43px}.modal h1{font-size:28px}.tutorial-modal p{font-size:11px}.tutorial-steps{gap:8px;margin:16px 0;padding:12px 0}.tutorial-steps small{font-size:7px}.tutorial-steps b{font-size:8px}.modal-kicker{font-size:7px}.event-banner{top:65px;font-size:9px;max-width:88vw;white-space:normal;text-align:center}.toast{top:26%;font-size:10px}.rotate-hint{display:none}}@media(max-width:370px){.hud-left{width:137px}.hud-right{width:143px}.tutorial-modal{padding:20px}.tutorial-steps{gap:5px}.day-pill{gap:4px;padding:0 7px}.brand{gap:6px}.brand strong{letter-spacing:.1em}.brand small{font-size:7px}}