:root{--ink:#2a1a33;--panel:#fff8ef;--panel2:#fed;--accent:#ff7a45;--good:#3ccf6a;--bad:#ff4d6d;--gold:#ffc93f;--blue:#4aa8ff;--purple:#b45cff;--t0:#d7dde6;--t1:#4aa8ff;--t2:#b45cff;--t3:#ff6a3d;--font:"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;background:#2b4a2a;overflow:hidden}button{font-family:inherit}#app{position:fixed;top:0;bottom:0;left:0;right:0}#canvas-host{position:absolute;top:0;bottom:0;left:0;right:0}#canvas-host canvas{width:100%;height:100%;display:block}#dmg-layer{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}#vignette{pointer-events:none;z-index:6;opacity:0;background:radial-gradient(#0000 45%,#ff14328c 100%);position:absolute;top:0;bottom:0;left:0;right:0}#flash{pointer-events:none;z-index:7;opacity:0;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}#ui{z-index:10;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#ui>.passthrough{pointer-events:none}.outlined{color:#fff;paint-order:stroke fill;-webkit-text-stroke:6px var(--ink)}.title-text{letter-spacing:2px;color:#fff;paint-order:stroke fill;-webkit-text-stroke:8px var(--ink);text-shadow:0 6px 0 var(--ink);font-weight:900}.dn{color:#fff;paint-order:stroke fill;-webkit-text-stroke:5px #2a1a33;white-space:nowrap;will-change:transform, opacity;font-size:22px;font-weight:900;line-height:1;position:absolute;top:0;left:0}.dn-crit{color:#ffe34d;font-size:30px}.dn-burn{color:#ff9f43;font-size:17px}.dn-player{color:#ff4d6d;font-size:28px}.dn-heal{color:#5ee38a;font-size:24px}.dn-gold{color:#ffd23f}.dn-info{color:#9fe8ff;font-size:22px}.dn-xp{color:#ffe34d;font-size:30px}.btn{--bg:#ffd23f;--bg2:#f0b400;border:4px solid var(--ink);background:linear-gradient(var(--bg), var(--bg2));color:var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--ink), inset 0 3px 0 #ffffff8c;white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:20px;font-weight:900;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex;position:relative}.btn:hover{box-shadow:0 8px 0 var(--ink), inset 0 3px 0 #ffffff8c;filter:brightness(1.06);transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 var(--ink), inset 0 3px 0 #ffffff8c;transform:translateY(4px)}.btn[disabled],.btn.disabled{filter:grayscale(.85)brightness(.9);cursor:not-allowed;opacity:.75}.btn[disabled]:hover{box-shadow:0 6px 0 var(--ink);transform:none}.btn-primary{--bg:#ff9a5c;--bg2:#ff6a3d;color:#fff}.btn-primary .lbl,.btn-green .lbl,.btn-blue .lbl,.btn-red .lbl,.btn-purple .lbl{paint-order:stroke fill;-webkit-text-stroke:4px var(--ink)}.btn-green{--bg:#7ff09a;--bg2:#3ccf6a;color:#fff}.btn-blue{--bg:#8fd3ff;--bg2:#4aa8ff;color:#fff}.btn-red{--bg:#ff8fa3;--bg2:#ff4d6d;color:#fff}.btn-purple{--bg:#d8a8ff;--bg2:#a05cff;color:#fff}.btn-gray{--bg:#f2ece6;--bg2:#d8cfc6}.btn-sm{box-shadow:0 4px 0 var(--ink), inset 0 2px 0 #ffffff8c;border-width:3px;border-radius:12px;padding:6px 14px;font-size:15px}.btn-sm:hover{box-shadow:0 6px 0 var(--ink), inset 0 2px 0 #ffffff8c}.btn-sm:active{box-shadow:0 1px 0 var(--ink)}.btn-lg{border-radius:20px;padding:16px 40px;font-size:26px}.btn-icon{width:52px;height:52px;padding:8px}.btn .price{align-items:center;gap:4px;display:inline-flex}.panel{background:var(--panel);border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:22px}.screen{justify-content:center;align-items:center;animation:.22s ease-out fadeIn;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.dim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2010309e}.screen.dim-soft{background:#20103059}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #ffd23fb3, 0 6px 0 var(--ink)}50%{box-shadow:0 0 0 10px #ffd23f00, 0 6px 0 var(--ink)}}.pop{animation:.35s cubic-bezier(.2,.9,.3,1.3) both popIn}.slide-up{animation:.35s ease-out both slideUp}.tier-0{--tc:var(--t0)}.tier-1{--tc:var(--t1)}.tier-2{--tc:var(--t2)}.tier-3{--tc:var(--t3)}.tier-text-0{color:#7d8794}.tier-text-1{color:#2f86e0}.tier-text-2{color:#9a3fe8}.tier-text-3{color:#f0502a}.icon-box{border:3px solid var(--ink);background:radial-gradient(circle at 50% 35%, #fff 0%, var(--tc) 160%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.icon-box img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px #2a1a3340);width:92%;height:92%}.icon-box .glyph{filter:drop-shadow(0 2px #2a1a3333)}.tier-bg-0{background:radial-gradient(circle at 50% 35%,#fff 0%,#e6eaf0 70%,#c8cfd8 100%)}.tier-bg-1{background:radial-gradient(circle at 50% 35%,#eaf5ff 0%,#9fd0ff 70%,#4aa8ff 100%)}.tier-bg-2{background:radial-gradient(circle at 50% 35%,#f6ecff 0%,#d4a8ff 70%,#b45cff 100%)}.tier-bg-3{background:radial-gradient(circle at 50% 35%,#fff2e8 0%,#ffb08a 70%,#ff6a3d 100%)}.icon-box .count{background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 5px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:-6px;right:-6px}.tag{color:#fff;border:2px solid var(--ink);paint-order:stroke fill;-webkit-text-stroke:3px var(--ink);border-radius:8px;align-items:center;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.tags{flex-wrap:wrap;gap:4px;display:flex}.good{color:#22a24a}.bad{color:#e8334f}.neutral{color:#6a5f72}.muted{color:#8a7f92}.gold-text{color:#e09a00}.small{font-size:13px}.coin-ico{border:3px solid var(--ink);vertical-align:middle;background:radial-gradient(circle at 35% 35%,#fff3a8,#ffc93f 55%,#e09a00);border-radius:50%;flex-shrink:0;width:22px;height:22px;display:inline-block;box-shadow:inset 0 -2px #00000026}.dust-ico{vertical-align:middle;flex-shrink:0;width:22px;height:22px;display:inline-block}#banner-wrap{pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:19%;left:0;right:0}.banner{color:#fff;paint-order:stroke fill;-webkit-text-stroke:8px var(--ink);text-shadow:0 5px 0 var(--ink);white-space:nowrap;font-size:40px;font-weight:900;animation:2.2s ease-out forwards bannerIn}.banner.warn{color:#ffd23f;font-size:32px}.banner.danger{color:#ff4d6d}.banner.elite{color:#ffc93f;font-size:34px}.banner.boss{color:#d07bff;font-size:48px}.banner.good{color:#7ff09a}.banner.big{font-size:64px}@keyframes bannerIn{0%{opacity:0;transform:scale(2.2)}12%{opacity:1;transform:scale(.95)}18%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-20px)}}#toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:18px;right:18px}.toast{background:var(--panel);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:16px;align-items:center;gap:12px;max-width:360px;padding:10px 16px;animation:3.6s ease-out forwards toastIn;display:flex}.toast b{font-size:16px;display:block}.toast span{color:#6a5f72;font-size:13px}@keyframes toastIn{0%{transform:translate(120%)}10%{transform:translate(0)}88%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}#tooltip{z-index:100;pointer-events:none;color:#fff;background:#2a1a33;border:3px solid #fff;border-radius:14px;max-width:320px;padding:12px 14px;font-size:14px;line-height:1.5;display:none;position:fixed;box-shadow:0 6px 18px #00000059}#tooltip h4{margin-bottom:4px;font-size:17px}#tooltip .good{color:#7ff09a}#tooltip .bad{color:#ff8fa3}#tooltip .muted{color:#c0b4cc}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud .hud-tl{flex-direction:column;gap:8px;width:300px;display:flex;position:absolute;top:16px;left:18px}.bar{border:4px solid var(--ink);height:30px;box-shadow:0 4px 0 var(--ink);background:#4a2f55;border-radius:14px;position:relative;overflow:hidden}.bar .fill{transition:width .12s;position:absolute;top:0;bottom:0;left:0}.bar .ghost{opacity:.6;background:#fff;transition:width .5s .15s;position:absolute;top:0;bottom:0;left:0}.bar .txt{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);justify-content:center;align-items:center;font-size:17px;font-weight:900;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bar.hp .fill{background:linear-gradient(#ff8fa3,#ff4d6d 60%,#e8334f)}.bar.hp .fill:after{content:"";background:#ffffff73;border-radius:3px;height:5px;position:absolute;top:3px;left:6px;right:6px}.bar.xp{height:22px}.bar.xp .fill{background:linear-gradient(#a0ffb8,#3ccf6a)}.bar.xp .txt{font-size:14px}.hud-gold{color:#fff;paint-order:stroke fill;-webkit-text-stroke:6px var(--ink);align-items:center;gap:8px;font-size:26px;font-weight:900;display:flex}.hud-gold .coin-ico{width:28px;height:28px}.hud-pending{flex-wrap:wrap;gap:6px;display:flex}.hud-pending .pend{border:3px solid var(--ink);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;animation:.35s both popIn;display:flex}.hud-pending .pend.lv{background:#7f9cff}.hud-pending .pend.crate{background:#ffc93f}.hud-top{flex-direction:column;align-items:center;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-wave{color:#fff;paint-order:stroke fill;-webkit-text-stroke:6px var(--ink);font-size:24px;font-weight:900}.hud-timer{color:#fff;paint-order:stroke fill;-webkit-text-stroke:9px var(--ink);text-shadow:0 5px 0 var(--ink);font-size:54px;font-weight:900;line-height:1}.hud-timer.urgent{color:#ff6b8a;animation:.5s infinite bob}.hud-boss{flex-direction:column;align-items:center;gap:4px;width:min(560px,60vw);margin-top:10px;display:none}.hud-boss .name{color:#e7b8ff;paint-order:stroke fill;-webkit-text-stroke:5px var(--ink);font-size:20px;font-weight:900}.hud-boss .bar{width:100%;height:26px}.hud-boss .bar .fill{background:linear-gradient(#e7a8ff,#a03dff)}.hud-tr{pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;top:16px;right:16px}.hud-fps{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);font-size:14px;font-weight:800}.hud-bl{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;left:18px}.dash-ind{border:4px solid var(--ink);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);background:#fff8ef;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dash-ind .cd{background:conic-gradient(#2a1a3399 var(--p,0%), transparent 0);position:absolute;top:0;bottom:0;left:0;right:0}.dash-ind .k{text-align:center;font-size:10px;font-weight:900;position:absolute;bottom:-2px;left:0;right:0}.dash-ind.ready{background:#fff3c4;animation:none}.shield-pips{gap:4px;margin-bottom:8px;display:flex}.shield-pips i{border:3px solid var(--ink);background:radial-gradient(circle at 35% 35%,#fff,#5ec8ff);border-radius:50%;width:22px;height:22px}.hud-weapons{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hud-weapons .icon-box{width:52px;height:52px;box-shadow:0 4px 0 var(--ink)}.hud-hint{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);text-align:right;opacity:.85;font-size:13px;font-weight:800;line-height:1.6;position:absolute;bottom:18px;right:18px}.menu{background:linear-gradient(90deg,#2a1a338c 0%,#2a1a3326 45%,#0000 70%);justify-content:flex-start;padding-left:7vw}.menu-inner{flex-direction:column;gap:14px;width:340px;display:flex}.logo{margin-bottom:18px;animation:.6s both popIn}.logo .cn{color:#fff3d6;paint-order:stroke fill;-webkit-text-stroke:12px var(--ink);text-shadow:0 9px 0 var(--ink);letter-spacing:4px;font-size:76px;font-weight:900;line-height:1.05}.logo .cn span{color:#ff9a5c}.logo .en{letter-spacing:8px;color:#ffd23f;paint-order:stroke fill;-webkit-text-stroke:6px var(--ink);margin-top:8px;font-size:22px;font-weight:900}.logo .sub{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);margin-top:6px;font-size:15px;font-weight:800}.menu-inner .btn{justify-content:flex-start;width:100%;padding-left:22px}.menu-inner .btn .glyph{width:32px;height:32px}.menu-foot{color:#fff;paint-order:stroke fill;-webkit-text-stroke:4px var(--ink);opacity:.9;font-size:13px;font-weight:800;position:absolute;bottom:16px;left:7vw}.currency{gap:12px;display:flex;position:absolute;top:18px;right:22px}.currency .chip{background:var(--panel);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:16px;align-items:center;gap:8px;padding:8px 16px;font-size:20px;font-weight:900;display:flex}.continue-info{opacity:.85;margin-left:auto;font-size:13px;font-weight:700}.window{flex-direction:column;max-width:96vw;max-height:92vh;padding:22px 26px;animation:.3s both popIn;display:flex;position:relative}.window-title{align-items:center;gap:14px;margin-bottom:16px;display:flex}.window-title h2{color:#fff;paint-order:stroke fill;-webkit-text-stroke:7px var(--ink);text-shadow:0 4px 0 var(--ink);font-size:34px;font-weight:900}.window-title .spacer{flex:1}.window-body{padding:4px;overflow:hidden auto}.window-body::-webkit-scrollbar{width:10px}.window-body::-webkit-scrollbar-thumb{border:2px solid var(--panel);background:#d8c8b8;border-radius:5px}.close-x{border:4px solid var(--ink);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:0 4px 0 var(--ink);background:linear-gradient(#ff8fa3,#ff4d6d);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex;position:absolute;top:-18px;right:-18px}.close-x:hover{transform:scale(1.08)}.cs{width:min(1180px,96vw)}.cs-layout{grid-template-columns:1fr 380px;gap:22px;min-height:0;display:grid}.char-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:14px;display:grid}.char-card{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;text-align:center;background:linear-gradient(#fff,#fed);border-radius:18px;padding:10px;transition:transform .12s;position:relative}.char-card:hover{transform:translateY(-4px)}.char-card.sel{background:linear-gradient(#fff6c8,#ffd96b);animation:1.6s infinite pulseGlow}.char-card img{object-fit:contain;width:100%;height:130px}.char-card .nm{font-size:22px;font-weight:900}.char-card .tt{color:#8a7f92;font-size:13px;font-weight:800}.char-card.locked img{filter:brightness(0)opacity(.45)}.char-card .lock{position:absolute;top:8px;right:8px}.char-card .rec{color:#e09a00;font-size:12px;font-weight:900;position:absolute;top:8px;left:10px}.cs-detail{border:4px solid var(--ink);background:#fff;border-radius:18px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.cs-detail h3{font-size:28px;font-weight:900}.cs-detail .traits{flex-direction:column;gap:6px;display:flex}.cs-detail .traits div{padding-left:18px;font-size:15px;font-weight:700;position:relative}.cs-detail .traits div:before{content:"";background:var(--accent);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:2px}.sec-title{color:#6a5f72;margin-top:4px;font-size:16px;font-weight:900}.wpick{flex-wrap:wrap;gap:10px;display:flex}.wpick .opt{border:4px solid var(--ink);cursor:pointer;text-align:center;width:74px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:14px;padding:4px;font-size:12px;font-weight:800;transition:transform .1s}.wpick .opt img{object-fit:contain;width:100%;height:54px}.wpick .opt:hover{transform:translateY(-3px)}.wpick .opt.sel{background:#ffe58a}.danger-row{gap:8px;display:flex}.danger-row .d{border:4px solid var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:12px;flex:1;padding:8px 0;font-size:18px;font-weight:900}.danger-row .d.sel{color:#fff;background:linear-gradient(#ff8fa3,#ff4d6d)}.danger-row .d.locked{opacity:.4;cursor:not-allowed}.danger-desc{color:#6a5f72;min-height:18px;font-size:13px;font-weight:700}.lvl{align-items:center;width:min(1080px,96vw)}.lvl-sub{color:#6a5f72;margin-top:-8px;margin-bottom:14px;font-size:18px;font-weight:800}.lvl-cards{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.up-card{border:4px solid var(--ink);background:linear-gradient(#fff 40%, color-mix(in srgb, var(--tc) 35%, #fff));box-shadow:0 6px 0 var(--ink);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:18px 12px 16px;transition:transform .12s;animation:.35s both popIn;display:flex;position:relative}.up-card:nth-child(2){animation-delay:50ms}.up-card:nth-child(3){animation-delay:.1s}.up-card:nth-child(4){animation-delay:.15s}.up-card:hover{transform:translateY(-8px)scale(1.03)}.up-card .key{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:900;display:flex;position:absolute;top:8px;left:10px}.up-card .tier-lbl{font-size:13px;font-weight:900}.up-card .nm{font-size:22px;font-weight:900}.up-card .val{font-size:20px;font-weight:900}.up-card .now{color:#8a7f92;font-size:13px;font-weight:700}.lvl-foot{align-items:center;gap:14px;margin-top:18px;display:flex}.crate-win{text-align:center;align-items:center;width:440px}.crate-win .icon-box{width:120px;height:120px;margin:6px auto 12px;animation:.5s both popIn,2s .5s infinite wiggle}.crate-win h3{font-size:28px;font-weight:900}.crate-win .lines{margin:10px 0 18px;font-size:16px;font-weight:700;line-height:1.6}.crate-win .btns{justify-content:center;gap:14px;display:flex}.shop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#201030b8,#201030d1);grid-template-columns:1fr 340px;gap:18px;padding:18px 22px;animation:.25s fadeIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.shop-main{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex}.shop-head{align-items:center;gap:16px;display:flex}.shop-head h2{color:#fff;paint-order:stroke fill;-webkit-text-stroke:8px var(--ink);text-shadow:0 5px 0 var(--ink);font-size:40px;font-weight:900}.shop-head .wv{color:#ffd23f;paint-order:stroke fill;-webkit-text-stroke:5px var(--ink);font-size:18px;font-weight:900}.shop-head .spacer{flex:1}.gold-big{background:var(--panel);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;align-items:center;gap:10px;padding:6px 18px;font-size:30px;font-weight:900;display:flex}.gold-big .coin-ico{width:30px;height:30px}.offers{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.offer{border:4px solid var(--ink);background:linear-gradient(170deg, #fff 55%, color-mix(in srgb, var(--tc) 30%, #fff));min-height:290px;box-shadow:0 6px 0 var(--ink);border-radius:20px;flex-direction:column;gap:8px;padding:14px;animation:.32s both popIn;display:flex;position:relative}.offer:nth-child(2){animation-delay:40ms}.offer:nth-child(3){animation-delay:80ms}.offer:nth-child(4){animation-delay:.12s}.offer.sold{opacity:0;pointer-events:none;animation:none}.offer.locked{background:linear-gradient(170deg,#eaf5ff 55%,#b8dcff);border-color:#1a7fd8;box-shadow:0 6px #1a7fd8}.offer .head{align-items:center;gap:10px;display:flex}.offer .head .icon-box{width:72px;height:72px}.offer .nm{font-size:19px;font-weight:900;line-height:1.2}.offer .tier-lbl{font-size:12px;font-weight:900}.offer .desc{flex:1;font-size:13.5px;font-weight:700;line-height:1.5;overflow-y:auto}.ln{display:block}.offer .foot{align-items:center;gap:8px;display:flex}.offer .foot .buy{flex:1}.offer .lockbtn{width:46px;height:46px;padding:0}.offer .badge{border:3px solid var(--ink);background:#7ff09a;border-radius:10px;padding:2px 10px;font-size:13px;font-weight:900;position:absolute;top:-12px;right:12px}.shop-bar{align-items:center;gap:12px;display:flex}.inv{flex:1;gap:14px;min-height:0;display:flex}.inv-box{background:var(--panel);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;flex-direction:column;gap:8px;min-height:0;padding:12px 14px;display:flex}.inv-box h4{align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.inv-box h4 .muted{font-size:13px}.wslots{grid-template-columns:repeat(3,66px);gap:10px;display:grid}.wslot{border:3px dashed #c8b8a8;border-radius:14px;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.wslot .icon-box{cursor:pointer;width:66px;height:66px;transition:transform .1s}.wslot .icon-box:hover{transform:scale(1.08)}.wslot .icon-box.can-combine:after{content:"⇧";border:3px solid var(--ink);background:#7ff09a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:900;animation:1s infinite bob;display:flex;position:absolute;top:-10px;right:-10px}.items-grid{flex-wrap:wrap;align-content:flex-start;gap:8px;padding:6px 8px 8px 2px;display:flex;overflow-y:auto}.items-grid .icon-box{cursor:help;width:50px;height:50px}.shop-side{flex-direction:column;gap:12px;min-height:0;display:flex}.stats-box{background:var(--panel);border:4px solid var(--ink);min-height:0;box-shadow:0 5px 0 var(--ink);border-radius:18px;flex-direction:column;flex:1;padding:12px 14px;display:flex}.stats-box .tabs{gap:6px;margin-bottom:8px;display:flex}.stats-box .tabs button{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex:1;padding:5px 0;font-size:14px;font-weight:900}.stats-box .tabs button.sel{background:#ffd23f}.stat-list{flex:1;overflow-y:auto}.stat-row{cursor:help;border-radius:8px;align-items:center;gap:8px;padding:3px 4px;font-size:15px;font-weight:800;display:flex}.stat-row:hover{background:#ffe8cc}.stat-row .glyph{width:22px;height:22px}.stat-row .v{margin-left:auto}.syn-list{flex-direction:column;gap:4px;font-size:13px;font-weight:800;display:flex}.syn{cursor:help;align-items:center;gap:6px;display:flex}.syn .pips{gap:2px;display:flex}.syn .pips i{border:2px solid var(--ink);background:#fff;border-radius:3px;width:9px;height:9px}.syn .pips i.on{background:var(--c)}.combo{border:2px solid var(--ink);background:#fff3c4;border-radius:10px;padding:4px 8px;font-size:12.5px;font-weight:800}.next-btn{width:100%}.wmenu{z-index:60;width:280px;padding:14px;animation:.2s both popIn;position:fixed}.wmenu .head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.wmenu .head .icon-box{width:64px;height:64px}.wmenu .desc{margin-bottom:10px;font-size:13px;font-weight:700;line-height:1.5}.wmenu .acts{flex-direction:column;gap:8px;display:flex}.pause-win{width:min(980px,96vw)}.pause-layout{grid-template-columns:260px 1fr;gap:20px;min-height:0;display:grid}.pause-btns{flex-direction:column;gap:12px;display:flex}.pause-btns .btn{width:100%}.pause-info{grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}.settings{width:min(620px,94vw)}.set-row{border-bottom:2px dashed #e8d8c8;align-items:center;gap:14px;padding:10px 6px;font-size:17px;font-weight:800;display:flex}.set-row label{flex:1}.set-row input[type=range]{accent-color:#ff7a45;cursor:pointer;width:220px;height:22px}.set-row .val{text-align:right;width:48px;font-weight:900}.seg{border:3px solid var(--ink);border-radius:12px;display:flex;overflow:hidden}.seg button{cursor:pointer;border:none;border-right:3px solid var(--ink);background:#fff;padding:6px 14px;font-size:14px;font-weight:900}.seg button:last-child{border-right:none}.seg button.sel{background:#ffd23f}.toggle{border:3px solid var(--ink);cursor:pointer;background:#d8cfc6;border-radius:16px;width:62px;height:32px;transition:background .15s;position:relative}.toggle:after{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle.on{background:#3ccf6a}.toggle.on:after{left:30px}.keys{grid-template-columns:auto 1fr;gap:6px 14px;margin-top:10px;font-size:14px;font-weight:700;display:grid}.kbd{border:3px solid var(--ink);text-align:center;background:#fff;border-bottom-width:5px;border-radius:8px;min-width:28px;padding:2px 8px;font-size:13px;font-weight:900;display:inline-block}.talents{width:min(980px,96vw)}.tal-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.tal{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.tal .nm{font-size:19px;font-weight:900}.tal .ds{color:#6a5f72;min-height:36px;font-size:13px;font-weight:700}.tal .pips{gap:4px;display:flex}.tal .pips i{border:3px solid var(--ink);background:#eee;border-radius:5px;width:16px;height:16px}.tal .pips i.on{background:#ffd23f}.tal.maxed{background:linear-gradient(#fff,#fff3c4)}.coll{width:min(1100px,96vw);height:min(780px,92vh)}.coll-tabs{gap:8px;margin-bottom:12px;display:flex}.coll-tabs button{border:4px solid var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:14px;padding:8px 18px;font-size:16px;font-weight:900}.coll-tabs button.sel{background:#ffd23f}.coll-layout{flex:1;grid-template-columns:1fr 330px;gap:16px;min-height:0;display:grid}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:10px;padding:4px;display:grid;overflow-y:auto}.coll-cell{border:3px solid var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;font-weight:800;transition:transform .1s;display:flex}.coll-cell:hover{transform:translateY(-3px)}.coll-cell.sel{background:#ffe58a}.coll-cell .icon-box{width:62px;height:62px}.coll-cell.unseen .icon-box img{filter:brightness(0)opacity(.4)}.coll-detail{border:4px solid var(--ink);background:#fff;border-radius:18px;padding:16px;font-size:14px;font-weight:700;line-height:1.6;overflow-y:auto}.coll-detail .big{width:130px;height:130px;margin:0 auto 10px}.coll-detail h3{text-align:center;font-size:24px;font-weight:900}.coll-detail .sub{text-align:center;margin-bottom:8px}.tier-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12.5px}.tier-table th,.tier-table td{text-align:center;border:2px solid #e8d8c8;padding:3px 4px}.ach-list{flex-direction:column;gap:10px;display:flex}.ach{border:4px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:10px 14px;display:flex}.ach.done{background:linear-gradient(90deg,#fff3c4,#fff)}.ach .nm{font-size:18px;font-weight:900}.ach .ds{color:#6a5f72;font-size:13px;font-weight:700}.ach .rw{align-items:center;gap:6px;margin-left:auto;font-weight:900;display:flex}.ach:not(.done) .glyph{filter:grayscale()opacity(.4)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-chip{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:14px;padding:10px}.stat-chip b{font-size:22px;display:block}.stat-chip span{color:#6a5f72;font-size:12px;font-weight:800}.result{text-align:center;align-items:center;width:min(820px,96vw);overflow-y:auto}.result .big-title{color:#ffd23f;paint-order:stroke fill;-webkit-text-stroke:11px var(--ink);text-shadow:0 8px 0 var(--ink);font-size:66px;font-weight:900;animation:.5s both popIn}.result.lose .big-title{color:#ff6b8a}.result .hero{object-fit:contain;width:170px;height:170px;animation:2s infinite bob}.res-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:12px 0;display:grid}.res-reward{border:4px solid var(--ink);background:#fff3c4;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-bottom:14px;padding:10px 24px;font-size:26px;font-weight:900;display:flex}.res-ach{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.res-ach .combo{font-size:14px}.res-btns{gap:14px;display:flex}.res-weapons{justify-content:center;gap:8px;margin:6px 0 4px;display:flex}.res-weapons .icon-box{width:52px;height:52px}.confirm{text-align:center;align-items:center;width:420px}.confirm p{margin:6px 0 18px;font-size:18px;font-weight:800;line-height:1.5}.confirm .btns{justify-content:center;gap:14px;display:flex}#loading{z-index:200;background:radial-gradient(circle at 50% 40%,#6fbf5a,#2b5a2a);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loading .t{color:#fff3d6;paint-order:stroke fill;-webkit-text-stroke:10px var(--ink);text-shadow:0 7px 0 var(--ink);font-size:54px;font-weight:900}#loading .dots{gap:10px;display:flex}#loading .dots i{border:4px solid var(--ink);background:#ffd23f;border-radius:50%;width:18px;height:18px;animation:.8s infinite bob}#loading .dots i:nth-child(2){animation-delay:.15s}#loading .dots i:nth-child(3){animation-delay:.3s}#loading.hide{opacity:0;pointer-events:none}#loading .err{color:#fff;text-align:center;max-width:600px;font-weight:800}@media (max-width:1100px){.shop{grid-template-columns:1fr;overflow-y:auto}.offers{grid-template-columns:repeat(2,minmax(0,1fr))}.lvl-cards{grid-template-columns:repeat(2,1fr)}.cs-layout{grid-template-columns:1fr}.logo .cn{font-size:54px}}@media (max-height:760px){.offer{min-height:270px}.char-card img{height:96px}.hud-timer{font-size:44px}}.screen,.shop,.wmenu,.window{pointer-events:auto}.no-anim,.no-anim *{animation:none!important}@media (max-height:820px){.window{padding:16px 20px}.window-title{margin-bottom:10px}.window-title h2{font-size:28px}.result .big-title{font-size:48px}.result .hero{width:110px;height:110px}.res-grid{gap:8px;margin:8px 0}.stat-chip{padding:6px}.stat-chip b{font-size:18px}.res-reward{margin-bottom:8px;padding:6px 18px;font-size:20px}.res-ach{margin-bottom:8px}.btn-lg{padding:12px 30px;font-size:22px}.up-card{gap:6px;padding:12px 10px}.up-card .icon-box{width:64px!important;height:64px!important}.char-card img{height:92px}.char-card .nm{font-size:18px}.cs-detail{gap:8px;padding:12px}.wpick .opt img{height:44px}.shop{gap:12px;padding:12px 16px}.shop-head h2{font-size:32px}.gold-big{font-size:24px}.offer{min-height:240px;padding:10px}.offer .head .icon-box{width:58px;height:58px}.offer .nm{font-size:16px}.offer .desc{font-size:12.5px}.wslots{grid-template-columns:repeat(3,54px);gap:8px}.wslot,.wslot .icon-box{width:54px!important;height:54px!important}.stat-row{padding:1px 4px;font-size:13.5px}.pause-btns .btn{padding:9px 18px;font-size:18px}.logo .cn{font-size:60px}.menu-inner{gap:10px}.menu-inner .btn{padding-top:9px;padding-bottom:9px}.coll-cell .icon-box{width:50px!important;height:50px!important}.crate-win .icon-box{width:90px!important;height:90px!important}}