:root{--c-void:#181425;--c-night:#262b44;--c-slate:#3a4466;--c-slot:#5a6988;--c-mist:#8b9bb4;--c-pale:#c0cbdc;--c-white:#fff;--c-parch:#ead4aa;--c-gold:#feae34;--c-yellow:#fee761;--c-red:#e43b44;--c-green:#63c74d;--c-blue:#0099db;--c-cyan:#2ce8f5;--c-violet:#b07ce8;--c-purple:#7b3fc4;--c-orange:#f77622;--r-R:#c28569;--r-SR:#8b9bb4;--r-SSR:#feae34;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--c-void);height:100%;margin:0}body{font-family:var(--font);color:var(--c-parch);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit}img{image-rendering:pixelated}#root{justify-content:center;height:100%;display:flex}.app{background:var(--c-night);width:100%;max-width:480px;height:100dvh;box-shadow:0 0 0 2px var(--c-void);flex-direction:column;display:flex;position:relative;overflow:hidden}.topbar{background:var(--c-void);border-bottom:2px solid var(--c-slate);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex}.currency{color:var(--c-white);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.currency img{width:18px;height:18px}.topbar .spacer{flex:1}.main{flex:1;padding:10px;overflow:hidden auto}.nav{background:var(--c-void);border-top:2px solid var(--c-slate);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(9,1fr);display:grid}.nav button{color:var(--c-mist);letter-spacing:-.3px;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 0 7px;font-size:11.5px;font-weight:700;display:flex}.nav button .dot{background:0 0;border-radius:1px;width:6px;height:6px}.nav button.active{color:var(--c-gold)}.nav button.active .dot{background:var(--c-gold)}h2{color:var(--c-white);margin:4px 0 10px;font-size:16px}h3{color:var(--c-parch);margin:12px 0 6px;font-size:14px}.muted{color:var(--c-mist);font-size:12px}.panel{background:var(--c-slate);border:2px solid var(--c-void);border-radius:4px;margin-bottom:10px;padding:10px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.btn{background:var(--c-gold);color:var(--c-void);border:2px solid var(--c-void);cursor:pointer;white-space:nowrap;border-radius:3px;padding:7px 12px;font-size:13px;font-weight:800;box-shadow:inset 0 -3px #00000040}.btn:active{box-shadow:none;transform:translateY(1px)}.btn:disabled{background:var(--c-slate);color:var(--c-mist);cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--c-pale)}.btn.danger{background:var(--c-red);color:var(--c-white)}.btn.small{padding:4px 8px;font-size:12px}.chip{border:2px solid var(--c-void);background:var(--c-night);color:var(--c-pale);cursor:pointer;border-radius:3px;padding:3px 8px;font-size:12px}.chip.on{background:var(--c-gold);color:var(--c-void);font-weight:800}.tabs{gap:6px;margin-bottom:10px;display:flex}.tabs .chip{text-align:center;flex:1;padding:6px;font-size:13px}.slot{background:var(--c-slot);border:2px solid var(--c-void);border-radius:3px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.slot img{width:32px;height:32px}.slot.large img{width:48px;height:48px}.slot .qty{color:var(--c-white);text-shadow:1px 1px 0 var(--c-void), -1px -1px 0 var(--c-void), 1px -1px 0 var(--c-void), -1px 1px 0 var(--c-void);font-size:11px;font-weight:800;position:absolute;bottom:0;right:1px}.slot.empty{opacity:.6}.slot.R{box-shadow:inset 0 -3px 0 var(--r-R)}.slot.SR{box-shadow:inset 0 -3px 0 var(--r-SR)}.slot.SSR{box-shadow:inset 0 -3px 0 var(--r-SSR)}.rarity{color:var(--c-void);border-radius:2px;padding:1px 4px;font-size:11px;font-weight:900}.rarity.R{background:var(--r-R)}.rarity.SR{background:var(--r-SR)}.rarity.SSR{background:var(--r-SSR)}.grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.cell{text-align:center;color:var(--c-pale);flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex}.bar{background:var(--c-void);border-radius:2px;height:6px;overflow:hidden}.bar>div{background:var(--c-green);height:100%}.battle-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.battle-head .title{color:var(--c-white);font-size:14px;font-weight:800}.battle-head .wave{color:var(--c-parch);font-size:12px}.canvas-wrap{aspect-ratio:16/9;background:var(--c-void);border:2px solid var(--c-void);border-radius:3px;width:100%;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.controls{gap:6px;display:flex}.toggle{border:2px solid var(--c-void);background:var(--c-night);color:var(--c-pale);cursor:pointer;border-radius:3px;align-items:center;gap:3px;padding:3px 7px;font-size:12px;font-weight:800;display:inline-flex}.toggle.on{background:var(--c-gold);color:var(--c-void)}.toggle.locked{opacity:.55}.skillbar{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.skill{background:var(--c-slot);border:2px solid var(--c-void);color:var(--c-white);cursor:pointer;border-radius:3px;flex-direction:column;align-items:center;gap:2px;min-height:74px;padding:6px 2px 4px;font-size:11px;display:flex;position:relative}.skill img.icon{width:32px;height:32px}.skill .cd{width:34px;height:34px;color:var(--c-white);background:#181425b8;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.skill.ready.manual{border-color:var(--c-gold);animation:.9s ease-in-out infinite alternate glow}.skill.queued{border-color:var(--c-cyan)}.skill.dead{opacity:.4}.skill .who{color:var(--c-parch);font-size:10px}@keyframes glow{0%{box-shadow:0 0 #feae3400}to{box-shadow:0 0 10px 2px #feae34bf}}.notice{background:var(--c-purple);color:var(--c-white);border:2px solid var(--c-void);border-radius:3px;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;font-size:12px;display:flex}.hp-list{grid-template-columns:repeat(2,1fr);gap:4px 10px;margin-top:8px;font-size:11px;display:grid}.area-card{cursor:pointer;align-items:stretch;gap:10px;display:flex}.area-card .thumb{aspect-ratio:16/9;border:2px solid var(--c-void);border-radius:3px;flex:none;width:112px;position:relative;overflow:hidden}.area-card .thumb img{object-fit:cover;width:100%;height:100%}.area-card.locked{cursor:default}.area-card.locked .thumb img{filter:grayscale()brightness(.5)}.area-card.current{outline:2px solid var(--c-gold)}.tag{background:var(--c-night);color:var(--c-pale);border-radius:2px;padding:1px 5px;font-size:11px}.tag.full{background:var(--c-red);color:var(--c-white)}.tag.role{background:var(--c-slate);color:var(--c-yellow);margin-left:4px}.drop-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.drop-chip{background:var(--c-night);color:var(--c-pale);border-radius:2px;align-items:center;gap:2px;padding:1px 5px 1px 2px;display:inline-flex}.drop-chip img{width:16px;height:16px}.drop-chip.rare{color:var(--c-violet);box-shadow:inset 0 0 0 1px var(--c-purple)}.drop-chip.fixed{color:var(--c-gold);box-shadow:inset 0 0 0 1px var(--c-gold)}.area-hero{aspect-ratio:16/9;border:2px solid var(--c-void);border-radius:3px;position:relative;overflow:hidden}.area-hero img{object-fit:cover;width:100%;height:100%;display:block}.area-hero-title{background:linear-gradient(#0000,#181425e6);align-items:center;gap:6px;padding:14px 8px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.area-hero-title b{color:var(--c-white);font-size:16px}.enemy-pic{background:var(--c-void);border-radius:3px;flex:none;width:56px;height:56px;overflow:hidden}.enemy-pic img{object-fit:contain;width:100%;height:100%;transform:scaleX(-1)}.drop-table{flex-direction:column;gap:6px;display:flex}.warn{color:var(--c-red)}.formation{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.formation .pos{background:var(--c-night);border:2px solid var(--c-void);cursor:pointer;color:var(--c-pale);border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:11px;display:flex}.formation .pos.selected{border-color:var(--c-gold);background:var(--c-slate)}.formation .pos img{width:48px;height:48px}.char-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.char-card{background:var(--c-night);border:2px solid var(--c-void);cursor:pointer;border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:11px;display:flex;position:relative}.char-card img{width:48px;height:48px}.char-card.inteam:after{content:"隊";background:var(--c-gold);color:var(--c-void);border-radius:2px;padding:0 3px;font-size:10px;font-weight:900;position:absolute;top:2px;right:2px}.char-card.notowned{opacity:.35;cursor:default}.char-card:hover{border-color:var(--c-slate)}.char-card .info-btn{background:var(--c-void);width:18px;height:18px;color:var(--c-cyan);cursor:pointer;border:0;border-radius:50%;padding:0;font-size:13px;line-height:18px;position:absolute;top:1px;right:1px}.char-card .info-btn:hover{background:var(--c-slate);color:var(--c-white)}.stars{color:var(--c-gold);letter-spacing:-1px;font-size:11px}.stat-table{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;font-size:12px;display:grid}.stat-table div{background:var(--c-night);border-radius:2px;padding:3px 0}.stat-table b{color:var(--c-white);font-size:13px;display:block}.modal-back{z-index:20;background:#181425d1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal{background:var(--c-night);border:2px solid var(--c-gold);border-radius:4px;width:100%;max-height:90%;padding:14px;overflow-y:auto}.modal h2{margin-top:0}.modal .actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.toast{background:var(--c-void);color:var(--c-white);border:2px solid var(--c-gold);z-index:30;text-align:center;border-radius:3px;max-width:90%;padding:7px 12px;font-size:13px;animation:.18s ease-out toastIn;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.gacha-overlay{z-index:25;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 42%,#262b44 0%,#181425 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.gacha-foot{text-align:center;font-size:12px;position:absolute;bottom:18px;left:0;right:0}.gacha-foot .btn{min-width:120px;animation:.25s ease-out both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@property --c1{syntax:"<color>";inherits:true;initial-value:#2ce8f5}@property --c2{syntax:"<color>";inherits:true;initial-value:#0099db}.summon{--c1:#2ce8f5;--c2:#0099db;width:240px;height:240px;position:relative}.summon.SR{animation:1.7s linear forwards toSR}.summon.SSR{animation:2.3s linear forwards toSSR}@keyframes toSR{0%,40%{--c1:#2ce8f5;--c2:#0099db}52%,to{--c1:#b07ce8;--c2:#7b3fc4}}@keyframes toSSR{0%,25%{--c1:#2ce8f5;--c2:#0099db}35%,48%{--c1:#b07ce8;--c2:#7b3fc4}58%,to{--c1:#fee761;--c2:#feae34}}.summon .ring{border-radius:50%;position:absolute;inset:0}.summon .ring.outer{border:3px dashed var(--c1);box-shadow:0 0 14px var(--c2), inset 0 0 14px var(--c2);animation:3.2s linear infinite spin,.5s ease-out both ringIn}.summon .ring.inner{border:2px solid var(--c1);animation:2.2s linear infinite reverse spin,.5s ease-out .1s both ringIn;inset:34px}.summon .ring.inner:before,.summon .ring.inner:after{content:"";border:2px solid var(--c2);position:absolute;inset:18px;transform:rotate(45deg)}.summon .ring.inner:after{transform:rotate(0)}.summon .ring.glyphs{background:repeating-conic-gradient(from 0deg, var(--c1) 0deg 3deg, transparent 3deg 22.5deg);animation:5s linear infinite spin,.5s ease-out .2s both ringIn;inset:12px;-webkit-mask:radial-gradient(circle,#0000 0 calc(50% - 8px),#000 calc(50% - 7px) calc(50% - 2px),#0000 calc(50% - 1px));mask:radial-gradient(circle,#0000 0 calc(50% - 8px),#000 calc(50% - 7px) calc(50% - 2px),#0000 calc(50% - 1px))}.summon .orb{background:radial-gradient(circle, #fff 0 30%, var(--c1) 55%, transparent 72%);width:46px;height:46px;box-shadow:0 0 24px 8px var(--c2);border-radius:50%;margin:-23px 0 0 -23px;animation:1.5s ease-in forwards charge;position:absolute;top:50%;left:50%}.summon.SR .orb{animation-duration:1.7s}.summon.SSR .orb{animation-duration:2.3s}@keyframes charge{0%{opacity:.4;transform:scale(.15)}80%{opacity:1;transform:scale(1.1)}90%{transform:scale(.9)}to{opacity:1;transform:scale(2.4)}}.summon .mote{background:var(--c1);width:5px;height:5px;box-shadow:0 0 6px var(--c1);animation:converge .9s var(--d) ease-in infinite;margin:-2px;position:absolute;top:50%;left:50%}@keyframes converge{0%{transform:rotate(var(--a)) translateX(150px);opacity:0}20%{opacity:1}to{transform:rotate(var(--a)) translateX(6px);opacity:.2}}.summon .rays{display:none}.summon.SSR .rays{background:repeating-conic-gradient(#fee76152 0deg 8deg,#0000 8deg 24deg);animation:6s linear infinite spin,2.3s ease-in both raysIn;display:block;position:absolute;inset:-140px;-webkit-mask:radial-gradient(circle,#000 0 30%,#0000 68%);mask:radial-gradient(circle,#000 0 30%,#0000 68%)}@keyframes raysIn{0%,55%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ringIn{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.summon-flash{background:#fff;animation:.26s ease-out forwards flashOut;position:absolute;inset:0}.summon-flash.SSR{background:#fee761}@keyframes flashOut{0%{opacity:1}to{opacity:0}}.gcards{grid-template-columns:repeat(5,1fr);gap:8px 6px;width:100%;padding:0 10px 40px;display:grid}.gcards.single{justify-content:center;display:flex}.gcards.single .gcard{width:150px}.gcard{perspective:600px;flex-direction:column;align-items:center;gap:3px;animation:.32s ease-out both cardIn;display:flex;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(-40px)scale(.8)}to{opacity:1;transform:none}}.gcard-inner{aspect-ratio:2/3;width:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.3,1.4,.5,1);position:relative}.gcard.flipped .gcard-inner{transform:rotateY(180deg)}.gcard.clickable{cursor:pointer}.gcard.clickable:hover .gcard-inner{transform:rotateY(180deg)translateY(-4px)}.gcard-back,.gcard-front{backface-visibility:hidden;border-radius:4px;position:absolute;inset:0;overflow:hidden}.gcard-back{border:2px solid var(--c-gold);box-shadow:inset 0 0 0 2px var(--c-void), inset 0 0 0 4px #8b9bb4;background:repeating-linear-gradient(45deg,#3a4466 0 4px,#262b44 4px 8px);place-items:center;display:grid}.gcard-back .emblem{aspect-ratio:1;border:3px solid var(--c-gold);background:var(--c-void);width:34%;box-shadow:0 0 0 2px var(--c-void);transform:rotate(45deg)}.gcard.charging .gcard-back{animation:.12s linear infinite chargeShake}.gcard.SR.charging .gcard-back{box-shadow:0 0 12px 3px var(--c-violet), inset 0 0 0 2px var(--c-void);border-color:var(--c-violet)}.gcard.SSR.charging .gcard-back{box-shadow:0 0 18px 6px var(--c-gold), inset 0 0 0 2px var(--c-void);border-color:var(--c-yellow)}@keyframes chargeShake{0%,to{transform:translate(0)}25%{transform:translate(-1px)rotate(-1deg)}75%{transform:translate(1px)rotate(1deg)}}.gcard-front{background:var(--c-void);border:2px solid var(--r-R);justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.gcard-front img{object-fit:contain;width:100%;height:100%;position:relative}.gcard-front.weapon img{width:72%;height:auto}.gcard.SR .gcard-front{border-color:var(--c-violet);box-shadow:inset 0 0 14px #b07ce88c}.gcard.SSR .gcard-front{border-color:var(--c-gold);box-shadow:inset 0 0 18px #feae3499}.gcard.SSR .gcard-front:before{content:"";background:repeating-conic-gradient(#fee76159 0deg 10deg,#0000 10deg 30deg);animation:5s linear infinite spin;position:absolute;inset:-50%}.gcard.flipped.SR:after,.gcard.flipped.SSR:after{content:"";pointer-events:none;border-radius:50%;width:0;height:0;animation:.55s ease-out both burst;position:absolute;top:33%;left:50%}.gcard.flipped.SR:after{--burst:#b07ce8}.gcard.flipped.SSR:after{--burst:#fee761;animation-duration:.8s}@keyframes burst{0%{box-shadow:0 0 0 0 var(--burst);opacity:.9}to{box-shadow:0 0 0 70px var(--burst);opacity:0}}.gcard-info{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:1px;min-height:40px;font-size:10px;transition:opacity .2s .25s;display:flex}.gcard.flipped .gcard-info{opacity:1}.gcard-info .name{color:var(--c-white)}.gcard-info .new{color:var(--c-gold);font-weight:900}.gcards.single .gcard-info{font-size:13px}.gcard-info .gold{color:var(--c-yellow)}.overflow-note{color:var(--c-yellow);margin-bottom:8px;font-size:12px;animation:.25s ease-out both fadeUp}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:30px;display:flex}.loading .bar{width:70%;height:10px}.story-text{color:var(--c-parch);white-space:pre-wrap;font-size:14px;line-height:1.9}textarea{background:var(--c-void);width:100%;min-height:90px;color:var(--c-pale);border:2px solid var(--c-slate);border-radius:3px;font-family:monospace;font-size:11px}.toggle img{width:14px;height:14px}.full{background:var(--c-void);border:2px solid var(--c-void);border-radius:3px;width:100%;height:auto;display:block}.panel.log{margin-top:10px;font-size:12px}.log-line{border-top:1px solid var(--c-night);color:var(--c-pale);padding:3px 0}.log-line:first-of-type{color:var(--c-white)}.stepper{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.stepper input{text-align:center;background:var(--c-void);width:64px;color:var(--c-white);border:2px solid var(--c-slate);font:inherit;border-radius:3px;padding:4px;font-weight:800}.trade{text-align:center;flex-direction:column;gap:3px;margin-top:10px;font-size:13px;display:flex}.trade b{color:var(--c-white)}.cell.pickable{cursor:pointer;border:2px solid #0000;border-radius:3px;padding:2px}.cell.picked,.panel.picked{border-color:var(--c-gold);background:var(--c-slate)}.btn.pity-ready{animation:1.2s ease-in-out infinite pityGlow}@keyframes pityGlow{0%,to{box-shadow:0 0 #feae34b3}50%{box-shadow:0 0 10px 3px #feae34e6}}.panel.equip-row.steal{border-color:var(--c-orange)}.steal-warn{background:var(--c-red);color:var(--c-white);border-radius:2px;margin-top:6px;padding:4px 8px;font-size:12px;font-weight:800}.task-row{gap:6px;margin-top:10px;display:flex}.task-row .seg{background:var(--c-void);border:2px solid var(--c-slate);cursor:pointer;color:var(--c-white);border-radius:3px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;padding:7px 8px;font-size:12px;display:flex}.task-row .seg.ready{border-color:var(--c-gold)}.task-row .seg>.muted:last-child{margin-left:auto}.badge{background:var(--c-gold);color:var(--c-void);border-radius:2px;padding:1px 6px;font-size:11px;font-weight:900;animation:1.2s ease-in-out infinite pityGlow}.panel.task{align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.panel.task.ready{border-color:var(--c-gold)}.panel.task.claimed{opacity:.6}.panel.task .bar{margin-top:4px}.ms-chip{background:var(--c-night);color:var(--c-mist);border:1px solid var(--c-slate);border-radius:2px;padding:1px 6px;font-size:11px}.ms-chip.done{color:var(--c-void);background:var(--c-gold);border-color:var(--c-gold)}.ms-chip.claimable{color:var(--c-white);background:var(--c-night);border-color:var(--c-gold);font:inherit;cursor:pointer;font-size:11px;animation:1.2s ease-in-out infinite pityGlow}.week-bar{background:var(--c-void);border-radius:2px;height:10px;margin:18px 0 14px;position:relative}.week-bar .fill{background:var(--c-gold);border-radius:2px;height:100%}.week-bar .mark{color:var(--c-mist);font-size:10px;position:absolute;top:-15px;transform:translate(-50%)}.week-bar .mark:after{content:"";background:var(--c-slate);width:2px;height:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.week-bar .mark.hit{color:var(--c-gold);font-weight:800}.week-bar .mark.hit:after{background:var(--c-gold)}.reward-chip{color:var(--c-pale);background:var(--c-night);border-radius:2px;align-items:center;gap:3px;padding:1px 5px;font-size:11px;display:inline-flex}.reward-chip img{width:14px;height:14px}.kind{gap:3px;display:inline-flex}.kind .tag{padding:0 4px;font-size:10px}.tag.el{color:var(--c-void);font-weight:800}.tag.el.fire{background:var(--c-orange)}.tag.el.wind{background:var(--c-green)}.tag.el.water{background:var(--c-cyan)}.tag.el.light{background:var(--c-yellow)}.tag.el.dark{background:var(--c-violet)}.floor{margin-bottom:10px}.floor-head{background:var(--c-void);border:2px solid var(--c-slate);cursor:pointer;border-radius:3px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;font-size:13px;display:flex}.floor-head b{color:var(--c-white);font-size:15px}.floor-head .chev{color:var(--c-gold);width:12px}.floor.collapsed .floor-head{margin-bottom:0}.panel input[type=range]{accent-color:var(--c-gold);min-width:0}.craft-area{margin:4px 0 12px}.craft-area-head{border-left:3px solid var(--c-gold);background:var(--c-void);align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;font-size:12px;display:flex}.craft-area-head b{color:var(--c-white);font-size:13px}.craft-area-head.locked{border-left-color:var(--c-slate);opacity:.7}.craft-area-head .drops{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.runs-left{color:var(--c-white);font-size:13px;font-weight:800}.dungeon-card .tier-row{background:var(--c-void);border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;font-size:12px;display:flex}.dungeon-card .tier-row b{color:var(--c-white);font-size:13px}.dungeon-card .tier-row.locked{opacity:.7}.inline-ico{vertical-align:-3px;width:16px;height:16px}.battle-head .title .tag{vertical-align:1px;margin-left:4px}.btn.sweep{background:var(--c-cyan)}.btn.sweep:disabled{background:var(--c-slate)}.sound-toggle{background:var(--c-night);border:2px solid var(--c-slate);cursor:pointer;filter:grayscale();opacity:.75;border-radius:3px;width:30px;height:26px;padding:0;font-size:14px;line-height:1}.sound-toggle.on{border-color:var(--c-gold);filter:none;opacity:1}.auth-form{flex-direction:column;gap:8px;display:flex}.auth-form label{color:var(--c-pale);flex-direction:column;gap:3px;font-size:12px;display:flex}.auth-form label.check{flex-direction:row;align-items:center;gap:6px}.auth-form input[type=text],.auth-form input[type=password],.auth-form input:not([type]){background:var(--c-void);color:var(--c-white);border:2px solid var(--c-slate);border-radius:3px;padding:7px 8px;font-family:inherit;font-size:14px}.auth-form input:focus{border-color:var(--c-gold);outline:none}