:root{--bg:#060d20;--panel:#0b1836;--line:#1f3b7a;--line-soft:#172d5e;--line-hi:#2f58b8;--text:#eaf0ff;--muted:#93a3c9;--dim:#6477a3;--blue:#1f4dff;--blue-2:#2f62ff;--blue-hi:#5b8cff;--gold:#f6bb2f;--gold-2:#ffd766;--green:#36d07a;--red:#ef4444;--radius:10px;--radius-sm:7px;--shadow:0 18px 50px #0004148c;--font-display:"Pixelify Sans", "Trebuchet MS", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--topbar-h:76px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;font-size:14px;line-height:1.4;overflow:hidden}img{max-width:100%;display:block}.px,img.px{image-rendering:pixelated}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--blue-hi);outline-offset:2px}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}.muted{color:var(--muted)}.dim{color:var(--dim)}.hidden{display:none!important}.r-blue{color:var(--blue-hi)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.btn{border-radius:var(--radius-sm);border:1px solid var(--line);white-space:nowrap;height:40px;transition:transform .12s var(--ease-out), border-color .15s, background .15s, box-shadow .15s;background:linear-gradient(#11224a,#0c1a3a);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--line-hi);background:linear-gradient(#152a5a,#0f2046)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45}.btn img{width:20px;height:20px}.btn-primary{background:linear-gradient(#3566ff,#1d45f0);border-color:#5b86ff;box-shadow:inset 0 1px #ffffff38,0 6px 18px #1f4dff59}.btn-primary:hover:not(:disabled){background:linear-gradient(#4574ff,#2552ff);border-color:#86a6ff}.btn-gold{color:#2a1a00;background:linear-gradient(#ffcf4d,#e9a514);border-color:#ffe08a;box-shadow:inset 0 1px #fff6,0 6px 18px #f6bb2f4d}.btn-gold:hover:not(:disabled){background:linear-gradient(#ffd966,#f3b31f)}.btn-danger{color:#ffd1d1}.btn-danger:hover:not(:disabled){border-color:#b33a3a}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-lg{height:48px;padding:0 22px;font-size:15px}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--line-soft);width:40px;height:40px;color:var(--muted);place-items:center;transition:all .15s;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-hi);background:#ffffff0a}.icon-btn svg{width:20px;height:20px}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0a;background:linear-gradient(#0e1e42f7,#09142ef7)}.card{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#0d1c3eb3}.chip{color:#a9c1ff;background:#5b8cff1f;border:1px solid #5b8cff59;border-radius:5px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.chip svg{width:12px;height:12px}.section-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.bar{background:#1a2a52;border-radius:7px;height:7px;overflow:hidden}.bar>i{border-radius:inherit;width:0;height:100%;transition:width .5s var(--ease-out);background:linear-gradient(90deg,#22b35e,#4be08d);display:block}.bar.blue>i{background:linear-gradient(90deg,#2f62ff,#5b8cff)}.bar.green>i{background:linear-gradient(90deg,#22b35e,#4be08d)}.delta{font-size:13px;font-weight:700}.delta.up{color:var(--green)}.delta.down{color:#ff7b7b}.kbd-hint{color:var(--dim);font-size:11px}.empty{text-align:center;color:var(--muted);padding:30px 10px;font-size:13px}.big-num{font-size:20px;font-weight:700}.logo{background:color-mix(in srgb, var(--brand) 18%, #0b1836);border:1px solid color-mix(in srgb, var(--brand) 55%, #0b1836);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.logo img{filter:brightness(0)invert();opacity:.95;width:68%;height:68%}.logo.sm{width:42px;height:42px}.logo.tiny{border-radius:4px;width:18px;height:18px}.logo.plain{width:44px;height:44px}.topbar{height:var(--topbar-h);z-index:50;border-bottom:1px solid var(--line-soft);background:linear-gradient(#0a1633,#07102a);align-items:center;gap:24px;padding:0 20px 0 24px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 8px 30px #00000059}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{flex:none;width:50px;height:50px}.brand b{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1;display:block}.brand small{letter-spacing:.32em;color:var(--muted);margin-top:6px;font-size:10px;font-weight:600;display:block}.main-nav{gap:6px;margin-left:40px;display:flex}.nav-btn{color:#d2dcf5;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;height:46px;padding:0 18px 0 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-btn img{object-fit:contain;flex:none;width:28px;height:28px}.nav-btn:hover{color:#fff;background:#ffffff0a}.nav-btn.active{color:#fff;background:linear-gradient(#16306e,#102559);border-color:#3a64d8}.nav-btn .dot{background:var(--gold);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px;box-shadow:0 0 0 3px #f6bb2f33}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.wallet-btn{border-color:#d8a849;gap:8px;height:46px;padding:0 14px;font-size:14px}.wallet-btn svg{color:#f2c864;width:18px;height:18px}.wallet-btn.on{background:linear-gradient(#0f2e2a,#0b1f24);border-color:#36d07a99}.wb-dot{background:var(--green);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 8px #36d07acc}.wb-dot.busy{background:var(--gold);animation:1s infinite alternate pulse;box-shadow:0 0 8px #f6bb2fcc}@keyframes pulse{to{box-shadow:0 0 0 9px #36d07a00}}.wallet-btn[hidden]{display:none}a.btn{color:var(--text);text-decoration:none}@media (width<=760px){.wallet-btn{height:42px;padding:0 11px}.wallet-btn .wb-txt,.arena-open .wallet-btn{display:none}}.profile{border:1px solid var(--line-soft);border-radius:9px;align-items:center;gap:12px;min-width:180px;height:54px;padding:0 18px 0 8px;transition:border-color .15s;display:flex}.profile:hover{border-color:var(--line-hi)}.avatar{background:radial-gradient(circle at 50% 35%,#2c4f9e,#13275a);border:2px solid #3a64d8;border-radius:50%;flex:none;width:40px;height:40px;overflow:hidden}.avatar img{width:165%;max-width:none;height:165%;transform:translate(-20%,-8%)}.profile-info{text-align:left;flex:1}.profile-info b{font-size:13px;display:block}.profile-info>span{color:var(--muted);font-size:11px;display:block}.profile .bar{width:110px;height:4px;margin-top:5px;display:block}.profile .bar>i{background:linear-gradient(90deg,#2f62ff,#5b8cff);display:block}.wallet{border:1px solid var(--line-soft);border-radius:9px;align-items:center;gap:14px;height:54px;padding:0 16px;display:flex}.wallet span{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.wallet img{flex:none;width:24px;height:24px}.wallet .bump{animation:bump .45s var(--ease-spring)}@keyframes bump{40%{color:var(--gold-2);transform:scale(1.25)}}.view{inset:var(--topbar-h) 0 0 0;position:fixed}#world{cursor:grab;touch-action:none;background:#0c2340;overflow:hidden}#world.dragging{cursor:grabbing}.map-stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.map-stage>.map-img{pointer-events:none;max-width:none}.avatar-token{pointer-events:none;z-index:5;width:58px;height:58px;margin:-54px 0 0 -29px;position:absolute}.avatar-token img{filter:drop-shadow(0 4px 3px #00000073);width:100%;height:100%}.avatar-token.walking img{animation:.32s ease-in-out infinite alternate hop}.avatar-token.flip img{transform:scaleX(-1)}@keyframes hop{to{translate:0 -5px}}.path-dot{z-index:4;width:10px;height:10px;animation:dotIn .3s var(--ease-spring) both;background:#fff;border:3px solid #1d45f0;border-radius:50%;margin:-5px 0 0 -5px;position:absolute}@keyframes dotIn{0%{transform:scale(0)}}.pin{z-index:6;cursor:pointer;position:absolute;transform:translate(-50%,-100%)}.pin.locked{opacity:0;pointer-events:none;transition:opacity .18s}.pin.locked.show{opacity:1;pointer-events:auto}#world.over-site{cursor:pointer}.pin-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:176px;transition:transform .18s var(--ease-spring), border-color .15s, box-shadow .15s;background:#08122cf0;border:1px solid #2a4ea8;border-radius:10px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex;position:relative;box-shadow:0 10px 24px #00001480}.pin-box:after{content:"";background:inherit;border-bottom:1px solid #2a4ea8;border-right:1px solid #2a4ea8;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.pin:hover .pin-box,.pin.active .pin-box{border-color:color-mix(in srgb, var(--brand,#6d95ff) 70%, #fff 0%);transform:translateY(-4px)scale(1.03)}.pin.active .pin-box{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand,#5b8cff) 45%, transparent), 0 10px 24px #00001480}.pin-text b{letter-spacing:.02em;font-size:14px;font-weight:700;display:block}.pin-text small{color:#c3cfee;font-size:11px;display:block}.pin-line{color:var(--muted);align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}.pin-line .pl{color:#c7d2ee;place-items:center;width:12px;height:12px;display:grid}.pin-line .pl svg{width:12px;height:12px}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot.ok{background:var(--green);box-shadow:0 0 8px #36d07acc}.dot.ready{background:var(--green);animation:1.2s infinite pulse}.dot.avail{background:#cbd5e1}.dot.locked{background:#64748b}.dot.quest{background:var(--gold)}.pin.locked .pin-box{filter:saturate(.5);opacity:.95}.pin-badge{background:var(--green);color:#032212;border:2px solid #07102a;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;animation:1.4s infinite bump;display:grid;position:absolute;top:-9px;right:-9px}.pin.town .town-box{background:#08122cf5;min-width:0;padding:10px 16px}.pin.town .pin-text b{font-family:var(--font-display);letter-spacing:.06em;font-size:15px}.map-controls{z-index:20;transition:right .38s var(--ease-out);flex-direction:column;gap:6px;display:flex;position:absolute;bottom:18px;right:18px}.map-controls .icon-btn{border-color:var(--line);color:#dbe5ff;background:#08122ce6}.panel-open .map-controls{right:588px}.quest-card{left:16px;top:calc(var(--topbar-h) + 16px);z-index:20;text-align:left;gap:12px;width:330px;padding:14px;transition:border-color .15s,transform .15s;display:flex;position:fixed}.quest-card:hover{border-color:var(--line-hi);transform:translateY(-2px)}.quest-card img{width:40px;height:40px}.qc-body{flex:1;min-width:0}.qc-body small{color:var(--gold-2);letter-spacing:.04em;font-size:11px;font-weight:700}.qc-body b{margin:2px 0;font-size:15px;display:block}.qc-sub{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.quest-card.complete{border-color:var(--green);box-shadow:0 0 0 3px #36d07a33, var(--shadow)}.map-lock{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.map-fx,.map-shade{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.clouds{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.cloud{filter:blur(1px);background:radial-gradient(at 30% 60%,#fff 0 38%,#0000 40%),radial-gradient(at 60% 45%,#fff 0 42%,#0000 44%),radial-gradient(at 80% 65%,#fff 0 30%,#0000 32%);border-radius:60px;width:260px;height:90px;animation:linear infinite drift;position:absolute}@keyframes drift{0%{transform:translate(-320px)}to{transform:translate(2640px)}}.zone-ring{z-index:1;pointer-events:none;opacity:0;transition:opacity .45s var(--ease-out);border:3px dashed #ffffffeb;border-radius:50%;position:absolute;box-shadow:0 0 34px #fff6c88c,inset 0 0 46px #fff5be2e}.zone-ring.on{opacity:1;animation:64s linear infinite ringSpin}.zone-ring.owned{opacity:.32;border-style:dotted;border-color:#78ffaabf;box-shadow:0 0 20px #36d07a59}@keyframes ringSpin{to{transform:rotate(360deg)}}.zone-ring{display:none}.side-panel{top:calc(var(--topbar-h) + 18px);z-index:30;width:556px;transition:transform .38s var(--ease-out);flex-direction:column;display:flex;position:fixed;bottom:16px;right:16px;overflow:hidden;transform:translate(calc(100% + 40px))}.side-panel.open{transform:none}.sp-head{align-items:center;gap:14px;padding:18px 20px 6px;display:flex}.sp-logo{background:color-mix(in srgb, var(--brand) 20%, #0b1836);border:1px solid color-mix(in srgb, var(--brand) 60%, #0b1836);border-radius:12px;flex:none;place-items:center;width:62px;height:62px;display:grid}.sp-logo img{filter:brightness(0)invert();width:62%;height:62%}.sp-id h2{font-family:var(--font-display);font-size:27px;line-height:1.1}.sp-id .tick{color:var(--muted);font-size:20px}.sp-id p{color:#c3cfee;margin-top:2px;font-size:14px}.sp-close{align-self:flex-start;margin-left:auto}.sp-sub{padding:0 20px}.terr{height:28px;color:var(--muted);border:1px solid var(--line-soft);background:#ffffff0a;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.terr.on{color:#8ff0b0;background:#36d07a1f;border-color:#36d07a73}.terr svg{width:13px;height:13px}.sp-tag{color:#c3cfee;padding:10px 20px 0;font-size:14px}.price-row{justify-content:space-between;align-items:center;gap:16px;padding:12px 20px 0;display:flex}.price-row .price{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.price-row small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.spark-wrap{width:160px;height:46px}.spark{width:100%;height:100%}.buy-row{gap:10px;padding:14px 20px 0;display:flex}.buy-row .btn:first-child{flex:1}.tabs{gap:6px;padding:14px 16px 12px;display:flex}.tab{border:1px solid var(--line-soft);color:#cfdaf5;background:#0d1c3e99;border-radius:7px;flex:1;height:40px;padding:0 10px;font-size:13px;font-weight:500;transition:all .15s}.tab:hover{border-color:var(--line-hi);color:#fff}.tab.active{color:#fff;background:linear-gradient(#2350e8,#1b3fc4);border-color:#6d95ff;font-weight:600}.sp-body{flex:1;padding:0 16px 18px;overflow-y:auto}.sp-body>*+*{margin-top:14px}.hold-card{justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.hold-main{align-items:center;gap:12px;display:flex}.hold-main b{font-size:20px;font-weight:700;display:block}.hold-main small{color:var(--muted);font-size:12px}.hold-side{text-align:right}.hold-side small{color:var(--muted);font-size:11px;display:block}.hold-side b{font-size:16px}.stat-card{gap:16px;padding:14px;display:grid}.stat-row{grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.stat-row .si{color:#9fc0ff;background:#5b8cff24;border:1px solid #5b8cff59;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.stat-row .si svg{width:18px;height:18px}.sr-top{justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:14px;display:flex}.sr-top span{color:#c3cfee;font-variant-numeric:tabular-nums;font-size:13px}.stat-row small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.prod-card{padding:14px}.prod-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.prod-head small{color:var(--muted);font-size:11px;display:block}.prod-head b{font-size:16px}.ready-count{color:var(--muted);font-size:12px;font-weight:700}.ready-count.on{color:#8ff0b0}.slots{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-bottom:12px;display:grid}.slot{aspect-ratio:1.25;border:1px dashed var(--line);background:#ffffff08;border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.slot img{opacity:.12;filter:grayscale();width:78%;transition:opacity .3s,filter .3s,transform .3s}.slot.filled{background:#36d07a1a;border-style:solid;border-color:#36d07a99}.slot.filled img{opacity:1;filter:none;animation:slotIn .45s var(--ease-spring) both;animation-delay:calc(var(--i) * 40ms)}@keyframes slotIn{0%{opacity:0;transform:scale(.4)translateY(10px)}}.slot.more{color:var(--muted);border-style:solid;font-size:15px;font-weight:700}.bonus-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bonus-list li{color:#d5deff;border:1px solid var(--line-soft);background:#0d1c3e99;border-radius:8px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;display:flex}.bonus-list .bi{color:#9fc0ff;flex:none;place-items:center;width:22px;height:22px;display:grid}.bonus-list .bi svg{width:18px;height:18px}.claim-card{text-align:center;padding:22px}.claim-ic{background:color-mix(in srgb, var(--brand) 20%, #0b1836);border:1px solid color-mix(in srgb, var(--brand) 60%, #0b1836);border-radius:18px;place-items:center;width:84px;height:84px;margin:0 auto 14px;display:grid}.claim-ic img{filter:brightness(0)invert();width:58%}.claim-card h3{font-family:var(--font-display);font-size:22px}.claim-card p{color:#c3cfee;margin:8px 0 14px;font-size:13px}.claim-row{background:#ffffff0a;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:12px 14px;font-size:14px;display:flex}.claim-card small{margin-top:10px;display:block}.up-card{padding:16px}.up-top{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.up-top small{color:var(--muted);font-size:11px;display:block}.up-top b{margin:2px 0;font-size:18px;display:block}.up-top span{color:#c3cfee;font-size:11px}.up-arrow{color:var(--blue-hi)}.pips{justify-content:center;gap:6px;margin:16px 0;display:flex}.pips i{background:#24345c;border-radius:4px;width:34px;height:7px}.pips i.on{background:linear-gradient(90deg,#2f62ff,#5b8cff)}.reqs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.req{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.req img{width:17px;height:17px}.req.ok{color:#9ff0c0}.req.miss{color:#ff9b9b;border-color:#ef444466}.about-card{text-align:center;padding:18px}.about-logo{background:color-mix(in srgb, var(--brand) 20%, #0b1836);border:1px solid color-mix(in srgb, var(--brand) 60%, #0b1836);border-radius:16px;place-items:center;width:74px;height:74px;margin:0 auto 12px;display:grid}.about-logo img{filter:brightness(0)invert();width:56%}.about-card h3{font-family:var(--font-display);font-size:20px}.about-card p{color:#c3cfee;margin-top:8px;font-size:13px}.kv{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kv .card{padding:12px 14px}.kv small{color:var(--muted);font-size:11px;display:block}.kv b{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:4px;font-size:18px;display:flex}.kv b img{width:19px;height:19px}.row-item{grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.row-item .thumb{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#1f3a78,#0d1c40);border-radius:9px;place-items:center;width:56px;height:56px;display:grid}.row-item .thumb img{width:44px;height:44px}.row-item h4{font-size:14px}.row-item p{color:var(--muted);margin-top:3px;font-size:12px}.side-panel{--gl:#d8a849;--gl-soft:#d8a84961;--gl-dim:#d8a84933;box-shadow:var(--shadow), inset 0 0 0 1px #ffd6782e, inset 0 0 0 4px #040a1ce6, inset 0 0 0 5px var(--gl-dim);background:linear-gradient(#0c1a3c,#081330 60%,#071029);border:2px solid #8e6a2a}.side-panel:before,.sp-sec:before{content:"";pointer-events:none;z-index:3;--c:var(--gl);--l:14px;--t:2px;background:linear-gradient(var(--c), var(--c)) top left / var(--l) var(--t) no-repeat, linear-gradient(var(--c), var(--c)) top left / var(--t) var(--l) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--l) var(--t) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--t) var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--t) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--t) var(--l) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--t) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--t) var(--l) no-repeat;position:absolute}.side-panel:before{--l:22px;--t:3px;inset:3px}.sp-hero{border-bottom:1px solid var(--gl-soft);background:radial-gradient(120% 90% at 85% 0,#28468c59,#0000 60%);flex:none;padding-bottom:4px;position:relative}.sp-art{z-index:0;pointer-events:none;width:64%;height:210px;image-rendering:pixelated;opacity:.95;-webkit-mask-composite:source-in;background-repeat:no-repeat;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 42%),linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 42%),linear-gradient(#000 55%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.sp-hero>:not(.sp-art){z-index:1;position:relative}.side-panel .sp-head{align-items:flex-start;padding:20px 20px 4px}.side-panel .sp-logo{border:2px solid color-mix(in srgb, var(--brand) 70%, #fff 0%);background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 45%, #0b1836), color-mix(in srgb, var(--brand) 20%, #050b1e));border-radius:10px;width:66px;height:66px;box-shadow:0 0 0 1px #00000080,0 6px 16px #00000073}.side-panel .sp-id h2{text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px #0009,0 0 18px #0009;font-size:28px}.side-panel .sp-id .tick{color:#c3cfee;text-transform:none;font-size:19px}.side-panel .sp-id p{text-shadow:0 1px 4px #000c}.side-panel .terr{background:#060e22cc;height:26px;margin-top:8px;padding:0 10px}.side-panel .terr.on{color:#8ff0b0;background:#0c3220d9;border-color:#36d07a8c}.side-panel .terr img{width:15px;height:15px}.side-panel .sp-close{border:1px solid var(--gl-soft);color:#f2d9a0;background:#060e22bf}.side-panel .sp-close:hover{border-color:var(--gl);color:#fff}.side-panel .sp-tag,.side-panel .price-row small{text-shadow:0 1px 4px #000000d9}.side-panel .price-row .price{text-shadow:0 2px #00000080;font-size:32px}.side-panel .buy-row{padding-bottom:14px}.side-panel .btn-primary{border:1px solid #9fb9ff;box-shadow:inset 0 1px #ffffff40,0 0 0 1px #0a143ccc,0 6px 18px #1f4dff59}.btn-sell{color:#fff;border:1px solid var(--gl,#d8a849);background:linear-gradient(#9a2626,#6a1414);min-width:150px;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #280606cc,0 6px 18px #9a26264d}.btn-sell:hover:not(:disabled){background:linear-gradient(#ad2d2d,#7a1818);border-color:#f0c870}.btn-sell img{width:22px;height:22px}.side-panel .tabs{border-bottom:1px solid var(--gl-dim);gap:7px;padding:12px 14px}.side-panel .tab{color:#d6def4;background:linear-gradient(#0f1f46,#0a1634);border-color:#d8a84938;justify-content:center;align-items:center;gap:7px;height:42px;display:inline-flex}.side-panel .tab:hover{border-color:var(--gl-soft)}.side-panel .tab.active{border:1px solid var(--gl);background:linear-gradient(#1b3a8a,#122a66);box-shadow:inset 0 0 0 1px #ffdc8c40,0 0 12px #d8a84940}.tab-ic{width:18px;height:18px;color:var(--gl,#d8a849);flex:none;place-items:center;font-style:normal;display:grid}.tab-ic img{width:18px;height:18px}.tab-ic svg{width:17px;height:17px}.tab[data-tab=upgrades] .tab-ic{color:#6fa8ff}.tab[data-tab=about] .tab-ic{color:#c9d4f0}.side-panel .sp-body{padding:14px 14px 18px}.sp-sec{border:1px solid var(--gl-soft);background:linear-gradient(#0e1e44d9,#091430d9);border-radius:6px;padding:0 12px 12px;position:relative}.sp-sec:before{--l:10px;inset:-1px}.sp-sec>header{border-bottom:1px solid var(--gl-dim);background:linear-gradient(90deg,#d8a8491f,#0000 70%);justify-content:space-between;align-items:center;gap:8px;margin:0 -12px 12px;padding:9px 12px;display:flex}.sp-sec>header>span{font-family:var(--font-display);color:#f2c864;letter-spacing:.02em;text-shadow:0 1px #0009;font-size:15px}.sp-sec>header em{color:#c3cfee;font-size:13px;font-style:normal}.sp-sec>header em b{color:#fff}@media (width<=600px){.side-panel .tabs{gap:5px;padding:10px}.side-panel .tab{gap:4px;min-width:0;padding:0 4px;font-size:12px}.tab-ic,.tab-ic img,.tab-ic svg{width:14px;height:14px}}.side-panel .card{background:#0a1634d9;border-color:#d8a84940}.sp-sec .hold-card,.sp-sec .stat-card{padding:0}.hold-av{flex:none;width:46px;height:46px}.side-panel .stat-row .si{color:#e8eeff;background:linear-gradient(#16306e,#0d1f4c);border-color:#d8a84966;border-radius:6px}.sp-sec.prod-card{padding:0 12px 12px}.side-panel .prod-head{justify-content:flex-start;gap:12px}.prod-thumb{background:radial-gradient(circle at 50% 40%,#1f3a78,#0b1838);border:1px solid #d8a8494d;border-radius:6px;flex:none;place-items:center;width:64px;height:50px;display:grid}.prod-thumb img{width:54px}.side-panel .bonus-list li{background:#0a1634cc;border:1px solid #d8a8492e}.side-panel .claim-card,.side-panel .about-card{border-color:var(--gl-soft)}.arena-view{inset:var(--topbar-h) 0 0 0;z-index:60;opacity:0;transition:opacity .25s, transform .25s var(--ease-out);background:#050b1e;border-top:2px solid #8e6a2a;flex-direction:column;display:flex;position:fixed;transform:translateY(12px)}.arena-view.open{opacity:1;transform:none}.tb-arena{border-left:1px solid #d8a84959;flex:1;align-items:center;gap:12px;min-width:0;margin:0 14px 0 22px;padding-left:18px;animation:.25s fadeIn;display:flex}.tb-back{border-color:#d8a849;flex:none;height:42px}.tb-back svg{width:16px;height:16px}.ab-title{min-width:0}.ab-title b{font-family:var(--font-display);color:#f2c864;text-shadow:0 2px #00000080;font-size:21px;line-height:1.1;display:block}.ab-title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.tb-arena.live .ab-title small{color:#ffd766}.ab-stakes{align-items:center;gap:8px;margin-left:auto;display:flex}.ab-chip{white-space:nowrap;font-variant-numeric:tabular-nums;background:#060e22cc;border:1px solid #d8a84959;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.ab-chip img{width:20px;height:20px}.ab-chip em{color:var(--muted);font-size:12px;font-style:normal;font-weight:500}.ab-chip.fee{color:#ffb4b4}.ab-chip.win{color:#8ff0b0;border-color:#36d07a80}.ab-chip.rec{color:#c3cfee;font-weight:500}.ab-chip.rec b{color:#fff}.tb-help{width:38px;height:38px;font-family:var(--font-display);color:#f2c864;border-color:#d8a84980;flex:none;font-size:20px}.arena-open .main-nav{display:none}.arena-stage{flex:1;min-height:0;position:relative}.arena-frame{background:#050b1e;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.arena-result{z-index:2;cursor:pointer;text-align:center;width:max-content;max-width:92%;animation:popIn .45s var(--ease-spring) both;background:linear-gradient(#13245a,#0a1634);border:2px solid #d8a849;border-radius:12px;margin:0 auto;padding:20px 44px;position:absolute;top:22%;left:0;right:0;box-shadow:0 0 0 4px #040a1cd9,0 20px 60px #0009}.arena-result b{font-family:var(--font-display);color:#ffd766;text-shadow:0 3px #00000080;font-size:40px;line-height:1.1;display:block}.arena-result span{color:#eaf0ff;margin-top:6px;font-size:15px;font-weight:600;display:block}.arena-result.win{border-color:#ffd766;box-shadow:0 0 0 4px #040a1cd9,0 0 40px #ffd76673,0 20px 60px #0009}.arena-result.loss{border-color:#b33a3a}.arena-result.loss b{color:#ff8f8f}.arena-result.draw b{color:#c3cfee}.arena-result[hidden]{display:none}.arena-open .toasts{top:calc(var(--topbar-h) + 14px)}.arena-help-steps{gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.arena-help-steps li{background:#0a1634d9;border:1px solid #d8a8494d;border-radius:10px;grid-template-columns:30px 56px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.ah-num{width:30px;height:30px;font-family:var(--font-display);color:#2a1a00;background:linear-gradient(#ffcf4d,#e9a514);border-radius:50%;place-items:center;font-size:17px;display:grid}.ah-ic{background:radial-gradient(circle at 50% 40%,#1f3a78,#0b1838);border-radius:10px;place-items:center;width:56px;height:56px;display:grid}.ah-ic img{width:44px;height:44px}.arena-help-steps b{font-size:16px}.arena-help-steps li>div>b{color:#f2c864;margin-bottom:3px;display:block}.arena-help-steps p{color:#d5deff;font-size:14px;line-height:1.45}.c-you{color:#7cc4ff}.c-rival{color:#ffb45e}.arena-help-tip{color:var(--muted);text-align:center;margin-bottom:14px;font-size:13px}@media (width<=1100px){.ab-chip em,.ab-chip.rec{display:none}}@media (width<=760px){.arena-open .profile{display:none}.tb-arena{gap:6px;margin:0 6px;padding-left:8px}.ab-title small{display:none}}@media (width<=600px){.ab-title,.ab-chip.win,.tb-back span{display:none}.tb-back{height:38px;padding:0 10px}.ab-chip{height:30px;padding:0 8px;font-size:13px}.ab-chip img{width:16px;height:16px}.arena-result{padding:16px 26px}.arena-result b{font-size:30px}.arena-help-steps li{grid-template-columns:26px 1fr}.ah-ic{display:none}}.modal-root{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020612a8;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal-root.closing{animation:.18s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.modal{width:min(760px,100%);max-height:calc(100vh - 40px);animation:popIn .3s var(--ease-spring);flex-direction:column;display:flex}.modal.sm{width:min(440px,100%)}@keyframes popIn{0%{opacity:0;transform:translateY(16px)scale(.96)}}.modal-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:14px;padding:18px 20px;display:flex}.modal-head img{width:42px;height:42px}.modal-head h2{font-family:var(--font-display);font-size:22px}.modal-head p{color:var(--muted);margin-top:2px;font-size:13px}.modal-head .icon-btn{margin-left:auto}.modal-body{padding:18px 20px 20px;overflow-y:auto}.modal-body>*+*{margin-top:14px}.market-table{gap:8px;display:grid}.mrow{grid-template-columns:34px minmax(0,1fr) 110px 74px auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.mrow h4{font-size:14px}.mrow h4 .muted{font-size:12px;font-weight:500}.mrow small{color:var(--muted);font-size:11px}.mrow.locked{opacity:.6}.mprice b{font-variant-numeric:tabular-nums;font-size:15px;display:block}.mprice .delta{font-size:11px}.mown{text-align:center}.mown b{font-size:16px}.mown small{color:var(--muted);font-size:10px;display:block}.mrow .btns{gap:6px;display:flex}.trade{gap:14px;display:grid}.trade-head{align-items:center;gap:12px;display:flex}.trade-head h2{font-family:var(--font-display);font-size:22px}.trade-head p{color:var(--muted);font-size:12px}.trade-head .icon-btn{margin-left:auto}.trade-price{align-items:baseline;gap:10px;display:flex}.trade-price b{font-variant-numeric:tabular-nums;font-size:30px}.trade-price small{color:var(--muted);margin-left:auto;font-size:12px}.qty-row{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:9px;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:12px;display:grid}.qty{text-align:center}.qty b{font-size:26px}.qty small{color:var(--muted);font-size:11px;display:block}.qty-presets{grid-column:1/-1;gap:6px;display:flex}.qty-presets .tab{height:32px;font-size:12px}.trade-sum{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.trade-sum small{color:var(--muted);font-size:11px;display:block}.trade-sum b{font-size:16px}.trade-switch{text-align:center}.trade-switch button{color:var(--blue-hi);font-size:12px;text-decoration:underline}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.inv-slot{aspect-ratio:1;border:1px solid var(--line-soft);background:radial-gradient(circle at 50% 35%,#172f66,#0b1836);border-radius:10px;place-items:center;padding:14px;display:grid;position:relative}.inv-slot img{width:70%}.inv-slot .nm{text-align:center;color:var(--muted);font-size:10px;position:absolute;top:6px;left:0;right:0}.inv-slot .qty{text-shadow:0 1px 2px #000;font-size:14px;font-weight:700;position:absolute;bottom:6px;right:8px}.inv-slot .src{position:absolute;bottom:6px;left:6px}.quest{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.quest .qi{border:1px solid var(--line);background:radial-gradient(circle,#1f3a78,#0d1c40);border-radius:9px;place-items:center;width:48px;height:48px;display:grid}.quest .qi img{width:36px;height:36px}.quest h4{font-size:14px}.quest p{color:var(--muted);margin-top:2px;font-size:12px}.quest.claimable{border-color:#36d07a99;box-shadow:0 0 0 2px #36d07a26}.progress-inline{color:var(--muted);align-items:center;gap:10px;margin-top:8px;font-size:11px;display:flex}.progress-inline .bar{flex:1}.rewards{flex-wrap:wrap;gap:10px;margin-top:7px;font-size:12px;font-weight:600;display:flex}.rewards span{align-items:center;gap:4px;display:inline-flex}.rewards img{width:16px;height:16px}.list{gap:10px;display:grid}.town-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.town-card{border:1px solid var(--line-soft);background:#0d1c3eb3;border-radius:10px;padding:20px 14px;transition:all .15s}.town-card:hover{border-color:var(--line-hi);transform:translateY(-3px)}.town-card img{width:46px;height:46px;margin:0 auto 10px}.town-card b{font-size:15px;display:block}.town-card small{color:var(--muted);font-size:11px}.settings-row{justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.settings-row b{font-size:14px}.settings-row small{color:var(--muted);font-size:12px;display:block}.switch{background:#24345c;border-radius:12px;flex:none;width:44px;height:24px;transition:background .2s;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch.on{background:var(--blue-2)}.switch.on:after{transform:translate(20px)}.result{text-align:center;padding:26px 22px 22px}.result .hero-img{width:130px;margin:0 auto 10px;animation:2.4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-8px)}}.result .big{font-family:var(--font-display);font-size:42px;line-height:1}.result .big.win{color:var(--gold-2);text-shadow:0 0 30px #f6bb2f80}.result .loot{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;display:flex}.result .loot .card{animation:popIn .4s var(--ease-spring) both;padding:12px 16px}.result .loot small{color:var(--muted);font-size:11px;display:block}.toasts{top:calc(var(--topbar-h) + 14px);z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line-hi);max-width:calc(100vw - 24px);box-shadow:var(--shadow);animation:toastIn .35s var(--ease-spring);background:#08122cf5;border-radius:9px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:13px;display:flex}.toast img{width:26px;height:26px}.toast .tlogo{place-items:center;width:26px;height:26px;display:grid}.toast .tlogo img{filter:brightness(0)invert();width:100%}.toast.good{border-color:#36d07a99}.toast.bad{border-color:#ef444499}.toast.gold{border-color:#f6bb2fb3}.toast.out{animation:.3s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px)scale(.95)}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)}}.fx-layer{pointer-events:none;z-index:95;position:fixed;inset:0;overflow:hidden}.float-txt{text-shadow:0 2px #0009;animation:floatUp 1.1s var(--ease-out) forwards;white-space:nowrap;align-items:center;gap:4px;font-size:16px;font-weight:800;display:flex;position:absolute}.float-txt img{width:20px;height:20px}@keyframes floatUp{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.1)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.fly-icon{width:28px;height:28px;transition:transform .75s cubic-bezier(.5,-.3,.7,1),opacity .75s;position:absolute}.particle{border-radius:1px;width:6px;height:6px;position:absolute}@media (width<=1240px){.side-panel{width:480px}.panel-open .map-controls{right:512px}.main-nav{margin-left:16px}}@media (width<=900px){.brand small,.profile-info,.nav-btn span{display:none}.nav-btn{padding:0 10px}.side-panel{border-radius:16px 16px 0 0;width:100%;height:84%;inset:auto 0 0;transform:translateY(105%)}.side-panel.open{transform:none}.panel-open .map-controls{bottom:90px;right:12px}.quest-card{width:calc(100% - 32px)}.kv,.trade-sum,.town-grid{grid-template-columns:1fr}.mrow{grid-template-columns:34px 1fr auto}.mrow .mprice,.mrow .mown{display:none}.sp-id h2{font-size:22px}.price-row .price{font-size:24px}}@media (width<=560px){:root{--topbar-h:62px}.topbar{gap:8px;padding:0 10px}.brand b{display:none}.brand img{width:38px;height:38px}.wallet{gap:8px;height:42px;padding:0 8px}.wallet img{width:18px;height:18px}.wallet span{font-size:13px}.main-nav{gap:2px}.nav-btn{padding:0 7px}.nav-btn img{width:24px;height:24px}.profile{border:0;min-width:0;height:42px;padding:0 4px}#settingsBtn{width:42px!important;height:42px!important}.slots{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}