:root{--bg:#06102e;--panel:rgba(11,29,83,.86);--panel2:rgba(18,47,120,.76);--line:rgba(158,211,255,.20);--text:#f7f9ff;--muted:#bccaf1;--blue:#4abfff;--violet:#8b69ff;--pink:#ff67d3;--green:#76f58c;--gold:#ffc247;--danger:#ff7f8c;--shadow:0 22px 70px rgba(0,0,0,.28);--radius:24px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 15% 5%,#153b9d 0,transparent 28%),radial-gradient(circle at 88% 0,#4b2d93 0,transparent 22%),linear-gradient(180deg,#08133d,#06102e 68%)}button{font:inherit}.hidden{display:none!important}.app-shell{min-height:100vh;padding:14px}.topbar{max-width:1760px;margin:0 auto 14px;height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#45e6ef,#796bff,#ff67ca);position:relative;box-shadow:0 10px 28px rgba(105,113,255,.25)}.brand-mark i{position:absolute;top:12px;width:5px;border-radius:99px;background:white}.brand-mark i:first-child{left:12px;height:18px}.brand-mark i:last-child{right:12px;height:24px;top:9px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#aebee7;margin-top:2px}.top-resources{display:flex;justify-content:center;gap:10px;min-width:0}.resource{display:flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(19,49,121,.72);font-weight:800}.top-actions{display:flex;gap:9px}.icon-btn,.avatar-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:white;display:grid;place-items:center;cursor:pointer}.avatar-btn{padding:3px;overflow:hidden}.avatar-btn img{width:100%;height:100%;object-fit:cover;border-radius:11px}
.layout{max-width:1760px;margin:0 auto;display:grid;grid-template-columns:280px minmax(620px,1fr) 320px;gap:14px;align-items:start}.left-rail,.right-rail{display:grid;gap:12px}.glass-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-head h2{font-size:18px;margin:0}.card-head span{font-size:11px;color:#b9c9ed}.stats-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:11px 8px;border-radius:15px;background:rgba(255,255,255,.055);text-align:center}.stat strong{display:block;font-size:20px}.stat span{font-size:10px;color:#b8c8eb}.segment{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:13px;background:rgba(255,255,255,.04);margin-bottom:12px}.segment button{border:0;border-radius:10px;background:transparent;color:#aebee5;padding:8px 4px;font-size:11px;cursor:pointer}.segment button.active{background:linear-gradient(135deg,#3e90f3,#6c5cf1);color:white}.mission-list{display:grid;gap:12px}.mission-row{display:grid;gap:6px}.mission-top{display:flex;justify-content:space-between;font-size:12px}.mission-top b{font-weight:800}.mission-reward{color:#cfff72}.progress{height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.progress i{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#42c8ff,#b77cff,#ff6dce)}.mission-sub{font-size:10px;color:#9fb0d8}.yield-row{display:flex;align-items:end;justify-content:space-between;gap:10px}.yield-row span{display:block;color:#b9c9ed;font-size:11px}.yield-row strong{font-size:34px}.yield-delta{color:#78f89a;font-size:11px}.earnings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.earnings-grid>div{padding:10px;border-radius:14px;background:rgba(255,255,255,.05)}.earnings-grid span{display:block;font-size:9px;color:#aebfe7}.earnings-grid strong{font-size:16px}.primary,.secondary{border:0;color:white;cursor:pointer;font-weight:800}.primary{background:linear-gradient(135deg,#ff8b58,#9765ff);padding:12px 16px;border-radius:14px}.wide{width:100%}.fine-print{font-size:9px;line-height:1.5;color:#8999bf;margin:9px 0 0}
.center-column{min-width:0}.scene-toolbar{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.digital-self-chip{display:flex;align-items:center;gap:10px;background:rgba(10,33,87,.8);border:1px solid var(--line);border-radius:18px;padding:8px 13px;min-width:300px}.digital-self-chip img{width:46px;height:46px;border-radius:13px;object-fit:cover}.digital-self-chip strong{display:block;font-size:14px}.digital-self-chip span{display:block;color:#79ff9a;font-size:11px;font-weight:800}.digital-self-chip span b{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px}.digital-self-chip small{display:block;color:#9eb0d8;font-size:9px;margin-top:2px}.scene-actions{display:flex;gap:8px}.secondary{background:rgba(16,52,126,.88);border:1px solid rgba(126,193,255,.22);padding:11px 15px;border-radius:14px}.scene-wrap{position:relative;width:100%;aspect-ratio:1672/941;border-radius:30px;overflow:hidden;border:1px solid rgba(161,216,255,.18);box-shadow:var(--shadow);background:#3559be}.vector-scene{position:absolute;inset:0}.vector-scene .map-background{width:100%;height:100%;display:block;object-fit:cover}.plot-grid{position:absolute;left:18.4%;right:15.8%;bottom:20.4%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(3px,.55vw,10px);z-index:5}.plot-card{position:relative;min-width:0;aspect-ratio:1.38;border-radius:16px;background:linear-gradient(180deg,rgba(43,23,7,.08),rgba(43,23,7,.28));border:2px solid rgba(84,220,255,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.16);padding:5px;cursor:pointer;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.plot-card:hover{border-color:rgba(130,241,255,.72);transform:translateY(-2px)}.plot-card.ready{border-color:#4de7b9;box-shadow:0 0 0 2px rgba(77,231,185,.18),0 0 22px rgba(77,231,185,.36)}.plot-visual{position:absolute;left:0;right:0;top:18%;height:45%;display:grid;place-items:center;font-size:clamp(20px,2.35vw,38px);filter:drop-shadow(0 7px 10px rgba(0,0,0,.34))}.plot-visual.growing{animation:grow 1.1s ease-in-out infinite alternate}.plot-meta{position:absolute;left:6px;right:6px;top:4px;display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.plot-meta strong{font-size:clamp(7px,.62vw,10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.9)}.plot-meta span{display:none}.plot-button{position:absolute;left:5px;right:5px;bottom:4px;height:21px;border:0;border-radius:8px;background:rgba(35,19,7,.78);color:white;font-size:clamp(7px,.58vw,9px);font-weight:800;cursor:pointer;backdrop-filter:blur(4px)}.character{position:absolute;z-index:7;left:45%;top:41%;width:15%;transition:left .8s ease-in-out,top .8s ease-in-out;pointer-events:none}.character img{width:100%;display:block;filter:drop-shadow(0 18px 22px rgba(0,0,0,.25));animation:idle 2.8s ease-in-out infinite}.character.walking{animation:walk .22s infinite alternate}.character.watering img{animation:pour .5s ease-in-out infinite alternate}.character-shadow{position:absolute;left:16%;right:16%;bottom:-2%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.32),transparent 70%)}.speech{position:absolute;left:50%;bottom:96%;transform:translateX(-50%);padding:6px 9px;border-radius:11px;background:rgba(8,28,76,.9);border:1px solid rgba(161,216,255,.2);white-space:nowrap;font-size:10px;font-weight:800;opacity:0}.speech.show{opacity:1}.tool{position:absolute;left:2%;bottom:20%;font-size:28px}.water-stream{position:absolute;height:10px;border-radius:99px;background:linear-gradient(90deg,#5cdbff,rgba(92,219,255,0));box-shadow:0 0 12px #65dfff;transform-origin:left center;display:none;z-index:8}.water-stream.show{display:block}.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:9}.float-fx{position:absolute;padding:5px 8px;border-radius:999px;background:rgba(8,27,72,.9);font-size:10px;font-weight:800;animation:fx 1s ease-out forwards}.scene-status{position:absolute;left:28%;right:23%;bottom:2%;z-index:8;padding:8px 12px;border-radius:14px;background:rgba(12,59,43,.82);border:1px solid rgba(138,255,184,.16);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px auto 9px;max-width:760px}.farm-action{border:0;border-radius:18px;color:white;padding:13px 10px;font-weight:900;cursor:pointer}.farm-action span{margin-right:6px}.farm-action.plant{background:linear-gradient(180deg,#80e84c,#4cb72b)}.farm-action.water{background:linear-gradient(180deg,#4ac5ff,#2f83f3)}.farm-action.harvest{background:linear-gradient(180deg,#ffd15d,#ef941b)}.farm-action.visit{background:linear-gradient(180deg,#ad74ff,#7f4be8)}.farm-action:disabled{opacity:.45;cursor:not-allowed}.main-nav{display:grid;grid-template-columns:repeat(6,1fr);max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:18px;background:rgba(12,37,98,.75);overflow:hidden}.main-nav button{border:0;background:transparent;color:#9fb1da;padding:9px 5px;cursor:pointer}.main-nav button span{display:block;font-size:8px;margin-top:2px}.main-nav button.active{background:rgba(78,125,247,.32);color:white}
.market-list,.inventory-list,.audit-list{display:grid;gap:8px}.market-row,.inventory-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.item-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:21px}.market-row strong,.inventory-row strong{display:block;font-size:11px}.market-row span,.inventory-row span{display:block;font-size:9px;color:#aebfe5}.price{text-align:right;font-size:11px;font-weight:800}.sell-btn{margin-top:3px;border:0;border-radius:8px;background:#385ff1;color:white;font-size:9px;padding:4px 7px;cursor:pointer}.audit{padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.04)}.audit strong{display:block;font-size:10px}.audit span{display:block;font-size:9px;color:#9fb1da;margin-top:2px;line-height:1.4}.audit-list{max-height:160px;overflow:auto}
.mobile-nav,.mobile-drawer,.drawer-backdrop{display:none}.fatal-state{position:fixed;inset:0;z-index:50;background:rgba(5,13,41,.94);display:grid;place-items:center;text-align:center}.fatal-state>div{max-width:440px;padding:26px}.fatal-state h1{font-size:28px}.fatal-state p{color:#b7c6e9;line-height:1.6}
@keyframes grow{from{transform:translateY(2px) scale(.95)}to{transform:translateY(-3px) scale(1.04)}}@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes walk{from{transform:translateY(-2px)}to{transform:translateY(2px)}}@keyframes pour{from{transform:rotate(0)}to{transform:rotate(-7deg)}}@keyframes fx{0%{opacity:0;transform:translateY(4px) scale(.8)}25%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1)}}
@media(max-width:1240px){.layout{grid-template-columns:240px minmax(560px,1fr) 280px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat:last-child{grid-column:1/-1}.topbar{grid-template-columns:auto 1fr auto}.resource{padding:8px 9px;font-size:12px}.plot-grid{left:18.4%;right:15.8%}}
@media(max-width:900px){.app-shell{padding:8px 8px 76px}.topbar{height:auto;grid-template-columns:1fr auto;gap:8px}.brand small{display:none}.top-resources{grid-column:1/-1;justify-content:flex-start;overflow:auto}.resource{flex:0 0 auto}.desktop-panel{display:none}.layout{display:block}.scene-toolbar{min-height:58px}.digital-self-chip{min-width:0;flex:1;padding:6px 8px}.digital-self-chip img{width:40px;height:40px}.digital-self-chip small{display:none}.scene-actions{display:flex}.scene-actions .secondary{padding:9px 11px;font-size:10px}.scene-wrap{border-radius:22px;aspect-ratio:1.35}.plot-grid{left:10%;right:6%;bottom:20.5%;gap:3px}.plot-card{aspect-ratio:1.3;border-radius:8px;padding:2px}.plot-visual{top:16%;height:58%;font-size:18px}.plot-meta,.plot-button{display:none}.character{width:19%;left:40%;top:38%}.scene-status{left:8%;right:8%;bottom:1%;font-size:9px}.action-dock{gap:6px;margin-top:8px}.farm-action{padding:11px 4px;font-size:11px}.main-nav{display:none}.mobile-nav{position:fixed;z-index:30;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:60px;border-radius:19px;background:rgba(9,28,76,.94);border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);overflow:hidden}.mobile-nav button{border:0;background:transparent;color:#9fb2db}.mobile-nav button span{display:block;font-size:9px}.mobile-nav button.active{color:white;background:rgba(69,116,234,.22)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:38}.drawer-backdrop.show{display:block}.mobile-drawer{display:block;position:fixed;left:8px;right:8px;bottom:-90vh;max-height:74vh;z-index:40;border-radius:24px 24px 0 0;background:#0a2059;border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;transition:bottom .25s ease;overflow:auto}.mobile-drawer.open{bottom:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drawer-head strong{font-size:17px}.drawer-head button{border:0;background:rgba(255,255,255,.08);color:white;width:36px;height:36px;border-radius:12px;font-size:22px}.drawer-copy .glass-card{box-shadow:none;background:rgba(255,255,255,.04);margin-bottom:10px}}