:root{--dq-orange:#ff9c2e;--dq-orange-l:#ffd493;--dq-orange-d:#c96a10;--dq-blue:#3fb6ff;--dq-blue-l:#a9e2ff;--dq-blue-d:#0c5c90;--dq-sky-top:#8fd8ff;--dq-sky-bottom:#8fe08a;--dq-brown:#5b3a1e;--dq-brown-soft:#5b3a1e59;--dq-ink:#3a2a18;--dq-card:#fff;--rarity-common:#4bd46b;--rarity-common-l:#a9f0bc;--rarity-common-d:#1b7a38;--rarity-rare:#3fb6ff;--rarity-rare-l:#a9e2ff;--rarity-rare-d:#0c5c90;--rarity-epic:#a76bff;--rarity-epic-l:#d9bcff;--rarity-epic-d:#58279b;--rarity-legend:#ff9c2e;--rarity-legend-l:#ffd493;--rarity-legend-d:#a85300;--rarity-myth:#ff4d4f;--rarity-myth-l:#ffb0b0;--rarity-myth-d:#8f1d1f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}body{color:var(--dq-ink);background:linear-gradient(180deg, var(--dq-sky-top) 0%, var(--dq-sky-bottom) 100%);-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;min-height:100dvh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.hidden{display:none!important}.nav{z-index:30;-webkit-backdrop-filter:blur(8px);border-bottom:3px solid var(--dq-brown);background:#ffffffd1;flex:none;position:relative;box-shadow:inset 0 4px #ffffff59}.nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--dq-brown);letter-spacing:1px;font-size:18px;font-weight:900;text-decoration:none}.nav-links{gap:16px;display:flex}.nav-links a{color:#6b5a44;white-space:nowrap;padding:4px 0;font-size:14px;font-weight:700;text-decoration:none;transition:color .18s}.nav-links a:hover,.nav-links a.active{color:var(--dq-orange-d);font-weight:900}@media (width<=480px){.nav-inner{gap:8px;padding:8px 10px}.brand{font-size:15px}.nav-links{gap:10px}.nav-links a{font-size:12px}}#stage{background:0 0;flex:auto;position:relative;overflow:hidden}#game{touch-action:none;display:block;position:absolute;top:0;left:0}#home{z-index:10;color:var(--dq-ink);background:linear-gradient(#8fd8ff 0%,#b6eb9a 62%,#8fe08a 100%);position:absolute;top:0;left:0;overflow:hidden}.hm-wrap{gap:calc(var(--hs) * 8px);padding:calc(var(--hs) * 14px) calc(var(--hs) * 16px) calc(var(--hs) * 10px);flex-direction:column;display:flex;position:absolute;inset:0}.hm-head{justify-content:space-between;align-items:center;gap:calc(var(--hs) * 10px);flex:none;display:flex}.hm-title{font-size:calc(var(--hs) * 42px);letter-spacing:calc(var(--hs) * 3px);color:#fff;-webkit-text-stroke:calc(var(--hs) * 2.4px) var(--dq-brown);text-shadow:0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);font-weight:900;line-height:1.1}.hm-sub-title{margin-top:calc(var(--hs) * 4px);font-size:calc(var(--hs) * 14px);color:var(--dq-brown);font-weight:700}.hm-avatar{align-items:center;gap:calc(var(--hs) * 2px);width:calc(var(--hs) * 88px);flex-direction:column;flex:none;display:flex}.hm-avatar img{width:calc(var(--hs) * 76px);height:calc(var(--hs) * 76px);object-fit:contain;background:linear-gradient(180deg, var(--dq-orange-l), var(--dq-orange));border:calc(var(--hs) * 3px) solid var(--dq-brown);box-shadow:inset 0 calc(var(--hs) * 4px) 0 #ffffff80, 0 calc(var(--hs) * 4px) 0 var(--dq-orange-d);border-radius:50%}.hm-avatar span{font-size:calc(var(--hs) * 12px);color:var(--dq-brown);font-weight:900}.hm-res{justify-content:space-between;gap:calc(var(--hs) * 8px);flex:none;display:flex}.hm-res-item{justify-content:center;align-items:center;gap:calc(var(--hs) * 5px);padding:calc(var(--hs) * 7px) calc(var(--hs) * 8px);border:calc(var(--hs) * 2.5px) solid var(--dq-brown);border-radius:calc(var(--hs) * 16px);box-shadow:inset 0 calc(var(--hs) * 3px) 0 #ffffffe6, 0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);background:#ffffffe6;flex:1;display:flex}.hm-res-item img{width:calc(var(--hs) * 26px);height:calc(var(--hs) * 26px);object-fit:contain}.hm-res-item b{font-size:calc(var(--hs) * 18px);color:var(--dq-ink);font-weight:900}.hm-res-item i{font-size:calc(var(--hs) * 11px);color:#8a7860;font-style:normal;font-weight:700}.hm-body{gap:calc(var(--hs) * 8px);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.hm-sec-title{align-items:baseline;gap:calc(var(--hs) * 8px);font-size:calc(var(--hs) * 18px);color:var(--dq-brown);flex:none;font-weight:900;display:flex}.hm-sec-title .hm-num{color:var(--dq-orange-d)}.hm-sub{font-size:calc(var(--hs) * 12px);color:#8a7860;font-weight:700}.hm-tabs{gap:calc(var(--hs) * 8px);flex:none;display:flex}.hm-tab{align-items:center;gap:calc(var(--hs) * 1px);padding:calc(var(--hs) * 8px) 0 calc(var(--hs) * 7px);font-size:calc(var(--hs) * 26px);color:#fff;border:calc(var(--hs) * 3px) solid var(--dq-brown);border-radius:calc(var(--hs) * 18px);box-shadow:inset 0 calc(var(--hs) * 4px) 0 #ffffff80, 0 calc(var(--hs) * 5px) 0 var(--dq-orange-d);cursor:pointer;background:linear-gradient(#ffcf86,#f0a03c);flex-direction:column;flex:1;line-height:1;transition:transform .1s;display:flex}.hm-tab span{font-size:calc(var(--hs) * 13px);font-weight:900}.hm-tab .hm-tab-ic{font-size:calc(var(--hs) * 26px);line-height:1}.hm-tab.big{width:calc(var(--hs) * 140px);margin-top:calc(var(--hs) * -14px);padding-top:calc(var(--hs) * 14px);flex:none}.hm-tab.big .hm-tab-ic{font-size:calc(var(--hs) * 36px)}.hm-tab.on{background:linear-gradient(180deg, var(--dq-blue-l), var(--dq-blue));box-shadow:inset 0 calc(var(--hs) * 4px) 0 #fff9, 0 calc(var(--hs) * 5px) 0 var(--dq-blue-d)}.hm-tab:active{transform:translateY(calc(var(--hs) * 3px))}.world-ops{flex:none}.op-slots{gap:calc(var(--hs) * 10px);display:flex}.op-slot{height:calc(var(--hs) * 60px);font-size:calc(var(--hs) * 26px);border:calc(var(--hs) * 3px) solid var(--dq-brown);border-radius:calc(var(--hs) * 16px);box-shadow:inset 0 calc(var(--hs) * 4px) 0 #ffffffe6, 0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);background:#ffffffe6;flex:1;justify-content:center;align-items:center;display:flex}.op-slot.op-b{background:linear-gradient(180deg, var(--dq-orange-l), var(--dq-orange))}.world-hd{text-align:center;font-size:calc(var(--hs) * 24px);letter-spacing:calc(var(--hs) * 2px);color:var(--dq-brown);flex:none;font-weight:900}.stage-wrap{justify-content:center;gap:calc(var(--hs) * 8px);flex-direction:column;flex:auto;min-height:0;display:flex}.stage-view{align-items:stretch;gap:calc(var(--hs) * 6px);flex:auto;min-height:0;display:flex}.sv-arrow{width:calc(var(--hs) * 46px);height:calc(var(--hs) * 46px);font-size:calc(var(--hs) * 22px);color:#fff;border:calc(var(--hs) * 3px) solid var(--dq-brown);box-shadow:inset 0 calc(var(--hs) * 3px) 0 #fff9, 0 calc(var(--hs) * 4px) 0 var(--dq-orange-d);cursor:pointer;background:linear-gradient(#ffcf86,#f0a03c);border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;transition:transform .1s;display:flex}.sv-arrow.off{filter:grayscale(.85);opacity:.4;pointer-events:none}.sv-arrow:active{transform:translateY(calc(var(--hs) * 3px))}.sv-card{min-width:0;height:100%;max-height:calc(var(--hs) * 340px);background:var(--dq-brown-soft);border:calc(var(--hs) * 3px) solid var(--dq-brown);border-radius:calc(var(--hs) * 20px);box-shadow:inset 0 0 0 calc(var(--hs) * 2px) #fff6, 0 calc(var(--hs) * 5px) 0 var(--dq-brown-soft);flex:auto;position:relative;overflow:hidden}.sv-card img{object-fit:cover;width:100%;height:100%;display:block}.sv-mask{background:linear-gradient(#0000,#0000008c);height:46%;position:absolute;bottom:0;left:0;right:0}.sv-txt{left:0;right:0;bottom:calc(var(--hs) * 12px);text-align:center;position:absolute}.sv-wn{font-size:calc(var(--hs) * 20px);color:#fff;text-shadow:0 calc(var(--hs) * 2px) calc(var(--hs) * 3px) #0009;font-weight:900}.winfo{top:calc(var(--hs) * 8px);right:calc(var(--hs) * 8px);width:calc(var(--hs) * 32px);height:calc(var(--hs) * 32px);font-size:calc(var(--hs) * 18px);color:#fff;background:var(--dq-blue);border:calc(var(--hs) * 2.5px) solid #fff;box-shadow:0 calc(var(--hs) * 2px) calc(var(--hs) * 3px) #00000059;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute}.sv-dots{justify-content:center;gap:calc(var(--hs) * 8px);padding:calc(var(--hs) * 2px) 0;flex:none;display:flex}.sv-dots span{width:calc(var(--hs) * 12px);height:calc(var(--hs) * 12px);border:calc(var(--hs) * 2px) solid #5b3a1e66;background:#5b3a1e38;border-radius:50%}.sv-dots span.open{background:var(--dq-blue-l);border-color:var(--dq-blue-d)}.sv-dots span.on{background:var(--dq-orange);border-color:var(--dq-orange-d);transform:scale(1.3)}.sv-dots span.lock{background:#786e6447}.sk-rar{color:#fff;background:var(--dq-blue);border-radius:999px;padding:2px 12px;font-size:12px;font-weight:900;display:inline-block}.stage-info-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sirow{justify-content:space-between;gap:12px;font-size:13px;display:flex}.sirow span{color:#8a7860;font-weight:700}.sirow b{color:var(--dq-brown);text-align:right}.hm-btn{justify-content:center;align-items:center;gap:calc(var(--hs) * 8px);padding:calc(var(--hs) * 14px);font-size:calc(var(--hs) * 20px);color:#fff;background:linear-gradient(180deg, #ffb64a, var(--dq-orange));border:calc(var(--hs) * 3px) solid var(--dq-brown);border-radius:calc(var(--hs) * 22px);box-shadow:inset 0 calc(var(--hs) * 5px) 0 #ffffff8c, 0 calc(var(--hs) * 6px) 0 var(--dq-orange-d);cursor:pointer;font-weight:900;transition:transform .1s;display:flex}.hm-btn.big{margin-top:auto}.hm-btn:active{transform:translateY(calc(var(--hs) * 4px));box-shadow:inset 0 calc(var(--hs) * 5px) 0 #fff6, 0 calc(var(--hs) * 2px) 0 var(--dq-orange-d)}.hm-char{justify-content:center;gap:calc(var(--hs) * 12px);flex-direction:column;flex:1;min-height:0;display:flex}.hm-char-top{align-items:center;gap:calc(var(--hs) * 12px);padding:calc(var(--hs) * 8px) calc(var(--hs) * 14px);border:calc(var(--hs) * 3px) solid var(--dq-brown);border-radius:calc(var(--hs) * 18px);box-shadow:inset 0 calc(var(--hs) * 4px) 0 #ffffffe6, 0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);background:#ffffffeb;flex:none;display:flex}.hm-char-art{width:calc(var(--hs) * 110px);height:calc(var(--hs) * 110px);object-fit:contain}.hm-char-meta{gap:calc(var(--hs) * 3px);flex-direction:column;display:flex}.cm-name{font-size:calc(var(--hs) * 22px);color:var(--dq-brown);font-weight:900}.cm-power,.cm-lv{font-size:calc(var(--hs) * 14px);color:#6b5a44;font-weight:700}.cm-power b,.cm-lv b{color:var(--dq-orange-d)}.hm-lvbar{padding:calc(var(--hs) * 8px) calc(var(--hs) * 12px);border:calc(var(--hs) * 2.5px) solid var(--dq-brown);border-radius:calc(var(--hs) * 16px);box-shadow:inset 0 calc(var(--hs) * 3px) 0 #ffffffe6, 0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);background:#ffffffe6;flex:none}.lv-info{font-size:calc(var(--hs) * 12px);color:#6b5a44;font-weight:700}.lv-track{margin:calc(var(--hs) * 5px) 0;height:calc(var(--hs) * 16px);background:#5b3a1e26;border-radius:999px;overflow:hidden}.lv-track i{background:linear-gradient(90deg, var(--dq-orange-l), var(--dq-orange));border-radius:999px;height:100%;transition:width .2s;display:block}.lv-marks{justify-content:space-between;display:flex}.lv-marks span{font-size:calc(var(--hs) * 11px);color:#9a8a72;font-weight:900}.lv-marks span.done{color:var(--dq-orange-d)}.hm-attrs{gap:calc(var(--hs) * 8px);flex:none;display:flex}.hm-attr{align-items:center;gap:calc(var(--hs) * 1px);padding:calc(var(--hs) * 8px) calc(var(--hs) * 4px);border:calc(var(--hs) * 2.5px) solid var(--dq-brown);border-radius:calc(var(--hs) * 16px);box-shadow:inset 0 calc(var(--hs) * 3px) 0 #ffffffe6, 0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);background:#fffffff0;flex-direction:column;flex:1;display:flex}.at-ico{font-size:calc(var(--hs) * 26px);line-height:1}.at-name{font-size:calc(var(--hs) * 12px);color:var(--dq-brown);font-weight:900}.at-lv{font-size:calc(var(--hs) * 11px);color:#8a7860;font-weight:700}.at-val{font-size:calc(var(--hs) * 15px);color:var(--dq-orange-d);font-weight:900}.at-cost{margin-top:calc(var(--hs) * 2px);padding:calc(var(--hs) * 3px) calc(var(--hs) * 10px);font-size:calc(var(--hs) * 12px);color:#fff;border:calc(var(--hs) * 2px) solid var(--dq-brown);cursor:pointer;background:linear-gradient(#6ede8a,#3fbf62);border-radius:999px;font-weight:900}.at-cost.off{filter:grayscale(.7);opacity:.55;pointer-events:none}.hm-heropick{gap:calc(var(--hs) * 10px);flex:none;display:flex}.hm-hero-pick{justify-content:center;align-items:center;gap:calc(var(--hs) * 8px);padding:calc(var(--hs) * 6px) calc(var(--hs) * 10px);border:calc(var(--hs) * 2.5px) solid var(--dq-brown);border-radius:calc(var(--hs) * 16px);cursor:pointer;box-shadow:inset 0 calc(var(--hs) * 3px) 0 #ffffffe6, 0 calc(var(--hs) * 4px) 0 var(--dq-brown-soft);background:#ffffffe6;flex:1;display:flex;position:relative}.hm-hero-pick.on{border-color:var(--dq-orange-d);box-shadow:0 0 0 calc(var(--hs) * 3px) var(--dq-orange), 0 calc(var(--hs) * 4px) 0 var(--dq-orange-d)}.hm-hero-pick img{width:calc(var(--hs) * 42px);height:calc(var(--hs) * 42px);object-fit:contain}.hm-hero-pick span{font-size:calc(var(--hs) * 13px);color:var(--dq-brown);font-weight:900}.hm-hero-pick.lock img{filter:grayscale(.6);opacity:.75}.pick-on,.pick-lock{top:calc(var(--hs) * -8px);right:calc(var(--hs) * 8px);padding:0 calc(var(--hs) * 8px);font-size:calc(var(--hs) * 11px);color:#fff;border-radius:999px;font-style:normal;font-weight:900;position:absolute}.pick-on{background:var(--dq-blue)}.pick-lock{background:var(--dq-orange)}.hm-slots{grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(var(--hs) * 88px);gap:calc(var(--hs) * 8px);flex:none;display:grid}.hm-slot{justify-content:center;align-items:center;gap:calc(var(--hs) * 1px);padding:calc(var(--hs) * 4px);border:calc(var(--hs) * 2.5px) solid var(--dq-brown);border-radius:calc(var(--hs) * 14px);box-shadow:inset 0 calc(var(--hs) * 3px) 0 #ffffffe6, 0 calc(var(--hs) * 3px) 0 var(--dq-brown-soft);cursor:pointer;background:#fffffff0;flex-direction:column;display:flex}.hm-slot.innate{border-color:var(--rarity-epic);box-shadow:0 0 0 calc(var(--hs) * 2px) var(--rarity-epic), 0 calc(var(--hs) * 3px) 0 var(--rarity-epic-d)}.hm-slot img{width:calc(var(--hs) * 48px);height:calc(var(--hs) * 48px);object-fit:contain}.hm-slot i{font-size:calc(var(--hs) * 11px);color:var(--dq-brown);font-style:normal;font-weight:900}.hm-slot.empty{background:#ffffff80;border-style:dashed}.hm-slot.empty span{font-size:calc(var(--hs) * 30px);color:#b7a68c;font-weight:900}.hm-skills{grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(var(--hs) * 132px);align-content:center;gap:calc(var(--hs) * 8px);flex:auto;min-height:0;display:grid}.hm-sk{justify-content:center;align-items:center;gap:calc(var(--hs) * 1px);padding:calc(var(--hs) * 6px) calc(var(--hs) * 4px);border:calc(var(--hs) * 2.5px) solid var(--dq-brown);border-radius:calc(var(--hs) * 14px);box-shadow:inset 0 calc(var(--hs) * 3px) 0 #ffffffe6, 0 calc(var(--hs) * 3px) 0 var(--dq-brown-soft);cursor:pointer;background:#fffffff0;flex-direction:column;display:flex}.hm-sk.on{border-color:var(--dq-orange-d);box-shadow:0 0 0 calc(var(--hs) * 2px) var(--dq-orange), 0 calc(var(--hs) * 3px) 0 var(--dq-orange-d)}.skc-ico{width:calc(var(--hs) * 44px);height:calc(var(--hs) * 44px);object-fit:contain}.hm-sk{position:relative}.skc-lv{top:calc(var(--hs) * 4px);right:calc(var(--hs) * 4px);padding:0 calc(var(--hs) * 7px);font-size:calc(var(--hs) * 11px);color:#fff;background:var(--dq-blue);border-radius:999px;font-weight:900;position:absolute}.skc-name{font-size:calc(var(--hs) * 11px);color:var(--dq-brown);font-weight:900;line-height:1.1}.skc-bar{width:80%;height:calc(var(--hs) * 7px);background:#5b3a1e26;border-radius:999px;overflow:hidden}.skc-bar i{background:linear-gradient(90deg, var(--dq-blue-l), var(--dq-blue));height:100%;display:block}.skc-fn{font-size:calc(var(--hs) * 10px);color:#8a7860;font-weight:700}.sk-panel{width:min(90%,520px)}.sk-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.skst{background:#5b3a1e0f;border-radius:12px;flex-direction:column;align-items:center;min-width:88px;padding:6px 10px;display:flex}.skst span{color:#8a7860;font-size:12px}.skst b{color:var(--dq-brown);font-size:17px}.sk-fragline{color:var(--dq-orange-d);margin-top:12px;font-size:13px;font-weight:800}.sk-lvline{color:var(--dq-brown);margin-top:8px;font-size:15px;font-weight:900}.sk-lvline span{color:var(--dq-orange)}.lvlist{flex-direction:column;gap:4px;max-height:30vh;margin-top:8px;display:flex;overflow-y:auto}.lvrow{color:#9a8a72;text-align:left;border-radius:10px;padding:3px 10px;font-size:12.5px;font-weight:700}.lvrow.on{color:var(--dq-brown);background:#ff9c2e24}.sk-btn2{justify-content:center;gap:10px;margin-top:14px;display:flex}.sk-btn2 .panel-btn{max-width:160px}.panel-btn.grayed{filter:grayscale(.7);opacity:.6;pointer-events:none}.reward{color:var(--dq-orange-d);background:#ff9c2e24;border-radius:14px;margin-top:14px;padding:12px;font-size:20px;font-weight:900}#dq-toast{z-index:200;color:#fff;opacity:0;pointer-events:none;background:#3a2a18eb;border:2px solid #ffffff40;border-radius:999px;max-width:80vw;padding:10px 18px;font-size:14px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;bottom:12%;left:50%;transform:translate(-50%,12px)}#dq-toast.show{opacity:1;transform:translate(-50%)}#overlay{z-index:20;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;left:0}#rotate-tip{z-index:100;-webkit-backdrop-filter:blur(3px);background:#0c0a189e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rotate-card{border:4px solid var(--dq-brown);text-align:center;background:#fff;border-radius:28px;width:min(86vw,420px);padding:34px 26px 30px;box-shadow:0 10px #5b3a1e47,0 20px 44px #00000059}.rotate-icon{font-size:58px;line-height:1;animation:1.6s ease-in-out infinite dq-tilt}@keyframes dq-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-title{color:var(--dq-brown);letter-spacing:2px;margin-top:16px;font-size:22px;font-weight:900}.rotate-desc{color:#8a7860;margin-top:12px;font-size:14px;line-height:1.7}.dq-panel{background:var(--dq-card);border:4px solid var(--dq-brown);box-shadow:inset 0 6px 0 #ffffffe6, 0 10px 0 var(--dq-brown-soft), 0 16px 30px #00000040;border-radius:28px;padding:22px}.dq-btn{color:#fff;background:linear-gradient(180deg, var(--dq-orange-l), var(--dq-orange));border:3px solid var(--dq-brown);box-shadow:inset 0 4px 0 #ffffff8c, 0 6px 0 var(--dq-orange-d);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-size:17px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex}.dq-btn:active{box-shadow:inset 0 4px 0 #ffffff73, 0 2px 0 var(--dq-orange-d);transform:translateY(4px)}.dq-btn.blue{background:linear-gradient(180deg, var(--dq-blue-l), var(--dq-blue));box-shadow:inset 0 4px 0 #ffffff8c, 0 6px 0 var(--dq-blue-d)}.dq-btn.blue:active{box-shadow:inset 0 4px 0 #ffffff73, 0 2px 0 var(--dq-blue-d)}.r-common{--r:var(--rarity-common);--r-l:var(--rarity-common-l);--r-d:var(--rarity-common-d)}.r-rare{--r:var(--rarity-rare);--r-l:var(--rarity-rare-l);--r-d:var(--rarity-rare-d)}.r-epic{--r:var(--rarity-epic);--r-l:var(--rarity-epic-l);--r-d:var(--rarity-epic-d)}.r-legend{--r:var(--rarity-legend);--r-l:var(--rarity-legend-l);--r-d:var(--rarity-legend-d)}.r-myth{--r:var(--rarity-myth);--r-l:var(--rarity-myth-l);--r-d:var(--rarity-myth-d)}.r-ring{border:3px solid var(--r,var(--dq-brown));box-shadow:0 0 0 3px var(--r,transparent), 0 0 14px var(--r,transparent)}.panel{background:var(--dq-card);border:4px solid var(--dq-brown);text-align:center;width:min(88%,480px);box-shadow:inset 0 6px 0 #ffffffe6, 0 10px 0 var(--dq-brown-soft), 0 16px 34px #0000004d;border-radius:28px;padding:26px 22px 22px;animation:.18s ease-out dq-pop}@keyframes dq-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.panel-title{letter-spacing:1px;color:var(--dq-brown);font-size:22px;font-weight:900}.panel-desc{color:#7a6a52;margin-top:12px;font-size:14px;line-height:1.7}.panel-desc b{color:var(--dq-orange-d)}.panel-btns{justify-content:center;gap:12px;margin-top:20px;display:flex}.panel-btn{color:#fff;background:linear-gradient(180deg, var(--dq-orange-l), var(--dq-orange));border:3px solid var(--dq-brown);max-width:180px;box-shadow:inset 0 4px 0 #ffffff8c, 0 5px 0 var(--dq-orange-d);cursor:pointer;border-radius:999px;flex:1;padding:13px 20px;font-size:16px;font-weight:900;transition:transform .1s,box-shadow .1s}.panel-btn:active{box-shadow:inset 0 4px 0 #ffffff73, 0 1px 0 var(--dq-orange-d);transform:translateY(4px)}.panel-btn.blue{background:linear-gradient(180deg, var(--dq-blue-l), var(--dq-blue));box-shadow:inset 0 4px 0 #ffffff8c, 0 5px 0 var(--dq-blue-d)}.panel-btn.blue:active{box-shadow:inset 0 4px 0 #ffffff73, 0 1px 0 var(--dq-blue-d)}.panel-btn.danger{background:linear-gradient(#ffb0a0,#e0553f);box-shadow:inset 0 4px #ffffff80,0 5px #8f2a1c}.panel-btn.danger:active{box-shadow:inset 0 4px #fff6,0 1px #8f2a1c}.drop-title{letter-spacing:1px;color:var(--dq-brown);margin-top:18px;font-size:15px;font-weight:900}.drops{flex-wrap:wrap;justify-content:center;gap:10px;max-height:44vh;margin-top:12px;display:flex;overflow-y:auto}.drop{border:2px solid var(--r,#5b3a1e1f);width:86px;box-shadow:0 0 10px var(--r,transparent);background:#5b3a1e0f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 7px;display:flex}.dropico{width:50px;height:50px;display:block;position:relative}.dropico img{object-fit:contain;width:100%;height:100%}.dropico .bd{width:22px;height:22px;position:absolute;bottom:-5px;right:-5px}.drop-n{color:var(--dq-orange-d);font-size:14px;font-weight:900}.drop-nm{color:#6b5a44;text-align:center;font-size:11px;font-weight:700;line-height:1.2}.panel.wide{width:min(94%,660px)}.cards{justify-content:center;align-items:stretch;gap:12px;margin-top:16px;display:flex}.card{border:3px solid var(--r,var(--dq-brown));text-align:center;cursor:pointer;max-width:190px;min-height:196px;box-shadow:0 0 0 3px var(--r,transparent), 0 6px 0 #5b3a1e2e, 0 0 16px var(--r,transparent);background:#fff;border-radius:18px;flex-direction:column;flex:1 1 0;align-items:center;gap:5px;padding:12px 8px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.card:active{box-shadow:0 0 0 3px var(--r,transparent), 0 2px 0 #5b3a1e2e;transform:translateY(4px)}.card-ico-wrap{border:2px solid var(--r,#ddd);background:#0000000d;border-radius:15px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.card-ico{object-fit:contain;width:100%;height:100%}.card .nm{color:var(--dq-brown);font-size:13px;font-weight:900;line-height:1.25}.card .lv{color:#fff;background:var(--r,#888);border-radius:999px;padding:1px 11px;font-size:11px;font-weight:900;box-shadow:inset 0 2px #ffffff59}.card .ds{color:#6b5a44;font-size:11.5px;font-weight:700;line-height:1.45}.card .ds .prog{opacity:.62;font-size:11px}.auto{color:#6b5a44;cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.auto input{width:18px;height:18px;accent-color:var(--dq-orange)}.auto b{color:var(--dq-orange-d)}.actions{justify-content:center;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.refresh-col{flex-direction:column;align-items:center;gap:6px;display:flex}.refresh-tip{color:#fff;text-shadow:0 1px 3px #00000073;font-size:12px;font-weight:800}.refresh-tip .tip-legend{color:#c77bff}.act{color:#fff;background:linear-gradient(180deg, var(--dq-orange-l), var(--dq-orange));border:3px solid var(--dq-brown);cursor:pointer;min-width:150px;box-shadow:inset 0 4px 0 #ffffff80, 0 5px 0 var(--dq-orange-d);border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:10px 18px;transition:transform .1s,box-shadow .1s;display:flex}.act b{font-size:15px;font-weight:900}.act span{opacity:.92;font-size:11px}.act:active{box-shadow:inset 0 4px 0 #fff6, 0 1px 0 var(--dq-orange-d);transform:translateY(4px)}.act.act-getall{background:linear-gradient(#ffe08a,#f0a92e);box-shadow:inset 0 4px #ffffff8c,0 5px #a85300}.act.act-getall:active{box-shadow:inset 0 4px #ffffff73,0 1px #a85300}.act.off{filter:grayscale(.72);opacity:.55;pointer-events:none}.sklist{flex-direction:column;gap:10px;max-height:58vh;margin-top:14px;display:flex;overflow-y:auto}.skrow{background:#5b3a1e0f;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.skrow-ico{object-fit:contain;flex:none;width:46px;height:46px}.skrow-main{text-align:left;flex:1;min-width:0}.skrow-hd{color:#6b5a44;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.skrow-hd b{color:var(--dq-brown);font-size:14px}.skrow-hd .sk-innate{color:#fff;background:var(--dq-orange);border-radius:999px;margin-left:5px;padding:0 6px;font-size:10px;font-style:normal;font-weight:900}.dim{color:#7a6a52;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.dim-nm{flex:none;width:60px}.dim-bar{background:#5b3a1e26;border-radius:999px;flex:1;height:8px;overflow:hidden}.dim-bar i{background:linear-gradient(90deg, var(--dq-orange-l), var(--dq-orange));border-radius:999px;height:100%;display:block}.dim-v{text-align:right;flex:none;width:34px}