:root{--ink:#2a2140;--ink-soft:#4b3f5e;--cream:#fff8ec;--paper:#fffdf8;--peach:#ffb89a;--pink:#ff9fc0;--mint:#8fe3c0;--sky:#8fd3ff;--lav:#b8a8ff;--gold:#ffd75e;--hp:#ff6b8a;--xp:#8fd3ff;--radius:18px;--font-head:"Baloo 2", "Nunito", system-ui, sans-serif;--font:"Nunito", system-ui, -apple-system, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}#game{width:100vw;height:100vh;height:100dvh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui>*{pointer-events:auto}button{cursor:pointer;font-family:inherit}input{-webkit-user-select:text;user-select:text;font-family:inherit}.btn{appearance:none;border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:14px;min-height:46px;padding:10px 18px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, #ffd0e0, var(--pink))}.btn.danger{background:#ffd6d6}.btn.ghost{background:#fffdf8bf}.btn.big{border-radius:18px;min-height:58px;padding:14px 28px;font-size:20px}.btn.wide{width:100%}.btn.loading{opacity:.7}.btn-row{gap:10px;margin-top:16px;display:flex}.btn-row .btn{flex:1}.btn-col{flex-direction:column;gap:10px;display:flex}.muted{color:var(--ink-soft);opacity:.8;font-size:14px}.tiny{text-align:center;margin-top:16px;font-size:12px}.title{padding:calc(40px + var(--safe-t)) 16px calc(28px + var(--safe-b));background:radial-gradient(at 50% 110%,#0000 30%,#2a21408c 100%);flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.title.out{opacity:0}.logo{text-align:center;margin-top:4vh}.logo-mark{font-family:var(--font-head);color:#fff;letter-spacing:-1px;text-shadow:0 4px 0 var(--pink), 0 8px 0 var(--ink), 0 14px 30px #ff9fc099;font-size:clamp(56px,13vw,112px);font-weight:800;line-height:.9;animation:3s ease-in-out infinite bob}.logo-sub{color:#fff;text-shadow:0 2px 0 var(--ink);max-width:420px;margin-top:18px;font-size:clamp(14px,3.6vw,18px);font-weight:700}@keyframes bob{50%{transform:translateY(-8px)}}.title-actions{flex-direction:column;align-items:center;gap:12px;width:min(360px,100%);margin-top:auto;margin-bottom:18px;display:flex}.title-actions .btn{width:100%}.title-status{color:#fff;min-height:20px;text-shadow:0 2px 0 var(--ink);font-weight:700}.season-chip{color:#fff;background:#2a214099;border:2px solid #ffffff4d;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}.lang-btn{top:calc(14px + var(--safe-t));border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffdf8d9;border-radius:12px;padding:6px 12px;font-weight:800;position:absolute;right:16px}.fade{background:var(--ink);opacity:0;z-index:50;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.fade.in{opacity:1}.flash-white{opacity:1;z-index:40;pointer-events:none;background:#fffaf2;transition:opacity 1.2s;position:fixed;inset:0}.flash-white.out,.flash-white.slow{opacity:0}.flash-white.slow.in{opacity:1}.flash-white.slow.out{opacity:0}.vn-layer{pointer-events:none;position:fixed;inset:0}.vn-layer>*{pointer-events:auto}.intro-black{z-index:30;background:#0b0812;justify-content:center;align-items:center;padding:16px;transition:background .9s;display:flex;position:fixed;inset:0}.intro-black.to-white{background:#fffaf2}.intro-line{color:#e8e0f0;opacity:0;text-align:center;font-size:clamp(18px,4.5vw,26px);font-weight:700;transition:opacity .6s,transform .6s;transform:translateY(8px)}.intro-line.in{opacity:1;transform:none}.vn-box{left:50%;bottom:calc(18px + var(--safe-b));border:3px solid var(--ink);width:min(720px,100% - 32px);box-shadow:0 6px 0 var(--ink);cursor:pointer;background:#fffdf8f5;border-radius:20px;padding:22px 20px 18px;animation:.25s ease-out pop;position:fixed;transform:translate(-50%)}.vn-name{background:linear-gradient(180deg, #fff1b8, var(--gold));border:3px solid var(--ink);font-weight:800;font-family:var(--font-head);border-radius:12px;padding:2px 14px;position:absolute;top:-18px;left:18px}.vn-text{min-height:3em;font-size:clamp(16px,4vw,19px);font-weight:700;line-height:1.5}.vn-next{opacity:0;animation:1s infinite blink;position:absolute;bottom:8px;right:16px}.vn-box.done .vn-next{opacity:1}.vn-box.has-input{cursor:default}.vn-form{gap:10px;margin-top:12px;display:flex}.vn-input,.form input{border:3px solid var(--ink);min-width:0;color:var(--ink);background:#fff;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:16px;font-weight:700}.vn-input:focus,.form input:focus{box-shadow:0 0 0 4px #ff9fc080}@keyframes blink{50%{transform:translateY(3px)}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.96)}}.class-cards{gap:12px;width:min(760px,100% - 32px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-62%)}.class-card{border:3px solid var(--ink);background:var(--paper);box-shadow:0 5px 0 var(--ink);text-align:center;color:var(--ink);border-radius:18px;flex:1;padding:16px 12px;transition:transform .15s;animation:.4s ease-out backwards rise}.class-card:nth-child(2){animation-delay:80ms}.class-card:nth-child(3){animation-delay:.16s}.class-card:hover{transform:translateY(-4px)}.class-card b{font-family:var(--font-head);font-size:20px;display:block}.class-card p{margin:6px 0 0;font-size:13px;line-height:1.35}.cc-icon{background:var(--cc);border:3px solid var(--ink);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 6px;font-size:36px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.gacha{flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:16px;display:flex;position:fixed;inset:0}.gacha-orb{border:3px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff, #d8f4ff 40%, var(--lav));width:180px;height:180px;box-shadow:0 6px 0 var(--ink), 0 0 60px #b8a8ffcc;color:var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite pulse;display:flex}.gacha-orb span{font-size:54px;line-height:1}.gacha-orb b{margin-top:6px;font-size:15px}@keyframes pulse{50%{box-shadow:0 6px 0 var(--ink), 0 0 90px #b8a8ff;transform:scale(1.06)}}.gacha-card{aspect-ratio:3/4.2;perspective:900px;width:min(280px,78vw);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.6,.5,1);position:relative}.gacha-card.spin{animation:1.1s ease-in spin}.gacha-card.flipped{transform:rotateY(180deg)}.gacha-card>div{backface-visibility:hidden;border:3px solid var(--ink);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.gc-back{color:var(--pink);box-shadow:0 6px 0 var(--ink);background:repeating-linear-gradient(45deg,#ffe0ee 0 12px,#fff5fa 12px 24px);font-size:64px}.gc-front{background:radial-gradient(circle at 50% 30%, #fff, color-mix(in srgb, var(--rc) 35%, #fff));box-shadow:0 6px 0 var(--ink), 0 0 50px var(--rc);transform:rotateY(180deg)}.gc-rarity{font-family:var(--font-head);color:#fff;background:var(--rc);border:3px solid var(--ink);text-shadow:0 2px #00000040;border-radius:99px;padding:2px 14px;font-weight:800}.gc-icon{filter:drop-shadow(0 4px #2a214040);margin:14px 0 8px;font-size:72px}.gc-name{font-family:var(--font-head);font-size:24px;font-weight:800;line-height:1.1}.gc-desc{margin-top:8px;font-size:14px;font-weight:700;line-height:1.4}.gc-tag{letter-spacing:2px;opacity:.6;margin-top:10px;font-size:11px;font-weight:800}.r-legendary .gc-front,.r-mythic .gc-front{animation:2s linear infinite shimmer}@keyframes shimmer{50%{box-shadow:0 6px 0 var(--ink), 0 0 90px var(--rc)}}@keyframes spin{0%{transform:rotateY(0)scale(.6)}60%{transform:rotateY(720deg)scale(1.05)}to{transform:rotateY(900deg)scale(1)}}.gacha-actions{flex-wrap:wrap;justify-content:center;gap:10px;animation:.3s ease-out rise;display:flex}.reborn{left:50%;bottom:calc(40px + var(--safe-b));animation:1.4s infinite pulse2;position:fixed;transform:translate(-50%)}@keyframes pulse2{50%{box-shadow:0 4px 0 var(--ink), 0 0 40px #ff9fc0e6}}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.hud-top{top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.pcard{cursor:pointer;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffdf8eb;border-radius:16px;align-items:center;gap:8px;width:min(260px,46vw);padding:6px 10px 6px 6px;display:flex}.portrait{border:3px solid var(--ink);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.pinfo{flex:1;min-width:0}.prow{white-space:nowrap;align-items:baseline;gap:6px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.lv{color:var(--pink);font-family:var(--font-head)}.pname{text-overflow:ellipsis;overflow:hidden}.bar{border:2px solid var(--ink);background:#e8dfe8;border-radius:99px;height:12px;margin-top:3px;position:relative;overflow:hidden}.bar-fill{border-radius:99px;transition:width .15s;position:absolute;inset:0 auto 0 0}.bar-fill.hp{background:linear-gradient(180deg, #ff9fb0, var(--hp))}.bar-fill.hp.low{animation:.6s infinite lowhp}@keyframes lowhp{50%{filter:brightness(1.4)}}.bar-fill.xp{background:linear-gradient(180deg, #c8ecff, var(--xp))}.bar-fill.boss{background:linear-gradient(#ffb0c0,#ff4f7b)}.hpbar{height:14px}.xpbar{height:7px}.bar-text{color:var(--ink);place-items:center;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.hud-center{text-align:center;pointer-events:none;flex:1;min-width:0;padding-top:4px}.hud-title{font-family:var(--font-head);color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 12px #2a214080;font-size:clamp(16px,4vw,24px);font-weight:800}.hud-sub{color:#fff;text-shadow:0 2px 0 var(--ink);font-size:13px;font-weight:700}.menu-btns{align-items:flex-start;gap:6px;display:flex}.icon-btn{border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);background:#fffdf8eb;border-radius:14px;padding:0;font-size:20px}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.gold{border:3px solid var(--ink);height:44px;box-shadow:0 3px 0 var(--ink);white-space:nowrap;background:#fffdf8eb;border-radius:14px;align-items:center;padding:0 10px;font-weight:800;display:flex}.minimap{border:3px solid var(--ink);width:96px;height:96px;box-shadow:0 3px 0 var(--ink);background:#2a21408c;border-radius:14px}.boss-bar{top:calc(78px + var(--safe-t));text-align:center;pointer-events:none;width:min(520px,100% - 32px);position:absolute;left:50%;transform:translate(-50%)}.boss-bar .bar{border-width:3px;height:18px}.boss-name{font-family:var(--font-head);color:#fff;text-shadow:0 2px 0 var(--ink);font-size:16px;font-weight:800}.hidden{display:none!important}.actions{right:calc(14px + var(--safe-r));bottom:calc(16px + var(--safe-b));grid-template-rows:auto auto;grid-template-columns:repeat(3,auto);grid-template-areas:"potion unique skill""dash.attack";align-items:end;gap:10px;display:grid;position:absolute}.actions.town{display:block}.act-btn{border:3px solid var(--ink);width:62px;height:62px;box-shadow:0 4px 0 var(--ink);touch-action:none;background:#fffdf8eb;border-radius:50%;place-items:center;padding:0;font-size:26px;display:grid;position:relative;overflow:hidden}.act-btn.down{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.act-btn.attack{background:linear-gradient(180deg, #ffe0ea, var(--pink));grid-area:attack;width:84px;height:84px;font-size:36px}.act-btn.skill{background:linear-gradient(180deg, #e0f6ff, var(--sky));grid-area:skill}.act-btn.unique{background:linear-gradient(180deg, #fff3c8, var(--gold));grid-area:unique}.act-btn.dash{grid-area:dash;width:56px;height:56px;font-size:22px}.act-btn.potion{background:linear-gradient(180deg, #e8ffe8, var(--mint));grid-area:potion;width:52px;height:52px;font-size:22px}.act-btn.empty{filter:grayscale();opacity:.6}.act-btn .count{font-size:13px;font-weight:800;position:absolute;bottom:2px;right:8px}.act-btn .ico{z-index:1;line-height:1;position:relative}.act-btn kbd{font:800 9px var(--font);background:var(--ink);color:#fff;z-index:2;border-radius:5px;padding:1px 4px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.cd{background:conic-gradient(#2a21408c calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.act-btn.interact{background:linear-gradient(180deg, #fff3c8, var(--gold));border-radius:99px;gap:8px;width:auto;height:60px;padding:0 20px;font-size:16px;font-weight:800;animation:.2s ease-out rise;display:flex}.act-btn.interact .ico{font-size:24px}.act-btn.interact kbd{bottom:3px;left:auto;right:10px;transform:none}.joy-zone{touch-action:none;width:50%;height:60%;position:absolute;bottom:0;left:0}.joy-base{opacity:0;background:#fffdf838;border:3px solid #fffdf880;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute;top:calc(100% - 110px);left:90px}.joy-base.on{opacity:1}.joy-knob{border:3px solid var(--ink);background:#fffdf8e6;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.float-layer,.sign-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none!important}.float-num{font-family:var(--font-head);color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 2px var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink);white-space:nowrap;will-change:transform;font-size:22px;font-weight:800;position:absolute;top:0;left:0}.float-num.crit{color:var(--gold);font-size:28px}.float-num.hurt{color:#ff8fa6}.float-num.heal{color:#9fffb0}.float-num.skill{color:#fff1b8;font-size:20px}.float-num.big{font-size:30px}.sign{border:2px solid var(--ink);white-space:nowrap;box-shadow:0 2px 0 var(--ink);background:#fffdf8eb;border-radius:10px;padding:2px 10px;font-size:13px;font-weight:800;transition:background .2s;position:absolute;top:0;left:0}.sign.near{background:var(--gold)}#ui.hurt:after{content:"";pointer-events:none;animation:.35s ease-out forwards hurt;position:fixed;inset:0;box-shadow:inset 0 0 90px #ff3c648c}@keyframes hurt{to{opacity:0}}#ui.timestop:before{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#0000 40%,#6fb8ff59);position:fixed;inset:0}.modal-wrap{z-index:20;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));opacity:0;background:#2a214059;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}.modal-wrap.in{opacity:1}.modal{background:var(--paper);border:3px solid var(--ink);width:min(460px,100%);max-height:100%;box-shadow:0 6px 0 var(--ink);border-radius:22px;padding:18px;transition:transform .2s cubic-bezier(.3,1.4,.5,1);position:relative;overflow:auto;transform:translateY(12px)scale(.97)}.modal-wrap.in .modal{transform:none}.modal.small{width:min(380px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.modal-head h2{font-family:var(--font-head);margin:0;font-size:24px;line-height:1.1}.modal-x{border:3px solid var(--ink);width:38px;height:38px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:12px;flex:none;font-weight:800}.speaker{background:var(--gold);border:2px solid var(--ink);border-radius:10px;margin-bottom:6px;padding:1px 10px;font-size:13px;font-weight:800;display:inline-block}.npc-line{border:2px dashed var(--pink);background:#fff3f7;border-radius:14px;margin:4px 0 12px;padding:10px 12px;font-weight:700;line-height:1.45}.tip{background:#eefaf4;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700}.shop-row{background:#fff;border:2px solid #eadfe8;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.shop-ico{background:var(--cream);border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:30px;display:grid}.shop-info{flex-direction:column;flex:1;min-width:0;display:flex}.shop-info b{font-size:16px}.need{margin-top:2px;font-size:13px}.wallet{text-align:right;margin-top:6px;font-weight:800}.chip{background:var(--cream);border:2px solid #eadfe8;border-radius:99px;margin:2px;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.ing-bar{margin-bottom:10px}.rank-card{background:var(--cream);border-radius:16px;align-items:center;gap:14px;margin-bottom:12px;padding:12px;font-weight:700;display:flex}.rank-big{font-family:var(--font-head);background:linear-gradient(180deg, #fff3c8, var(--gold));border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;font-size:44px;font-weight:800;display:grid}.floor-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px;display:grid}.floor-btn{border:3px solid var(--ink);background:linear-gradient(180deg, #efe8ff, var(--lav));box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:16px;flex-direction:column;gap:2px;padding:14px 10px;display:flex}.floor-btn b{font-family:var(--font-head);font-size:20px}.floor-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.field{flex-direction:column;gap:6px;margin-bottom:14px;font-weight:800;display:flex}.seg{border:3px solid var(--ink);border-radius:14px;display:flex;overflow:hidden}.seg button{color:var(--ink);background:#fff;border:0;flex:1;padding:10px 6px;font-weight:800}.seg button+button{border-left:2px solid var(--ink)}.seg button.on{background:var(--pink)}.form{flex-direction:column;gap:10px;margin:12px 0;display:flex}.divider{text-align:center;opacity:.6;margin:12px 0 8px;font-size:13px;font-weight:800}.ghost:disabled{opacity:.45}.lb{margin:0;padding:0;list-style:none}.lb li{border-radius:12px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:grid}.lb li:nth-child(odd){background:var(--cream)}.lb li.me{background:#ffe0ea}.lb-rank{text-align:center;font-weight:800}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-rk{font-family:var(--font-head);color:var(--pink);font-weight:800}.lb-floor{font-size:13px}.result .rewards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reward{background:var(--cream);border-radius:16px;flex-direction:column;align-items:center;padding:12px;font-weight:700;display:flex}.reward b{font-family:var(--font-head);font-size:28px}.drops{margin-top:12px}.levelup{text-align:center;font-family:var(--font-head);color:#fff;background:linear-gradient(90deg, var(--pink), var(--lav), var(--sky));border:3px solid var(--ink);border-radius:14px;margin-top:12px;padding:6px;font-size:22px;font-weight:800;animation:1s infinite pulse3}@keyframes pulse3{50%{transform:scale(1.03)}}.checkpoint{text-align:center;margin-top:10px;font-weight:800}.faint-art{text-align:center;margin:0;font-size:48px}.modal.status-window{color:#eaf8ff;-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#28468ce6,#3c2878e6);border:2px solid #9fe8ff;border-radius:10px;width:min(480px,100%);box-shadow:0 0 0 1px #9fe8ff66,0 0 40px #6fc3ff73,inset 0 0 30px #9fe8ff26}.status-window .modal-head h2{font-family:var(--font);letter-spacing:6px;color:#9fe8ff;text-shadow:0 0 10px #9fe8ffcc;font-size:18px}.status-window .modal-x{color:#9fe8ff;box-shadow:none;background:0 0;border:2px solid #9fe8ff;border-radius:6px}.sgrid{border-top:1px solid #9fe8ff4d;grid-template-columns:1fr 1fr;gap:4px 16px;padding:10px 0;display:grid}.srow{justify-content:space-between;gap:8px;font-size:14px;display:flex}.srow span{opacity:.8}.srow b{text-align:right;font-weight:800}.rank{color:var(--gold);font-size:16px}.sxp{border-top:1px solid #9fe8ff4d;padding:8px 0;font-size:13px}.status-window .bar{background:#0000004d;border-color:#9fe8ff}.sunique{border:1px solid var(--rc);box-shadow:inset 0 0 20px color-mix(in srgb, var(--rc) 30%, transparent);background:#0000002e;border-radius:8px;margin:6px 0;padding:12px}.slabel{letter-spacing:3px;opacity:.7;text-transform:uppercase;font-size:11px}.sname{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;font-size:18px;font-weight:800;display:flex}.rarity{background:var(--rc);color:var(--ink);border-radius:99px;padding:1px 8px;font-size:11px}.sdesc{opacity:.9;margin-top:4px;font-size:13px}.toasts{top:calc(70px + var(--safe-t));z-index:60;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;border-radius:14px;max-width:440px;padding:8px 16px;font-weight:800;transition:opacity .4s,transform .4s;animation:.25s ease-out rise}.toast.error{background:#ffe0e6}.toast.good{background:#e0ffe8}.toast.out{opacity:0;transform:translateY(-8px)}@media (max-width:640px){.class-cards{flex-direction:column;gap:8px;top:42%;transform:translate(-50%,-50%)}.class-card{text-align:left;grid-template-rows:auto auto;grid-template-columns:56px 1fr;column-gap:12px;padding:10px 12px;display:grid}.class-card .cc-icon{grid-row:span 2;width:52px;height:52px;margin:0;font-size:28px}.class-card p{margin:0}.hud-center{display:none}.hud.dungeon .hud-center{display:block;position:absolute;top:64px;left:0;right:0}.minimap{width:76px;height:76px}.icon-btn{width:40px;height:40px;font-size:18px}.gold{height:40px;padding:0 8px;font-size:14px}.boss-bar{top:calc(112px + var(--safe-t))}}@media (max-height:460px){.act-btn{width:54px;height:54px;font-size:22px}.act-btn.attack{width:72px;height:72px}.logo{margin-top:0}.logo-mark{font-size:56px}.title-actions{gap:8px;margin-bottom:6px}.class-cards{top:38%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}