:root{color-scheme:dark;--ink:#eef5ff;--muted:#8495ad;--line:rgba(154,182,215,.14);--panel:rgba(15,29,48,.78);--panel-hi:rgba(27,49,75,.8);--cyan:#65e7cf;--gold:#f4c76c;--coral:#ff817c;--violet:#aa8bff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07111f;color:var(--ink);font-family:"DM Sans",sans-serif}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{position:relative;isolation:isolate;max-width:620px;min-height:100vh;margin:auto;padding:18px 16px 104px;background:linear-gradient(180deg,#081522 0%,#091728 42%,#07111f 100%);overflow:hidden}.app-shell:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 80% 8%,rgba(79,131,172,.2),transparent 37%),radial-gradient(ellipse at 14% 42%,rgba(56,116,111,.13),transparent 38%)}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);pointer-events:none}.ambient-one{width:280px;height:230px;right:-130px;top:300px;background:#1c7d76;opacity:.12}.ambient-two{width:200px;height:250px;left:-130px;bottom:180px;background:#7851bf;opacity:.1}.icon-button,.world-select,.bottom-nav button,.sheet-close{border:0;background:none}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(23,43,66,.62);display:grid;place-items:center;color:#adbed2}.icon-button svg,.world-select svg,.bottom-nav svg,.arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar{display:flex;justify-content:space-between;align-items:center}.brand-lockup{display:flex;gap:11px;align-items:center}.brand-mark{width:31px;height:31px;display:flex;align-items:flex-end;gap:3px;padding:5px 6px;border-radius:10px;background:linear-gradient(145deg,#8cf0dd,#3a9f9a);box-shadow:0 5px 18px #46cbb34a}.brand-mark span{display:block;width:4px;border-radius:3px;background:#092235}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:21px}.brand-name{font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:700;letter-spacing:1.35px}.brand-sub{margin-top:2px;color:#748da9;font-size:7px;letter-spacing:1.4px}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:23px 1px 15px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd58a,#ca725e);color:#132033;font-family:"Space Grotesk";font-weight:700;border:2px solid #fbe0a7;box-shadow:0 0 0 4px #d18a6b22}.eyebrow{color:#718aa5;font-size:9px;font-weight:700;letter-spacing:1.25px}.player-name{margin-top:3px;font-family:"Space Grotesk";font-size:15px;font-weight:600}.xp-wrap{width:128px}.xp-label{display:flex;justify-content:space-between;color:#7087a3;font-size:8px;letter-spacing:.6px}.xp-label b{color:#b3c5d9;font-weight:600}.xp-track{height:4px;margin-top:7px;background:#21364d;border-radius:8px;overflow:hidden}.xp-track i{display:block;width:35%;height:100%;border-radius:8px;background:linear-gradient(90deg,#f5c76c,#6ee6d1);box-shadow:0 0 9px #70e2c0}.resource-bar{height:72px;display:flex;align-items:center;justify-content:space-around;padding:0 8px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(120deg,rgba(22,44,67,.82),rgba(12,27,45,.72));box-shadow:0 16px 35px #020b171c}.resource{display:flex;align-items:center;gap:9px;min-width:90px}.resource-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px}.resource-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.coin-icon{color:#f4ca73;background:#f4ca7317}.bolt-icon{color:#68e4d1;background:#68e4d117}.shield-icon{color:#a88fff;background:#a88fff17}.resource small,.intel-card small{display:block;color:#6f86a0;font-size:8px;font-weight:600;letter-spacing:.9px}.resource b{display:block;margin-top:2px;font-family:"Space Grotesk";font-size:14px;letter-spacing:.2px}.resource-divider{width:1px;height:25px;background:var(--line)}.world-card{margin-top:15px;padding:15px 13px 12px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,rgba(20,42,64,.84),rgba(10,25,43,.91));box-shadow:0 25px 60px #020b163b;overflow:hidden}.world-top{display:flex;align-items:center;justify-content:space-between;padding:0 3px 12px}.world-top h1{margin:4px 0 0;font-family:"Space Grotesk";font-size:22px;letter-spacing:-.7px}.live-dot{display:inline-block;width:5px;height:5px;margin:0 3px 1px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.world-select{display:flex;align-items:center;gap:4px;padding:8px 5px;color:#a8bdd3;font-size:9px;letter-spacing:.8px}.world-select svg{width:12px;height:12px}.scene{position:relative;height:300px;border-radius:15px;overflow:hidden;background:#0b2238}.scene:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(0deg,#06132199,transparent);pointer-events:none}.island-art{position:absolute;width:100%;height:100%;inset:0}.scene-stars i{position:absolute;z-index:1;width:2px;height:2px;border-radius:50%;background:#c5f9ec;box-shadow:0 0 8px #a3f6e1;animation:twinkle 2.8s ease-in-out infinite}.scene-stars i:nth-child(1){left:13%;top:20%}.scene-stars i:nth-child(2){left:28%;top:10%;animation-delay:.9s}.scene-stars i:nth-child(3){left:77%;top:26%;animation-delay:1.4s}.scene-stars i:nth-child(4){left:86%;top:14%;animation-delay:1.9s}.scene-stars i:nth-child(5){left:61%;top:11%;animation-delay:.4s}.sun-glow{position:absolute;z-index:0;width:180px;height:180px;right:13%;top:-100px;border-radius:50%;background:#e78b7540;filter:blur(16px)}.cloud{position:absolute;z-index:1;width:44px;height:9px;border-radius:20px;background:#b4e2df18;filter:blur(1px);animation:cloud-drift 18s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:18px;height:18px;left:8px;bottom:0}.cloud:after{width:24px;height:24px;left:19px;bottom:0}.cloud-a{left:7%;top:30%;animation-delay:-5s}.cloud-b{right:8%;top:44%;transform:scale(.65);animation-delay:-13s}.wave{fill:none;stroke:#55c6be55;stroke-width:2;stroke-dasharray:14 12;animation:water-flow 9s linear infinite}.wave-two{animation-delay:-3s;opacity:.45}.building-group{transform-origin:center;animation:building-breathe 4s ease-in-out infinite}.tower-building{animation-delay:-1.4s}.park-building{animation-delay:-2.3s}.balloon{animation:balloon-float 4.5s ease-in-out infinite;transform-origin:530px 72px}.car{animation:car-drive 10s linear infinite}.scene-tag{position:absolute;z-index:3;top:13px;left:13px;display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid #8fe9cf28;border-radius:10px;background:#102c3bd9;backdrop-filter:blur(8px)}.tag-pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #65e7cf1c,0 0 10px var(--cyan);animation:pulse 1.8s infinite}.scene-tag b{display:block;color:#cdf8e9;font-size:8px;letter-spacing:.7px}.scene-tag small{display:block;margin-top:2px;color:#76a89f;font-size:8px}.expand-node{position:absolute;z-index:3;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d9e5bb85;border-radius:50%;background:#acd98bdb;color:#173a48;font-size:20px;line-height:1;box-shadow:0 4px 13px #06131d88;animation:node-pulse 2.4s infinite}.node-a{left:18%;bottom:28%}.node-b{right:16%;bottom:19%;animation-delay:1.2s}.scene-footer{position:absolute;z-index:3;bottom:10px;left:13px;right:13px;display:flex;justify-content:space-between;color:#6f8ba5;font-size:8px;letter-spacing:.7px}.scene-footer b{margin-left:4px;color:#d3e5ec;font-size:9px}.world-progress{display:grid;grid-template-columns:1fr auto;grid-template-rows:13px 13px;column-gap:10px;align-items:center;margin:12px 3px 0}.world-progress>span{display:block;height:5px;grid-row:1/3;border-radius:5px;background:#1d3c51;overflow:hidden}.world-progress>span i{display:block;width:62%;height:100%;background:linear-gradient(90deg,#4db9a6,#efc373);border-radius:5px}.world-progress b{font-size:10px;color:#e4c779}.world-progress small{font-size:8px;color:#657e99;letter-spacing:.2px}.command-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:13px}.spin-card{position:relative;display:flex;align-items:center;gap:11px;min-height:87px;padding:13px;border:1px solid #76ddc72e;border-radius:17px;background:linear-gradient(130deg,#173f4c,#122e44);text-align:left;overflow:hidden}.spin-card:after{content:"";position:absolute;width:120px;height:120px;right:-54px;top:-50px;border-radius:50%;background:#67dbc524;filter:blur(10px)}.spin-ring{position:relative;flex:none;width:49px;height:49px;padding:5px;border:1px dashed #65e7cf80;border-radius:50%;animation:slow-spin 14s linear infinite}.spin-ring:before,.spin-ring:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);top:2px;left:20px}.spin-ring:after{top:auto;left:auto;bottom:2px;right:5px;background:var(--cyan)}.spin-core{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#8ce9d2,#338f91);box-shadow:0 0 20px #55ddc34f}.spin-core svg{width:18px;height:18px;fill:none;stroke:#09283a;stroke-width:2}.spin-copy{position:relative;z-index:1}.spin-copy strong{display:block;margin-top:5px;color:#eafcf5;font-family:"Space Grotesk";font-size:13px;letter-spacing:.2px}.spin-copy small{display:block;margin-top:4px;color:#82a6aa;font-size:9px}.arrow{position:relative;z-index:1;margin-left:auto;color:#6cafa9}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);text-align:left}.quick-actions b{margin-top:8px;font-family:"Space Grotesk";font-size:11px}.quick-actions small{margin-top:2px;color:#7189a2;font-size:9px}.quick-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-family:"Space Grotesk";font-size:20px}.upgrade-icon{background:#f2c7761b;color:var(--gold)}.raid-icon{background:#ff817c1b;color:var(--coral)}.raid-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}.intel-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.intel-card{display:flex;align-items:center;gap:8px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:14px;background:#0d2034aa}.intel-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:16px}.intel-icon.green{color:var(--cyan);background:#65e7cf15}.intel-icon.purple{color:var(--violet);background:#aa8bff15}.intel-card b{display:block;margin-top:3px;font-family:"Space Grotesk";font-size:12px}.intel-card>span{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:.4px}.positive{color:var(--cyan)}.muted{color:#7087a0}.bottom-nav{position:fixed;z-index:20;right:0;bottom:0;left:0;display:flex;justify-content:space-around;max-width:620px;margin:auto;padding:9px 13px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #aac7dd13;background:#081522e8;backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;color:#607a94}.bottom-nav button.active{color:var(--cyan)}.bottom-nav svg{width:19px;height:19px}.bottom-nav small{font-size:8px;letter-spacing:.3px}.nav-glyph{position:relative;width:19px;height:17px;border:1.5px solid currentColor;border-top:0;border-radius:3px}.home-glyph:before{content:"";position:absolute;left:2px;top:-6px;width:11px;height:11px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;transform:rotate(45deg)}.toast{position:fixed;z-index:50;right:16px;bottom:90px;left:16px;max-width:400px;margin:auto;padding:12px 15px;border:1px solid #95b7c72c;border-radius:13px;background:#e7f4f1;color:#102438;font-size:12px;font-weight:700;text-align:center;box-shadow:0 12px 35px #0008;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease}.toast.visible{opacity:1;transform:none}.sheet-backdrop{position:fixed;z-index:30;inset:0;background:#020a14aa;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.25s}.sheet-backdrop.visible{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;z-index:40;right:0;bottom:0;left:0;max-width:620px;margin:auto;padding:27px 19px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;background:#10243a;box-shadow:0 -20px 60px #0009;transform:translateY(105%);transition:.3s cubic-bezier(.2,.8,.2,1)}.bottom-sheet.visible{transform:none}.sheet-close{position:absolute;top:12px;right:15px;color:#91a8bb;font-size:25px}.sheet-title{margin:4px 0 5px;font-family:"Space Grotesk";font-size:21px}.sheet-subtitle{margin:0 0 16px;color:#849bb1;font-size:12px}.sheet-list{display:grid;gap:8px}.sheet-item{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0b1a2c}.sheet-item b{font-size:12px}.sheet-item small{display:block;margin-top:3px;color:#7d96ae;font-size:10px}.sheet-item strong{color:var(--gold);font-family:"Space Grotesk";font-size:13px}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}@keyframes cloud-drift{0%{margin-left:-12px;opacity:0}15%,80%{opacity:.7}100%{margin-left:42px;opacity:0}}@keyframes water-flow{to{stroke-dashoffset:-130}}@keyframes building-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes balloon-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes car-drive{0%{transform:translateX(-80px)}35%,100%{transform:translateX(260px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px #65e7cf18,0 0 7px var(--cyan)}50%{box-shadow:0 0 0 7px #65e7cf08,0 0 16px var(--cyan)}}@keyframes node-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 4px 18px #9fe27b66}}@keyframes slow-spin{to{transform:rotate(360deg)}}@media(min-width:621px){.app-shell{margin-top:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:25px;min-height:calc(100vh - 36px);box-shadow:0 20px 80px #0008}.bottom-nav{border-radius:0 0 25px 25px}}@media(max-width:390px){.app-shell{padding-right:11px;padding-left:11px}.world-card{padding-right:10px;padding-left:10px}.scene{height:278px}.resource{min-width:0}.resource-bar{padding:0 4px}.resource b{font-size:13px}.command-grid{grid-template-columns:1fr}.quick-actions{height:73px}.intel-row{display:none}.brand-sub{display:none}}
.spin-card.is-spinning .spin-ring{animation-duration:.7s}.spin-card.is-spinning .spin-core{animation:spin-pop .7s ease both}.spin-card.is-spinning{border-color:#8ae9d880;box-shadow:0 0 0 4px #65e7cf12,0 12px 35px #65e7cf22}@keyframes spin-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}