:root{--bg: #0b1430;--panel: rgba(22, 35, 79, .96);--line: rgba(232, 199, 126, .35);--text: #fff6e4;--muted: #b4bedb;--accent: #2fb8a6;--accent2: #f2a93b;--hp: #ff4d6d;--xp: #6dffb0;--gold: #ffd166;--el: #ff5a1f;--title: "Lilita One", "Nunito", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}#app,#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;width:100%;height:100%}#touch-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}#dmg-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;border:0;color:inherit}.dmg{position:absolute;left:0;top:0;font-family:var(--title);font-size:15px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.6);white-space:nowrap;will-change:transform,opacity}.dmg-crit{color:var(--gold);font-size:24px;text-shadow:0 2px 0 #7a2a00,0 0 12px rgba(255,140,0,.85)}.dmg-strong{color:#8cf5ff}.dmg-player{color:var(--hp);font-size:19px}.dmg-heal{color:var(--xp);font-size:17px}.dmg-role{font-size:13px;color:#e2e8f0}.dmg-warn{font-size:15px;color:var(--gold)}.dmg-champ{font-size:14px;color:var(--gold);text-shadow:0 2px 0 #5a3a00,0 0 10px rgba(255,190,60,.7)}.dmg-loot{font-size:14px;color:#8fd3ff;text-shadow:0 2px 0 #0a2a4a,0 0 8px rgba(80,170,255,.6)}#joy-base{display:none;position:fixed;z-index:4;pointer-events:none;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff0f}#joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff59;box-shadow:0 0 16px #e8c77e99;transform:translate(-50%,-50%)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.hud-top{position:absolute;top:calc(14px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-left{display:flex;align-items:center;gap:8px;flex:1;max-width:340px}.lvl-badge{position:relative;width:46px;height:46px;flex:none;border-radius:12px;background:var(--panel);border:2px solid var(--el);display:grid;place-items:center;font-size:22px}.lvl-badge b{position:absolute;bottom:-7px;right:-7px;font-size:11px;min-width:20px;height:20px;border-radius:10px;background:var(--xp);color:#05210f;display:grid;place-items:center;padding:0 4px}.bars{flex:1;display:flex;flex-direction:column;gap:5px}.bar{position:relative;height:18px;border-radius:9px;background:#0000008c;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.bar>div{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transition:transform .15s}.bar.hp>div{background:linear-gradient(90deg,#ff2e63,#ff6b81)}.bar.hp span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000}div.bar>div.ghost{background:#fff0dcd9;transition:none}.bar.en{height:8px;border-radius:4px}.bar.en>div{background:linear-gradient(90deg,#2f7bff,#5ad1ff);transition:transform .1s}.castbar{position:absolute;left:0;top:0;width:130px;margin-left:-65px;margin-top:16px;will-change:transform}.bar.cast{height:15px;border-radius:8px;border-color:#ffffff4d}.bar.cast>div{background:linear-gradient(90deg,color-mix(in srgb,var(--el) 60%,#000),var(--el));transition:none}.bar.cast span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;font-weight:800;text-shadow:0 1px 2px #000;white-space:nowrap}.plate{position:absolute;left:0;top:0;width:120px;margin-left:-60px;margin-top:-30px;text-align:center;will-change:transform;pointer-events:none}.plate b{display:block;font-size:11px;color:#ffd0d8;text-shadow:0 1px 3px #000;white-space:nowrap}.plate small{display:block;font-size:10px;color:#ffe7a3;text-shadow:0 1px 3px #000;white-space:nowrap}.plate small:empty{display:none}.plate.champ b{color:var(--gold)}.bar.plate-bar{height:6px;border-radius:3px;margin-top:2px;border-color:#ff3b5c}.bar.plate-bar>div{background:#ff3b5c}.xp-strip{position:absolute;top:var(--safe-top);left:0;right:0;height:6px;background:#0000008c}.xp-strip>div{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transition:transform .2s;background:linear-gradient(90deg,#2bd98a,var(--xp));box-shadow:0 0 10px #6dffb0cc}.xp-strip.up>div{animation:xpUp .6s ease}@keyframes xpUp{0%,40%{background:#fff;box-shadow:0 0 20px #fff}}.hud-me{position:absolute;left:0;top:0;width:56px;margin-left:-28px;will-change:transform}.bar.mini{height:7px;border-radius:4px;border-color:#0009;background:#0009}.bar.mini>div:not(.ghost){background:linear-gradient(90deg,#ff2e63,#ff6b81)}.hud-me.low .bar.mini{animation:lowHp .5s infinite alternate}@keyframes lowHp{to{box-shadow:0 0 10px #ff2e63}}.mark{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;display:grid;place-items:center;font-size:16px;will-change:transform;filter:drop-shadow(0 0 6px var(--mk));--mk: var(--gold)}.mark i{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--a))}.mark i:after{content:"";position:absolute;right:-6px;top:50%;margin-top:-8px;border:8px solid transparent;border-left:12px solid var(--mk);border-right:0}.mark span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0a0c1cd9;border:2px solid var(--mk)}.mark.boss{--mk: #ff2e63;transform-origin:center}.mark.boss span{width:34px;height:34px;font-size:19px;animation:markPulse .8s infinite alternate}@keyframes markPulse{to{box-shadow:0 0 16px #ff2e63}}.hud-fusions{font-size:13px;font-weight:800;letter-spacing:1px;text-shadow:0 1px 3px #000;min-height:0}.hud-fusions:empty{display:none}.boss-bar{position:absolute;top:calc(78px + var(--safe-top));left:50%;transform:translate(-50%);width:min(520px,86vw);text-align:center}.boss-name{font-family:var(--title);font-size:15px;color:#ffb3c0;text-shadow:0 0 12px rgba(255,46,99,.7),0 2px 3px #000;margin-bottom:4px}.bar.boss{height:14px;border-color:#ff4d6d99;box-shadow:0 0 18px #ff2e6359}.bar.boss>div{background:linear-gradient(90deg,#b5179e,#ff2e63,#ff9f1c)}.bar.poise{height:6px;width:72%;margin:4px auto 0;border-color:#ffd16699}.bar.poise>div{width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ffb703,#ffe9a8);transition:none}.grade-card{position:absolute;top:24%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);padding:12px 18px;border-radius:18px;background:#080c1ad1;border:2px solid var(--gc, #ffd166);pointer-events:none;animation:gradeIn .3s ease-out}.grade-card b{font-family:var(--title);font-size:58px;line-height:1;color:var(--gc, #ffd166);text-shadow:0 0 18px var(--gc, #ffd166)}.grade-card strong{display:block;font-size:14px;white-space:nowrap}.grade-card em{display:block;font-style:normal;font-weight:700;color:#ffe2a0;font-size:14px}.grade-rows{display:flex;flex-wrap:wrap;gap:2px 10px;margin:3px 0;font-size:12px;opacity:.9}.grade-card[data-grade=S]{--gc: #ffd166}.grade-card[data-grade=A]{--gc: #7dff9a}.grade-card[data-grade=B]{--gc: #8cd8ff}.grade-card[data-grade=C]{--gc: #b8b8c8}@keyframes gradeIn{0%{opacity:0;transform:translate(-50%,12px) scale(.92)}}.boss-cast{width:72%;margin:6px auto 0}.boss-cast span{display:block;font-family:var(--title);font-size:13px;color:#fff3c4;text-shadow:0 0 10px rgba(255,200,60,.8),0 2px 3px #000;margin-bottom:3px;animation:castPulse .45s infinite alternate}.boss-cast .bar{height:9px;border-color:#ffd166;box-shadow:0 0 14px #ffd16699}.boss-cast .bar>div{background:linear-gradient(90deg,#ffb703,#fff3c4);transition:none}.boss-cast.vuln span{color:#8cf5ff;text-shadow:0 0 10px rgba(140,245,255,.8),0 2px 3px #000;animation:none}.boss-cast.vuln .bar{border-color:#8cf5ff;box-shadow:0 0 14px #8cf5ff80}.boss-cast.vuln .bar>div{background:#8cf5ff}@keyframes castPulse{to{opacity:.55}}.hud-center{text-align:center;padding-top:2px}.wave-label{font-family:var(--title);font-size:20px;letter-spacing:1px;text-shadow:0 2px 6px #000}.wave-sub{font-size:11px;color:var(--muted)}.wave-event{font-size:12px;font-weight:700;color:#ffd166;text-shadow:0 1px 4px #000;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave-event:empty{display:none}.hud-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.hud-stat{font-size:14px;background:var(--panel);padding:6px 10px;border-radius:10px}.cam-btn{font-size:17px;opacity:.45;transition:opacity .2s}.cam-btn.turned{opacity:1;border-color:var(--el)}.icon-btn{pointer-events:auto;width:40px;height:40px;border-radius:12px;background:var(--panel);font-size:14px;font-weight:800;letter-spacing:1px;border:1px solid var(--line)}.desk-skills{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:10px}.skill{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 14px;font-size:13px;display:flex;gap:8px;align-items:center}.skill kbd{background:#ffffff1f;border-radius:6px;padding:2px 7px;font-family:inherit;font-weight:800}.skill i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--el);transform-origin:left}.skill.ready{border-color:var(--el);box-shadow:0 0 12px color-mix(in srgb,var(--el) 50%,transparent)}.skill em{font-style:normal;font-size:10px;font-weight:800;color:#7cc4ff}.skill.noen{opacity:.55}.skill.noen em{color:#ff6b81}.skill.ult i{background:var(--gold)}@media(max-width:900px){.desk-skills{gap:6px;bottom:12px}.skill{padding:6px 9px;font-size:11px;gap:5px}}.skill.slot{width:52px;height:52px;padding:0;justify-content:center;font-size:24px;cursor:pointer;pointer-events:auto}.skill.slot kbd{position:absolute;left:3px;top:3px;font-size:10px;padding:0 4px}.skill.slot em{position:absolute;right:4px;bottom:5px}.skill.slot.empty{border-style:dashed;opacity:.4;font-size:14px}@media(max-width:900px){.skill.slot{width:44px;height:44px;font-size:20px}}.skill.held{border-color:var(--el);background:color-mix(in srgb,var(--el) 18%,var(--panel))}.skill.ult.ready{border-color:var(--gold);box-shadow:0 0 18px #ffd166b3;animation:ultGlow 1s infinite}@keyframes ultGlow{50%{box-shadow:0 0 30px #ffd166f2}}.touch-btn{display:none;position:absolute;pointer-events:auto;border-radius:50%;background:var(--panel);border:2px solid var(--line);font-size:24px;width:56px;height:56px;right:calc(124px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));overflow:hidden}.touch-btn.big{width:88px;height:88px;right:calc(18px + var(--safe-right));bottom:calc(26px + var(--safe-bottom));font-size:36px;border-color:var(--el);transition:transform .08s,box-shadow .08s;touch-action:none}.touch-btn.big.held{transform:scale(.92);box-shadow:0 0 22px color-mix(in srgb,var(--el) 70%,transparent);background:color-mix(in srgb,var(--el) 22%,var(--panel))}.touch-btn.sk1{width:58px;height:58px;right:calc(118px + var(--safe-right));bottom:calc(86px + var(--safe-bottom))}.touch-btn.ult{width:60px;height:60px;right:calc(20px + var(--safe-right));bottom:calc(206px + var(--safe-bottom));border-color:var(--gold);font-size:24px}.touch-btn.sk2{width:58px;height:58px;right:calc(76px + var(--safe-right));bottom:calc(146px + var(--safe-bottom))}.touch-btn.sk3{width:58px;height:58px;right:calc(12px + var(--safe-right));bottom:calc(128px + var(--safe-bottom))}.touch-btn.jmp{width:52px;height:52px;font-size:22px;right:calc(84px + var(--safe-right));bottom:calc(212px + var(--safe-bottom))}.touch .touch-btn.jmp.hidden{display:none}.touch-btn.tgt{width:46px;height:46px;font-size:20px;right:calc(20px + var(--safe-right));bottom:calc(276px + var(--safe-bottom))}.touch-btn.sk4,.touch-btn.sk5,.touch-btn.sk6,.touch-btn.sk7{width:48px;height:48px;font-size:20px}.touch-btn.sk4{right:calc(201px + var(--safe-right));bottom:calc(69px + var(--safe-bottom))}.touch-btn.sk5{right:calc(181px + var(--safe-right));bottom:calc(128px + var(--safe-bottom))}.touch-btn.sk6{right:calc(140px + var(--safe-right));bottom:calc(176px + var(--safe-bottom))}.touch-btn.sk7{right:calc(88px + var(--safe-right));bottom:calc(216px + var(--safe-bottom))}.touch .touch-btn.empty{display:none}.touch-btn.noen{filter:grayscale(.8);opacity:.6}.touch-btn.ult.ready{animation:ultGlow 1s infinite}.touch-btn span{position:relative;z-index:1}.touch-btn i{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;transform-origin:bottom}.touch .touch-btn{display:grid;place-items:center}.touch .desk-skills,.touch .desk-only{display:none}#screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0}.combo{position:fixed;right:18px;top:32vh;z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;min-width:90px;font-family:var(--title);text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 14px var(--combo, #fff);--combo: #ffffff}.combo b{font-size:38px;line-height:1;color:var(--combo)}.combo span{font-size:12px;letter-spacing:3px;color:var(--combo);opacity:.85}.combo i{display:block;width:100%;height:4px;margin-top:4px;border-radius:2px;background:var(--combo);transform-origin:right}.combo[data-tier="1"]{--combo: #ffd166}.combo[data-tier="2"]{--combo: #ff9a3c}.combo[data-tier="3"]{--combo: #ff4fa0}.combo[data-tier="4"]{--combo: #6fc8ff}.combo[data-tier="4"] b{animation:comboHue 1.2s linear infinite}@keyframes comboHue{to{filter:hue-rotate(360deg)}}#banner{position:fixed;top:calc(70px + var(--safe-top));left:0;right:0;z-index:6;text-align:center;pointer-events:none;padding:6px 0 8px;background:linear-gradient(90deg,transparent,rgba(6,10,20,.55) 25%,rgba(6,10,20,.55) 75%,transparent);animation:banner 1.8s ease forwards}.has-boss #banner{top:calc(158px + var(--safe-top))}#banner-title{font-family:var(--title);font-size:clamp(22px,4.2vw,36px);line-height:1.1;text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 22px var(--accent)}#banner-sub{color:var(--gold);font-weight:600;font-size:14px;margin-top:2px;text-shadow:0 2px 4px #000}#banner-sub:empty{display:none}@keyframes banner{0%{opacity:0;transform:translateY(-12px) scale(1.15)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px 16px}.screen.overlay{background:#04060eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-wrap{width:100%;max-width:860px;margin:auto;text-align:center}.logo{font-family:var(--title);font-size:clamp(38px,9vw,76px);line-height:.95;margin:8px 0 6px;letter-spacing:2px;background:linear-gradient(90deg,#ff5a1f,#ffd60a 30%,#7ff5e0 55%,#2fa8ff 75%,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(232,199,126,.45))}.logo span{display:block;font-size:.62em;letter-spacing:10px}.tagline{color:var(--muted);margin:0 0 18px}.section-title{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}.element-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}.el-card.locked{opacity:.55;filter:grayscale(.8);border-style:dashed}.el-card.secret:not(.locked){background:linear-gradient(160deg,color-mix(in srgb,var(--c) 18%,transparent),var(--panel) 60%)}.el-card{background:var(--panel);border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 8px;text-align:center;transition:transform .12s,border-color .12s,box-shadow .12s}.el-card .emoji{font-size:34px}.el-card .name{font-family:var(--title);font-size:17px;margin-top:4px}.el-card .role{font-size:11px;color:var(--muted);margin-bottom:6px}.el-card .stats{font-size:11px;color:#c6cce6;line-height:1.5}.el-card .sp{font-size:11px;margin-top:6px;color:var(--gold)}.el-card.selected{transform:translateY(-3px);border-color:var(--c);box-shadow:0 0 22px color-mix(in srgb,var(--c) 45%,transparent)}.pill-list{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pill{padding:9px 16px;border-radius:999px;background:var(--panel);border:2px solid rgba(255,255,255,.08);font-weight:600}.pill.selected{border-color:var(--c);color:var(--c)}.play-btn{display:block;width:100%;max-width:360px;margin:22px auto 10px;padding:18px;border-radius:18px;font-family:var(--title);font-size:24px;letter-spacing:2px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 30px #e8c77e73;animation:pulse 2s infinite}.play-btn.small{font-size:18px;padding:14px}.play-btn:active{transform:scale(.97)}@keyframes pulse{50%{box-shadow:0 8px 44px #ff4fa099}}.ghost-btn{display:block;width:100%;max-width:360px;margin:8px auto 0;padding:12px;border-radius:14px;background:#ffffff0f;font-weight:600}.link-btn{background:none;color:var(--muted);font-size:14px}.menu-footer{display:flex;gap:18px;justify-content:center;align-items:center;color:var(--muted);font-size:14px;flex-wrap:wrap}.menu-footer b{color:var(--text)}.keys-help{color:var(--muted);font-size:12px;opacity:.7}.panel{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;text-align:center}.panel h2{font-family:var(--title);margin:0 0 6px}.panel.wide{max-width:640px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.panel-head .crys{font-weight:800;color:#8cf5ff}.muted{color:var(--muted)}.small{font-size:12px}.empty{color:var(--muted)}.daily-card{display:flex;align-items:center;gap:12px;justify-content:space-between;text-align:left;background:linear-gradient(120deg,color-mix(in srgb,var(--c, #4fd8c8) 22%,transparent),var(--panel) 70%);border:1px solid color-mix(in srgb,var(--c, #4fd8c8) 60%,transparent);border-radius:16px;padding:12px 14px;margin:0 0 6px}.daily-title{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.daily-line{font-size:15px;margin:2px 0}.daily-sub{font-size:12px;color:var(--muted)}.daily-btn{flex:none;padding:10px 16px;border-radius:12px;font-weight:800;background:var(--gold);color:#2a1a00}.menu-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:4px 0 12px}.nav-btn{padding:10px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line);font-weight:600}.nav-btn b{color:var(--gold);font-size:12px;margin-left:4px}.tabs{display:flex;gap:6px;margin-bottom:10px}.tab{flex:1;padding:9px;border-radius:10px;background:#ffffff0d;font-weight:600}#rank-tabs{flex-wrap:wrap}#rank-tabs .tab{flex:1 1 auto;padding:9px 12px;white-space:nowrap}.tab.selected{background:var(--accent)}.shop-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;text-align:left;padding-right:2px}.shop-row,.ach-row{display:flex;align-items:center;gap:12px;background:#ffffff0a;border-radius:14px;padding:10px 12px}.si{font-size:28px;width:36px;text-align:center;flex:none}.sb{flex:1;min-width:0}.sb b{display:block;font-size:15px}.sb small{color:var(--muted);font-size:12px}.pips{display:flex;gap:3px;margin-top:5px}.pips i{width:14px;height:5px;border-radius:3px;background:#ffffff1f}.pips i.on{background:var(--gold)}.buy-btn{flex:none;min-width:86px;padding:9px 12px;border-radius:10px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2))}.buy-btn:disabled{background:#ffffff14;color:var(--muted);cursor:default}.buy-btn.using{background:#6dffb026;color:var(--xp)}.skin-cats{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px}.skin-cats .pill{--c: var(--gold);padding:7px 12px;font-size:13px}.skin-cats .pill small{opacity:.65;font-size:11px;margin-left:2px}.shop-row.locked .si{filter:grayscale(.8);opacity:.7}.sb small.how{display:block;color:var(--gold);margin-top:3px;font-size:11px}.rw small.gift{color:var(--gold);white-space:nowrap}.rec-row .nm b{font-weight:700}.rec-row .nm .ttl{display:block;font-size:10px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.nc-gold{color:#ffd166}.nc-ruby{color:#ff4f6d}.nc-emerald{color:#4dff9a}.nc-sapphire{color:#4fa8ff}.nc-amethyst{color:#6fc8ff}.nc-flame,.nc-rainbow{background:linear-gradient(90deg,#ff3d00,#ffb400,#ff3d00);-webkit-background-clip:text;background-clip:text;color:transparent}.nc-light{color:#fff3b0;text-shadow:0 0 8px rgba(255,230,140,.9)}.nc-rainbow{background-image:linear-gradient(90deg,#ff4f6d,#ffd166,#4dff9a,#4fa8ff,#6fc8ff,#ff4f6d);background-size:200% 100%;animation:ncRainbow 3s linear infinite}@keyframes ncRainbow{to{background-position:200% 0}}.ach-row.done{background:#ffd16614}.ach-row:not(.done) .si{filter:grayscale(1);opacity:.6}.prog{height:5px;border-radius:3px;background:#ffffff1a;margin-top:6px;overflow:hidden}.prog div{height:100%;background:var(--gold);transform-origin:left}.rw{text-align:right;font-weight:800;font-size:13px;flex:none}.rw small{display:block;color:#8cf5ff;font-size:11px}.records-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.rec-row{display:grid;grid-template-columns:34px 28px 1fr 70px 1fr 80px;gap:6px;align-items:center;background:#ffffff0a;border-radius:10px;padding:8px 10px;font-size:13px;text-align:left}.rec-row .pos{font-weight:800;color:var(--gold)}.reroll{max-width:260px;margin-top:14px}.toast-stack{position:fixed;top:calc(70px + var(--safe-top));right:12px;z-index:30;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--gold);border-radius:14px;padding:10px 14px;box-shadow:0 8px 24px #00000080;animation:toastIn 4.2s ease forwards;max-width:300px}.toast .ti{font-size:26px}.toast b{display:block;font-size:14px}.toast small{color:var(--muted);font-size:12px}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}8%{opacity:1;transform:none}88%{opacity:1}to{opacity:0;transform:translate(40px)}}.record.daily{background:var(--accent);color:#fff;margin-left:4px}.dmg-dodge{font-size:15px;font-weight:800;color:#dff6ff;letter-spacing:.04em;text-shadow:0 2px 0 #12405a,0 0 12px rgba(120,220,255,.8)}.over-death{margin-top:12px;padding:10px 12px;border-radius:14px;background:#ff3c5a12;border:1px solid rgba(255,80,110,.3);text-align:left}.od-title{font-size:12px;font-weight:700;color:#ff8fa3;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.od-final{font-size:13px;margin-bottom:6px}.od-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;margin:4px 0}.od-bar{grid-column:1 / -1;height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.od-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff4d6d,#ff9a5c)}.od-tip{font-size:12px;color:var(--gold);margin-top:6px}.over-ach{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.over-ach span{background:#ffd1661f;border:1px solid rgba(255,209,102,.4);border-radius:999px;padding:4px 10px;font-size:12px}.name-form{display:flex;gap:8px;margin:0 0 10px}.name-form input{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;color:inherit;font:inherit}.name-form input:focus{outline:none;border-color:var(--accent)}.over-online{margin-top:12px;font-size:14px}.over-online .name-form{margin:8px 0 0}.over-online b{color:var(--gold)}.rec-row.online{grid-template-columns:40px 28px 1fr 70px 70px 64px;white-space:nowrap}.rec-row.mine{background:#e8c77e38;outline:1px solid var(--accent)}.rec-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.rec-row .pts{text-align:right;font-weight:800}.rec-gap{text-align:center;color:var(--muted);line-height:1}.levelup-wrap{width:100%;max-width:760px;text-align:center}.levelup-title{font-family:var(--title);font-size:clamp(28px,7vw,46px);color:var(--gold);text-shadow:0 0 24px rgba(255,209,102,.5)}.levelup-sub{color:var(--muted);margin-bottom:16px}.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.up-card{position:relative;overflow:hidden;background:var(--panel);border:2px solid var(--rc);border-radius:18px;padding:18px 12px;text-align:center;animation:cardIn .45s cubic-bezier(.2,.9,.3,1.2) backwards;transition:transform .1s}.up-card:nth-child(2){animation-delay:.09s}.up-card:nth-child(3){animation-delay:.18s}.up-card:nth-child(2):after{animation-delay:.39s}.up-card:nth-child(3):after{animation-delay:.48s}.up-card:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg);animation:cardShine .7s ease .3s backwards;opacity:0}@keyframes cardShine{0%{left:-60%;opacity:1}to{left:130%;opacity:1}}.up-card .lv{display:inline-block;font-style:normal;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;padding:2px 7px;border-radius:8px;margin-left:6px;vertical-align:middle;background:color-mix(in srgb,var(--rc) 25%,transparent);color:var(--rc);letter-spacing:.5px}.up-card .lv.new{background:var(--rc);color:#0b0f1e}.up-card .lv small{opacity:.7;font-weight:600}.up-card .v{font-size:13px;margin-top:6px;color:#c6cce6}.up-card .v span{color:var(--muted)}.up-card .v b{color:var(--xp)}.up-card:hover{transform:translateY(-4px)}.up-card .icon{font-size:40px}.up-card .t{font-family:var(--title);font-size:18px;margin:6px 0 4px}.up-card .d{font-size:13px;color:#c6cce6}.up-card .r{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--rc);margin-top:8px;font-weight:800}.up-card .k{font-size:11px;color:var(--muted);margin-top:6px}.up-card.legendary{background:linear-gradient(160deg,rgba(255,209,102,.16),var(--panel) 55%);box-shadow:0 0 24px #ffd16659}@keyframes cardIn{0%{opacity:0;transform:translateY(40px) rotateX(40deg) scale(.85)}70%{opacity:1}}.over-title{font-family:var(--title);font-size:44px;color:#ff6b81;text-shadow:0 0 24px rgba(255,46,99,.5)}.record{display:inline-block;margin:4px 0 8px;padding:4px 14px;border-radius:999px;background:var(--gold);color:#2a1a00;font-weight:800;animation:pulse 1.2s infinite}.over-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.over-grid div{background:#ffffff0d;border-radius:12px;padding:8px 4px}.over-grid span{display:block;font-size:11px;color:var(--muted)}.over-grid b{font-size:20px}.over-crystals{font-family:var(--title);font-size:40px;color:#8cf5ff;text-shadow:0 0 20px rgba(140,245,255,.5)}.over-total{color:var(--muted);font-size:13px}@media(max-width:720px){.element-list{grid-template-columns:repeat(4,1fr);gap:6px}.el-card{padding:8px 4px}.el-card .emoji{font-size:26px}.el-card .name{font-size:13px}.el-card .role{font-size:10px}.daily-card{flex-direction:column;align-items:stretch}.rec-row{grid-template-columns:30px 24px 1fr 56px}.rec-row span:nth-child(n+5){display:none}.rec-row.online{grid-template-columns:32px 22px 1fr 64px 56px}.rec-row.online span:nth-child(6){display:block}.toast-stack{left:12px;right:12px;top:auto;bottom:calc(150px + var(--safe-bottom))}.toast{max-width:none}.el-card .stats,.el-card .sp{display:none}.card-list{grid-template-columns:1fr}.up-card{display:grid;grid-template-columns:56px 1fr;text-align:left;align-items:center;padding:12px;column-gap:10px}.up-card .icon{grid-row:span 4;font-size:34px;text-align:center}.up-card .v{margin-top:2px}.up-card .t{margin:0}.up-card .k{display:none}.hud-stat{padding:4px 8px;font-size:12px}.wave-label{font-size:16px}.hud-top{flex-wrap:wrap}.hud-left{order:1;max-width:none;flex-basis:100%}.hud-center{order:2;text-align:left}.hud-right{order:3}.over-grid{grid-template-columns:repeat(3,1fr)}.boss-bar{top:calc(106px + var(--safe-top))}#banner{top:calc(100px + var(--safe-top))}.has-boss #banner{top:calc(190px + var(--safe-top))}}@media(max-height:500px){#banner{top:calc(52px + var(--safe-top));padding:2px 0 4px}.has-boss #banner{top:calc(160px + var(--safe-top))}#banner-title{font-size:20px}#banner-sub{font-size:12px;margin-top:0}}.nav-btn .badge{background:#ff4d6d;color:#fff;border-radius:999px;padding:0 6px;font-size:11px}.talent-row{display:flex;flex-direction:column;gap:6px}.talent-head{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.talent-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.talent-opts.three{grid-template-columns:repeat(3,1fr)}.talent{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:2px solid rgba(255,255,255,.08)}.talent .ti{font-size:22px}.talent b{font-size:14px}.talent small{color:var(--muted);font-size:12px;line-height:1.3}.talent.selected{border-color:var(--gold);background:#ffd1661a}.talent.selected b{color:var(--gold)}.talent-row.locked .talent{opacity:.45;cursor:default}.gear-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gear-slot{--rc: rgba(255,255,255,.12);display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:14px;background:#ffffff0a;border:2px solid var(--rc);min-width:0}.gear-slot .gi{font-size:22px}.gear-slot b{font-size:13px;color:var(--rc)}.gear-slot small{color:var(--muted);font-size:11px;line-height:1.3}.forge-mats{flex:none;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.forge-mats span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px;border-radius:12px;background:#ffffff0d;font-size:18px}.forge-mats b{font-size:15px;color:#fff}.forge-mats small{font-size:10px;color:var(--muted)}.forge-chips{flex:none;display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.forge-chip{--rc: rgba(255,255,255,.2);position:relative;flex:none;width:46px;height:46px;border-radius:12px;font-size:20px;background:#ffffff0d;border:2px solid var(--rc);opacity:.72}.forge-chip.selected{opacity:1;box-shadow:0 0 10px var(--rc)}.forge-chip small{position:absolute;right:2px;bottom:0;font-size:10px;font-weight:800;color:#ffe08a}.forge-box{flex:none;flex-wrap:wrap}.forge-box .on,.gear-total .on,.sb .on{color:#6dffb0}.forge-gems{display:flex;gap:6px;flex-wrap:wrap}.forge-gems .chip-btn:disabled{opacity:.4}.set{color:#6dffb0;font-style:normal}.gear-total{font-size:12px;color:#8cf5ff;text-align:center;padding:2px 4px}.sb small.stats{display:block;color:#cfe3ff;margin-top:2px}.sb i{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;vertical-align:middle}.sb i.new{background:#ff4d6d;color:#fff}.sb i.up{background:#6dffb02e;color:var(--xp)}.item-btns{display:flex;flex-direction:column;gap:6px;flex:none}.buy-btn.sell{background:#ffffff14;color:#8cf5ff;font-size:12px}.over-loot .loot-title{width:100%;font-size:12px;color:var(--muted)}.over-loot span{--rc: #fff;background:#ffffff0f;border-color:var(--rc);color:var(--rc)}@media(max-width:520px){.talent-opts,.talent-opts.three,.gear-slots{grid-template-columns:1fr}.gear-slot{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px;padding:7px 10px}.gear-slot .gi{font-size:18px}.item-btns .buy-btn{min-width:76px;padding:8px}.gear-slot small{width:100%}}.mode-desc{font-size:12px;color:var(--muted);text-align:center;margin:6px auto 0;max-width:440px;line-height:1.35}.over-title.win{color:var(--gold);text-shadow:0 0 24px rgba(255,190,60,.55)}.level-tray{position:fixed;left:50%;bottom:calc(76px + var(--safe-bottom, 0px));transform:translate(-50%);z-index:7;width:min(620px,calc(100vw - 20px));pointer-events:auto;animation:trayIn .22s ease-out}.level-tray.hidden{display:none}@keyframes trayIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.tray-head{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 4px 4px;color:var(--muted)}.tray-head b{color:var(--gold);font-family:var(--title);font-size:14px;letter-spacing:.04em;text-shadow:0 0 10px rgba(255,209,102,.6)}#tray-more{color:var(--gold);font-weight:800}.tray-keys{margin-left:auto}.tray-reroll{pointer-events:auto;padding:3px 9px;border-radius:999px;background:#ffffff1a;font-size:12px}.tray-reroll b{color:#fff;font-size:12px;text-shadow:none;font-family:inherit}.tray-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tray-card{--rc: #9fb0d9;position:relative;display:flex;align-items:center;gap:8px;text-align:left;padding:7px 9px;min-height:58px;border-radius:12px;background:#0c1020e0;border:2px solid var(--rc);box-shadow:0 0 14px #0006}.tray-card:hover{transform:translateY(-2px)}.tray-card.legendary{box-shadow:0 0 16px #ffd16673}.tray-card .icon{font-size:24px;flex:none}.tray-card .tb{min-width:0}.tray-card .t{font-weight:800;font-size:13px;line-height:1.15;color:var(--rc)}.tray-card .t .lv{display:inline-block;margin-left:4px;font-style:normal;font-size:9px;padding:0 5px;border-radius:999px;background:#ffffff1a;color:#fff;vertical-align:middle}.tray-card .t .lv.new{background:var(--rc);color:#0b0f1e}.tray-card .t .lv small{opacity:.7}.tray-card .d,.tray-card .v{font-size:11px;color:#c6cce6;line-height:1.25;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tray-card .v b{color:var(--xp)}.tray-card .key{position:absolute;top:-7px;right:-5px;font-style:normal;font-size:10px;font-weight:800;background:#0b0f1e;border:1px solid var(--rc);color:var(--rc);border-radius:6px;padding:0 5px}body.touch .level-tray{bottom:auto;top:calc(114px + var(--safe-top, 0px))}@media(orientation:landscape)and (max-height:500px){body.touch .level-tray{top:calc(64px + var(--safe-top, 0px))}}body.touch .tray-keys,body.touch .tray-card .key{display:none}@media(max-width:520px){.tray-card{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 7px}.tray-card .icon{font-size:20px}.tray-card .t{font-size:12px}}.town-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.town-ui button{pointer-events:auto}.town-top{position:absolute;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));display:flex;align-items:center;gap:12px}.town-logo{font-family:var(--title);font-size:22px;line-height:.9;letter-spacing:1px;background:linear-gradient(90deg,#ff5a1f,#ffd60a 30%,#7ff5e0 55%,#2fa8ff 75%,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.town-logo span{display:block;font-size:.62em;letter-spacing:5px}.town-res{display:flex;gap:8px;margin-left:auto}.town-res span{background:#080c1ab8;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;color:var(--muted)}.town-res b{color:var(--text)}.town-set{display:flex;gap:6px}.chip-btn{background:#080c1ab8;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;min-width:38px}.town-quick{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-bottom));display:flex;gap:6px;padding:6px;border-radius:18px;background:#080c1ab8;border:1px solid var(--line)}.town-quick button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 8px;border-radius:12px;background:#ffffff0a}.town-quick button:hover{background:#e8c77e40}.town-quick span{font-size:22px;line-height:1}.town-quick small{font-size:11px;color:var(--muted);font-weight:600}.town-quick .go-play{background:linear-gradient(135deg,var(--accent),var(--accent2))}.town-quick .go-play small{color:#fff}.town-quick .badge{position:absolute;top:2px;right:6px;background:#ff4d6d;color:#fff;border-radius:999px;padding:0 5px;font-size:10px}.town-prompt{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;bottom:calc(96px + var(--safe-bottom));display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;font-weight:800;font-size:17px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 26px #e8c77e8c;animation:promptIn .18s ease-out}.town-prompt kbd{background:#ffffff38;border-radius:6px;padding:2px 8px;font-family:inherit}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,10px)}}.town-help{position:absolute;left:0;right:0;bottom:calc(84px + var(--safe-bottom));text-align:center;margin:0;font-size:12px;color:var(--muted);opacity:.7}.town-prompt:not(.hidden)~.town-help{display:none}.panel-open .town-quick,.panel-open .town-prompt,.panel-open .town-help,.panel-open .town-logo{display:none}.screen.sheet{background:none;pointer-events:none;align-items:center;justify-content:flex-end;padding:16px max(4vw,16px)}.sheet-panel{pointer-events:auto;width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:16px}.altar-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.altar-info{text-align:left}.ai-name{font-family:var(--title);font-size:26px;color:var(--c)}.ai-role{font-size:14px;font-weight:700;margin:2px 0 6px}.ai-stats,.ai-sp{font-size:12px;color:#c6cce6;line-height:1.5}.ai-sp{color:var(--gold)}.element-list.strip{grid-template-columns:repeat(4,1fr);gap:8px}.element-list.strip .el-card{padding:8px 4px}.element-list.strip .el-card .emoji{font-size:26px}.element-list.strip .el-card .name{font-size:13px}.element-list.strip .el-card .role{font-size:10px;margin:0}.portal-panel{max-width:520px}.screen:not(.sheet){align-items:flex-start}.screen:not(.sheet)>.panel{margin:auto 0}.portal-hero{font-weight:700;margin:0 0 12px;color:var(--muted)}.portal-hero small{font-weight:400}.portal-hero .link-btn{text-decoration:underline;font-size:13px}.portal-panel .play-btn{margin-top:16px}.pill.locked{opacity:.5}.over-row{display:flex;gap:10px}.over-row .ghost-btn{flex:1}.pit-tier{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 4px}.pit-tier .chip-btn{width:44px;height:44px;font-size:22px;font-weight:800}.pit-tier div{display:flex;flex-direction:column;min-width:140px}.pit-tier b{font-size:22px;color:#ff8fa3}.pit-tier small{font-size:12px;color:var(--muted)}.week-card{margin-top:12px;--c: #4fd8c8}.week-btn{background:linear-gradient(135deg,#2fb8a6,#4fd8c8);margin-top:8px}.quest-box{margin-top:14px;text-align:left}.quest-box .section-title{text-align:center}.quest{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:2px 8px;padding:7px 10px;margin:5px 0;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:13px}.quest .qi{font-size:18px;grid-row:span 2}.quest .qr{color:var(--gold);font-weight:700;font-size:12px}.quest .qbar{grid-column:2 / -1;height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.quest .qbar i{display:block;height:100%;background:linear-gradient(90deg,#5ce1ff,#8cff6b)}.quest.done{opacity:.6}.quest.done .qbar i{background:#8cff6b}.quest.weekly{border-color:#4fd8c866;background:#4fd8c812}.rest-line{font-size:12px;color:var(--muted);text-align:center;margin:8px 0 0}.rest-line.ready{color:#8cff6b}.heat-box{margin-top:12px}.heat-box .section-title b{color:#ff9a5c;font-size:14px}.heat-bonus{color:var(--gold);text-transform:none;letter-spacing:0}.pact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pact{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 6px;border-radius:12px;font-size:12px;font-weight:700;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);color:var(--muted)}.pact small{color:#ff9a5c;font-weight:800}.pact.on{border-color:#ff7a2e;background:#ff7a2e24;color:#fff;box-shadow:0 0 12px #ff7a2e40}.heat-desc{font-size:12px;color:var(--muted);margin:6px 0 0;min-height:16px}.heat-box.locked .pact-list{display:none}@media(max-width:420px){.pact-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.town-logo{display:none}.town-res{margin-left:0;gap:5px}.town-res span,.chip-btn{padding:5px 9px;font-size:13px}.town-set{margin-left:auto}.town-quick{gap:3px;padding:4px;left:8px;right:8px;transform:none;justify-content:space-between}.town-quick button{min-width:0;flex:1;padding:6px 2px}.town-quick span{font-size:20px}.town-quick small{font-size:9px}.town-prompt{bottom:calc(80px + var(--safe-bottom));font-size:16px;padding:14px 24px}}@media(max-aspect-ratio:9/10){.screen.sheet{align-items:flex-end;justify-content:center;padding:12px 10px calc(12px + var(--safe-bottom))}.ai-name{font-size:22px}}@media(max-height:500px){.town-quick{bottom:calc(6px + var(--safe-bottom))}.town-quick small,.town-help{display:none}#screen-portal{padding:8px 16px}.portal-panel{padding:14px 18px}.portal-panel .play-btn{margin-top:10px}.town-prompt{bottom:calc(62px + var(--safe-bottom));padding:10px 20px}.sheet-panel{padding:10px 12px;max-height:calc(100vh - 20px);overflow-y:auto}.altar-head{margin-bottom:6px}.ai-name{font-size:20px}}.town-quest{position:absolute;top:calc(56px + var(--safe-top));left:calc(12px + var(--safe-left));max-width:min(340px,calc(100% - 24px));padding:6px 12px;border-radius:12px;background:#080c1ab8;border:1px solid var(--line);font-size:13px;font-weight:600;pointer-events:none}.town-quest.ready{border-color:#7dff9a;color:#c8ffd8}.panel-open .town-quest{display:none}.screen.talk-screen{background:none;pointer-events:none;align-items:flex-end;justify-content:center;padding:16px 16px calc(16px + var(--safe-bottom))}.talk-box{pointer-events:auto;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:16px;animation:talkIn .18s ease-out}@keyframes talkIn{0%{opacity:0;transform:translateY(10px)}}.talk-head{display:flex;align-items:center;gap:10px;font-size:17px;color:#ffe2a0}.talk-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;font-size:22px;border-radius:50%;background:#ffffff14}.talk-text{margin:10px 0;font-size:16px;line-height:1.4}.talk-goal{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:8px;border-radius:12px;background:#ffffff0f;font-size:14px;font-weight:600}.talk-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px}.talk-btns button{flex:1 1 120px;max-width:220px;width:auto;min-height:44px;margin:0;font-size:15px}@media(max-width:560px){.town-quest{top:calc(76px + var(--safe-top))}}@media(max-height:500px){.town-quest{top:calc(48px + var(--safe-top));font-size:12px;padding:4px 10px}.screen.talk-screen{padding:8px 16px}.talk-box{padding:10px 14px;max-height:calc(100vh - 16px)}.talk-text{margin:6px 0;font-size:15px}}.panel-sub{margin:0 0 10px;opacity:.75;font-size:.9rem}.travel-row{width:100%;border:1px solid transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.travel-row.done{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}.travel-row.here{border-color:var(--c)}.travel-row .sb small{display:block}.travel-row .dgs{opacity:.7;font-size:.78rem;margin-top:2px}.travel-row .rw{color:var(--c);font-weight:700;white-space:nowrap}.login-screen{background:radial-gradient(ellipse at 50% 30%,#0e142859,#04060ed9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-panel{max-width:400px}.login-logo{font-family:var(--title);font-size:40px;line-height:.9;letter-spacing:2px;margin:4px 0 14px;background:linear-gradient(135deg,#8cf5ff,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-logo span{display:block;font-size:.5em;letter-spacing:9px;color:var(--text)}.login-form{margin:12px 0 0}.login-form input{font-size:16px}.google-btn b{display:inline-block;width:22px;height:22px;line-height:22px;border-radius:50%;background:#fff;color:#4285f4;margin-right:6px}.login-user p{margin:6px 0}.login-choice small{display:block;font-weight:400;opacity:.75;font-size:12px;margin-top:2px}.login-msg{min-height:1.2em;margin:10px 0 0}.login-msg.err{color:#ff8a9a}.login-msg.ok{color:#8cf5ff}.login-panel .play-btn{margin-top:16px}.char-panel{width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.char-list{flex:1;min-height:0;overflow-y:auto}.char-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;text-align:left}.ch-portrait{flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:color-mix(in srgb,var(--c) 22%,transparent);border:2px solid var(--c)}.ch-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ch-name{font-family:var(--title);font-size:20px;line-height:1}.ch-title{color:var(--gold);font-size:12px;font-weight:700}.ch-class{font-size:13px}.ch-class b{color:#8cf5ff}.ch-xp{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden;margin-top:3px}.ch-xp i{display:block;height:100%;background:linear-gradient(90deg,#ffd166,#ff9a5c)}.char-tabs .tab{padding:8px 4px;font-size:13px}.power-box{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:8px;border-radius:14px;background:linear-gradient(135deg,#ffd16624,#ff9a5c14);border:1px solid rgba(255,209,102,.35)}.power-box small{color:var(--gold);font-weight:800;letter-spacing:.12em}.power-box b{font-family:var(--title);font-size:26px;color:#ffe39a}.stat-grid{display:grid;grid-template-columns:1fr auto 1fr auto;gap:5px 10px;padding:8px 12px;border-radius:14px;background:#ffffff0a;font-size:13px;text-align:left}.stat-grid b{text-align:right;color:#fff}.stat-grid span{color:#c6cce6}.class-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.class-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;background:#ffffff0a;border:2px solid transparent;text-align:left}.class-row.on{border-color:var(--accent);background:#e8c77e1f}.class-row .ci{font-size:22px}.class-row .sb b{font-size:13px}.class-row .cl{font-size:12px;color:#8cf5ff;white-space:nowrap}.gear-slots.doll{grid-template-columns:repeat(4,1fr)}.gear-slots.doll .gear-slot{text-align:left;color:inherit;font:inherit;cursor:pointer;padding:8px}.gear-slots.doll .gear-slot b{font-size:12px}.gear-slots.doll .gear-slot small{font-size:10px;color:#cfe3ff}.gear-slot.aff{box-shadow:inset 0 0 0 1px #ffd16680,0 0 10px #ffd1662e}i.aff{color:var(--gold);font-style:normal;font-weight:700}.bag-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bag-head .chip-btn{font-size:12px;padding:6px 10px}.bag-filters{display:flex;gap:6px;flex-wrap:wrap}.bag-filters .pill{--c: #8cf5ff;font-size:12px;padding:6px 10px}.title-row{width:100%;color:inherit;font:inherit;text-align:left;border:2px solid transparent}.title-row.on{border-color:var(--gold);background:#ffd1661a}.title-row:disabled{cursor:default}.back-btn kbd,.ghost-btn kbd{background:#ffffff24;border-radius:5px;padding:0 6px;font-family:inherit;font-size:11px;margin-left:4px}body:not(.in-town) .char-screen{background:#04060e73;pointer-events:auto}@media(max-width:560px){.char-tabs .tab{font-size:11px;padding:7px 2px}.stat-grid{grid-template-columns:1fr auto}.gear-slots.doll{grid-template-columns:repeat(3,1fr)}.class-list{grid-template-columns:1fr}}@media(max-aspect-ratio:9/10){.char-panel{max-height:58vh}}.skill-bar-edit{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:4px 0 6px}.sb-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;border-radius:12px;background:#ffffff0f;border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;min-width:0}.sb-slot span{font-size:22px;line-height:1.1}.sb-slot small{font-size:9px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-slot kbd{position:absolute;left:3px;top:2px;font-size:9px;opacity:.7;font-family:inherit}.sb-slot.empty{border-style:dashed;opacity:.6}.sb-slot.on{border-color:var(--el);box-shadow:0 0 12px color-mix(in srgb,var(--el) 55%,transparent);background:color-mix(in srgb,var(--el) 16%,transparent)}.sk-hint{margin:0 0 6px;font-size:11px;color:var(--muted)}.skill-row .sk-cost{margin-left:auto;font-size:11px;color:#7cc4ff;text-align:right;white-space:nowrap}.skill-row b kbd{font-size:10px;padding:0 5px;border-radius:5px;background:var(--el);color:#111;font-family:inherit}.skill-row.on{border-color:var(--el)}@media(max-width:560px){.sb-slot span{font-size:18px}.sb-slot small{display:none}}@media(max-width:640px){.desk-skills .skill:not(.slot) span{display:none}.skill.slot{width:38px;height:38px;font-size:17px}}.evo-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.evo-card{--c: #8cf5ff;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--c) 8%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}.evo-card.on{border-color:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c) 45%,transparent)}.evo-card.locked{opacity:.6}.evo-top{display:flex;gap:8px;align-items:flex-start}.evo-top .ei{font-size:26px}.evo-top b{color:var(--c);font-size:14px;display:block}.evo-top small{color:var(--muted);font-size:11px;line-height:1.3}.evo-bonus{font-size:11px;color:#cfe3ff;line-height:1.35}.evo-skill{font-size:11px;color:var(--muted)}.evo-card .btn{margin-top:auto}@media(max-width:560px){.evo-list{grid-template-columns:1fr}}.rune-board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:4px 0 8px}.rb-socket{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#8cf5ff1a;border:0;color:inherit;font:inherit;cursor:pointer;min-width:0}.rb-socket span{font-size:22px;line-height:1}.rb-socket small{font-size:9px;color:var(--gold)}.rb-socket.full{background:#8cf5ff38}.rb-socket.on{background:color-mix(in srgb,var(--el) 45%,transparent)}.rb-socket.locked{opacity:.4;cursor:default}.rb-socket.locked small{color:var(--muted)}.seal-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.seal{display:flex;gap:8px;align-items:center;text-align:left;padding:8px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer}.seal .si{font-size:22px}.seal b{font-size:12px;display:block}.seal small{font-size:10px;color:var(--muted)}.seal.on{border-color:var(--el)}.seal.locked{opacity:.5;cursor:default}.seal b kbd{font-size:10px;padding:0 5px;border-radius:5px;background:var(--el);color:#111;font-family:inherit}.combo-row{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line);margin-bottom:5px;opacity:.7}.combo-row.on{opacity:1;border-color:var(--gold);box-shadow:0 0 10px #ffd1664d}.combo-row .si{font-size:20px}.combo-row b{font-size:12px;display:block}.combo-row small{font-size:10px;color:var(--muted)}.combo-row.on small{color:#ffe39a}.combo-need{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:40%}.combo-need i{font-style:normal;font-size:14px;opacity:.35;filter:grayscale(1)}.combo-need i.have{opacity:1;filter:none}@media(max-width:560px){.seal-list{grid-template-columns:1fr}.rb-socket span{font-size:18px}}.create-panel{width:min(400px,100%);max-height:calc(100vh - 32px);overflow-y:auto}#screen-create .create-panel{display:flex;flex-direction:column;height:min(620px,calc(100vh - 32px));overflow:hidden}#screen-create .create-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}.on-stage .town-top{display:none}.stage-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#05070f;opacity:0;pointer-events:none}.stage-fade.go{animation:stageFade .55s ease-out}@keyframes stageFade{0%{opacity:1}to{opacity:0}}.stage-views{position:absolute;left:max(16px,var(--safe-left, 0px));bottom:calc(16px + var(--safe-bottom));display:flex;flex-wrap:wrap;gap:6px;max-width:45vw;pointer-events:auto}.stage-views .chip-btn{margin:0;min-height:40px;background:#0a0e1cb8}.stage-hint{position:absolute;left:50%;top:calc(14px + var(--safe-top));transform:translate(-50%);font-size:13px;color:#dfe6ff;background:#0a0e1c99;padding:6px 12px;border-radius:999px;pointer-events:none;animation:stageHint 6s forwards;white-space:nowrap}@keyframes stageHint{0%,70%{opacity:1}to{opacity:0}}.create-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:10px}.cr-step{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:44px;padding:4px 0;border-radius:10px;font-size:17px;background:#ffffff0a;border:1px solid var(--line);color:inherit;cursor:pointer}.cr-step small{font-size:11px;color:var(--muted)}.cr-step.on{border-color:#8cf5ff;background:#8cf5ff29}.cr-step.on small{color:#fff}.cr-card{--c: #8cf5ff;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);border-left:4px solid var(--c);background:#ffffff0a}.cr-card b{font-size:15px}.cr-card small{font-size:12px;color:var(--muted)}.cr-card ul{margin:4px 0 0;padding-left:18px;font-size:13px}.cr-note{font-size:12px}.cr-evo.on,.cr-height.on{border-color:var(--el, #8cf5ff);background:#8cf5ff29;color:#fff}.cr-el.locked{opacity:.5}.cr-code{font:800 15px/1 monospace;padding:8px 10px;border-radius:8px;background:#0000004d;letter-spacing:.06em;-webkit-user-select:all;user-select:all}.cr-code-form,.cr-name{display:flex;gap:6px}.cr-code-form input,.cr-name input{flex:1;min-width:0;min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:#fff;font:inherit;font-size:16px}.cr-code-form .chip-btn,.cr-name .chip-btn{margin:0;min-width:48px}.create-head h2{margin:0 0 2px;font-size:20px}.create-head small{font-size:12px}.create-body{display:flex;flex-direction:column;gap:10px;margin:12px 0}.cr-row{display:flex;flex-direction:column;gap:5px}.cr-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cr-opts{display:flex;flex-wrap:wrap;gap:6px}.cr-dot{--c: #888;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:var(--c);cursor:pointer;padding:0;color:#fff;font-size:15px;font-weight:800}.cr-dot.auto{background:conic-gradient(#e8c36a,#6b3e26,#1e1a1c,#5aa8ff,#e8c36a);text-shadow:0 1px 2px #000}.cr-dot.on{border-color:#fff;box-shadow:0 0 0 2px var(--el, #8cf5ff),0 0 10px #fff6;transform:scale(1.08)}.cr-face.on,.cr-hat.on{border-color:var(--el, #8cf5ff);background:#8cf5ff29;color:#fff}.cr-els{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%}.cr-el{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0;border-radius:10px;font-size:18px;background:#ffffff0a;border:1px solid var(--line);color:inherit;cursor:pointer;min-width:0}.cr-el small{font-size:11px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-el.on{border-color:var(--el, #8cf5ff);background:#8cf5ff24}.create-foot{display:flex;gap:8px;position:sticky;bottom:0;padding:8px 0 2px;background:var(--panel)}.create-foot .ghost-btn{flex:1;margin:0}.create-foot .buy-btn{flex:1.4}.create-foot button{white-space:nowrap;padding-left:6px;padding-right:6px}@media(max-aspect-ratio:9/10){.create-panel{max-height:54vh;padding:10px 12px}#screen-create .create-panel{height:52vh}.cr-card ul{display:flex;flex-wrap:wrap;gap:2px 12px;padding:0;list-style:none;font-size:12px}.create-steps{margin-bottom:6px}.stage-views{top:calc(10px + var(--safe-top));bottom:auto;left:10px;max-width:none;flex-direction:column}.stage-views .chip-btn{min-height:38px}.stage-hint{top:auto;bottom:calc(52vh + 22px)}.create-head small{display:none}.create-body{gap:7px;margin:8px 0}.cr-dot{width:27px;height:27px}}@media(max-height:500px){#screen-create .create-panel{width:min(380px,52vw);height:calc(100vh - 16px);padding:8px 10px}#screen-create.sheet{padding:8px max(12px,var(--safe-right, 0px)) 8px 8px}.create-head h2{font-size:16px}.cr-card ul{display:flex;flex-wrap:wrap;gap:2px 12px;padding:0;list-style:none;font-size:12px}.create-steps{margin-bottom:4px}.cr-step{min-height:40px;font-size:14px}.stage-views{bottom:10px;left:10px;max-width:42vw}.stage-views .chip-btn{min-height:36px;padding:4px 8px;font-size:12px}.create-head small{display:none}.create-body{gap:6px;margin:6px 0}.cr-dot{width:26px;height:26px}}.ch-btns{display:flex;gap:6px;flex-wrap:wrap;width:100%}#screen-outfit .panel-head{margin-bottom:4px}#screen-outfit .panel-head h2{margin:0;font-size:20px}#screen-outfit small.muted{font-size:12px}.outfit-list{margin:8px 0;max-height:none}.outfit-row{cursor:pointer;border:1px solid transparent}.outfit-row.on{border-color:var(--el, #8cf5ff)}#screen-outfit .ghost-btn{width:100%;margin:0;position:sticky;bottom:0;background:var(--panel)}@media(max-aspect-ratio:9/10){#screen-outfit small.muted{display:none}}@media(max-height:500px){#screen-outfit small.muted{display:none}}.char-head{flex-wrap:wrap}.attr-rows{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:14px;background:#ffffff0a}.attr-row{display:flex;align-items:center;gap:8px;min-height:42px}.attr-row .ai{font-size:18px;width:24px;text-align:center}.attr-row .sb{flex:1;min-width:0;display:flex;flex-direction:column}.attr-row .sb b{font-size:13px}.attr-row .sb b em{font-style:normal;color:var(--el, #ffd166);margin-left:4px}.attr-row .sb b i{font-style:normal;font-size:11px;color:#8cf5ff;margin-left:4px}.attr-row .sb small{font-size:11px;color:var(--muted)}.attr-row .chip-btn,.sk-rank .chip-btn{width:40px;height:40px;min-width:40px;padding:0;font-size:18px;font-weight:800}.attr-row .chip-btn:disabled,.sk-rank .chip-btn:disabled{opacity:.3}.attr-tools{display:flex;gap:8px;justify-content:center;padding:6px 0 2px;flex-wrap:wrap}.attr-tools .chip-btn{min-height:40px}.free-pts{color:#ffd166}.sk-rank{display:flex;align-items:center;gap:8px;margin:-2px 0 6px 12px;font-size:12px;color:#ffd166}.sk-rank span{font-size:15px;letter-spacing:1px}.sk-rank small{flex:1;color:var(--muted)}.mark-list{list-style:none;margin:0;padding:6px 12px;font-size:12px;color:#c6cce6;display:flex;flex-direction:column;gap:3px}.reborn-box{text-align:center;padding:8px 12px}.reborn-box p{margin:0 0 8px;font-size:12px;color:#c6cce6}.ult-cut{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 50%,#05061040,#050610d1);animation:ult-dim .85s ease-out forwards}.ult-cut i{position:absolute;left:-20%;right:-20%;top:50%;height:18vh;margin-top:-9vh;background:linear-gradient(90deg,transparent,var(--c) 30%,#fff 50%,var(--c) 70%,transparent);transform:rotate(-9deg) scaleY(0);opacity:.8;mix-blend-mode:screen;animation:ult-bar .55s cubic-bezier(.2,.9,.3,1) forwards}@keyframes ult-dim{0%{opacity:0}12%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes ult-bar{0%{transform:rotate(-9deg) scaleY(0)}25%{transform:rotate(-9deg) scaleY(1)}to{transform:rotate(-9deg) scaleY(.02);opacity:0}}.region-card{position:fixed;left:0;right:0;top:19vh;z-index:28;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 22px color-mix(in srgb,var(--rc) 55%,transparent);animation:region-in 3.8s ease both}.region-card small{font-size:.8rem;letter-spacing:.34em;text-transform:uppercase;opacity:.85}.region-card b{font-size:clamp(1.9rem,6vw,3.2rem);font-weight:800;letter-spacing:.04em;line-height:1.1;padding:6px 42px;position:relative}.region-card b:before,.region-card b:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--rc),transparent)}.region-card b:before{top:0}.region-card b:after{bottom:0}.region-card span{font-size:.95rem;font-style:italic;opacity:.92}@keyframes region-in{0%{opacity:0;transform:translateY(14px);letter-spacing:.12em}16%{opacity:1;transform:none}78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.open-panel{position:absolute;top:74px;right:10px;width:148px;display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:6}.open-panel canvas{width:148px;height:148px;border-radius:50%;border:3px solid #e8c77e;box-shadow:0 3px 12px #00000080,inset 0 0 0 2px #3c281080;background:#25402a}#open-goals{display:flex;flex-direction:column;gap:3px}.open-goal{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-align:left;font:inherit;font-size:.72rem;line-height:1.2;color:#f3ecd9;background:#161c2c9e;border-radius:7px;padding:4px 7px;cursor:pointer}.open-goal.on{color:#ffd166;box-shadow:inset 0 0 0 1px #ffd166b3}.open-goal.done{opacity:.55;text-decoration:line-through}@media(max-width:720px){.open-panel{width:104px;top:66px;right:6px}.open-panel canvas{width:104px;height:104px}.open-goal{font-size:.62rem;padding:3px 5px}}:root{--frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96' height='96' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2bf'/%3E%3Cstop offset='.5' stop-color='%23d8a23e'/%3E%3Cstop offset='1' stop-color='%238d5a1a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='3' width='90' height='90' rx='15' fill='%2333210b'/%3E%3Crect x='4.6' y='4.6' width='86.8' height='86.8' rx='13.5' fill='url(%23g)'/%3E%3Crect x='9.6' y='9.6' width='76.8' height='76.8' rx='10' fill='%2333210b'/%3E%3Crect x='11' y='11' width='74' height='74' rx='9' fill='%233f5aa8'/%3E%3Crect x='13' y='13' width='70' height='70' rx='7.5' fill='%2316234f'/%3E%3Cg id='c'%3E%3Cpath d='M5 34 C5 16 16 5 34 5 L38 5 C30 8 26 11 24 15 C19 16 16 19 15 24 C11 26 8 30 5 38 Z' fill='url(%23g)' stroke='%2333210b' stroke-width='1.6'/%3E%3Ccircle cx='15' cy='15' r='6' fill='%233fd8c8' stroke='%2333210b' stroke-width='1.8'/%3E%3Ccircle cx='13.2' cy='13.2' r='1.8' fill='%23fff' fill-opacity='.85'/%3E%3C/g%3E%3Cuse xlink:href='%23c' transform='translate(96 0) scale(-1 1)'/%3E%3Cuse xlink:href='%23c' transform='translate(0 96) scale(1 -1)'/%3E%3Cuse xlink:href='%23c' transform='translate(96 96) scale(-1 -1)'/%3E%3C/svg%3E");--paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96' height='96' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2bf'/%3E%3Cstop offset='.5' stop-color='%23c98d33'/%3E%3Cstop offset='1' stop-color='%237d4e16'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='3' y='3' width='90' height='90' rx='15' fill='%234a2c0c'/%3E%3Crect x='4.6' y='4.6' width='86.8' height='86.8' rx='13.5' fill='url(%23g)'/%3E%3Crect x='9.6' y='9.6' width='76.8' height='76.8' rx='10' fill='%234a2c0c'/%3E%3Crect x='11' y='11' width='74' height='74' rx='9' fill='%23d9bd85'/%3E%3Crect x='13' y='13' width='70' height='70' rx='7.5' fill='%23f7ebcd'/%3E%3Cg id='c'%3E%3Cpath d='M5 34 C5 16 16 5 34 5 L38 5 C30 8 26 11 24 15 C19 16 16 19 15 24 C11 26 8 30 5 38 Z' fill='url(%23g)' stroke='%234a2c0c' stroke-width='1.6'/%3E%3Ccircle cx='15' cy='15' r='6' fill='%23e85a4a' stroke='%234a2c0c' stroke-width='1.8'/%3E%3Ccircle cx='13.2' cy='13.2' r='1.8' fill='%23fff' fill-opacity='.85'/%3E%3C/g%3E%3Cuse xlink:href='%23c' transform='translate(96 0) scale(-1 1)'/%3E%3Cuse xlink:href='%23c' transform='translate(0 96) scale(1 -1)'/%3E%3Cuse xlink:href='%23c' transform='translate(96 96) scale(-1 -1)'/%3E%3C/svg%3E");--gold-edge: linear-gradient(160deg, #fff0b8, #d9a441 38%, #8a5a1c 62%, #e8c36a);--navy: linear-gradient(180deg, #2a4288, #182758);--btn-gold: linear-gradient(180deg, #ffeeb0, #ffc95c 46%, #f0a02e 54%, #d9811c);--row: rgba(130, 160, 235, .12);--row-line: rgba(232, 199, 126, .24);--ink: #3e2b12}html,body{font-weight:600}*{scrollbar-width:thin;scrollbar-color:#c8963f rgba(0,0,0,.25)}.screen.overlay{background:#080e2499}.panel,.sheet-panel{border:1px solid transparent;background:none;border-radius:0;border-image:var(--frame) 32 fill / 24px / 7px stretch;animation:winIn .16s ease-out}@keyframes winIn{0%{opacity:0;transform:translateY(8px) scale(.985)}}.panel h2,.sheet-panel h2,.create-head h2{font-family:var(--title);font-weight:400;letter-spacing:.5px;color:#ffe9a8;text-shadow:0 2px 0 #6b3f0c,0 3px 6px rgba(0,0,0,.5)}.panel-head{padding-bottom:8px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,#d9a441 18%,#d9a441 82%,transparent) 1}.panel-sub{color:var(--muted);opacity:1}.section-title,.cr-title,.talent-head{color:#e8c36a}.play-btn,.buy-btn,.daily-btn,.week-btn,.town-quick .go-play,.town-prompt{border:2px solid #6e4310;color:#4a2a05;text-shadow:0 1px 0 rgba(255,240,190,.8);background:var(--btn-gold);box-shadow:inset 0 2px #fff9,inset 0 -3px #96550a80,0 3px #6e4310,0 6px 12px #0006}.play-btn{font-weight:400;border-radius:18px}.play-btn:active,.buy-btn:active,.town-quick .go-play:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff80,0 1px #6e4310}@keyframes pulse{50%{filter:brightness(1.1)}}.buy-btn{border-radius:12px;font-weight:900}.buy-btn:disabled{background:#7882aa38;border-color:#ffffff24;color:var(--muted);text-shadow:none;box-shadow:none}.buy-btn.using{background:#46c8962e;border-color:#55c99a;color:#9dffd2;text-shadow:none;box-shadow:none}.buy-btn.sell{background:var(--navy);border-color:#c8963f;color:#bff3ff;text-shadow:none;box-shadow:0 2px #00000059}.ghost-btn,.nav-btn,.chip-btn,.pill,.tab,.icon-btn,.tray-reroll{border:2px solid transparent;color:#fff4d6;background:var(--navy) padding-box,var(--gold-edge) border-box;box-shadow:0 2px #0006}.ghost-btn{font-weight:800}.link-btn{box-shadow:none}.login-legal{display:block;margin-top:8px;color:var(--muted);text-decoration:underline}.tab{font-weight:800}.tab.selected,.pill.selected{color:#4a2a05;background:var(--btn-gold) padding-box,var(--gold-edge) border-box;box-shadow:inset 0 1px #fff9,0 2px #0006}.pill.selected small{color:#4a2a05}input{caret-color:#ffd166}.name-form input,.cr-code-form input,.cr-name input{background:#060c228c;border-color:#e8c77e80}.shop-row,.ach-row,.rec-row,.quest,.class-row,.combo-row,.attr-rows,.stat-grid,.cr-card,.forge-mats span,.over-grid div,.power-box,.talk-goal{background:var(--row);box-shadow:inset 0 0 0 1px var(--row-line)}.talent,.pact,.seal,.sb-slot,.cr-step,.cr-el,.forge-chip{background:var(--row)}.talent,.pact{border-color:var(--row-line)}.el-card{background:var(--navy);border-color:#e8c77e66}.el-card .name,.up-card .t,.ch-name,.ai-name{font-weight:400}.ach-row.done{background:#ffd1661f}.rec-row.mine{background:#ffd16629;outline-color:#e8c36a}.nc-amethyst{color:#d4b4ea}.class-row.on{border-color:#e8c36a;background:#ffd1661f}.ch-portrait{border-radius:50%;border:3px solid transparent;background:var(--navy) padding-box,var(--gold-edge) border-box}.ch-name{color:#ffe9a8;text-shadow:0 2px 0 #6b3f0c}.up-card,.tray-card{background:linear-gradient(180deg,#2a4288f5,#16234ff5)}.up-card.legendary{background:linear-gradient(160deg,#ffd16647,#16234ff5 60%)}.levelup-title,.over-title,.over-crystals{font-weight:400}.levelup-title{color:#ffe9a8;text-shadow:0 3px 0 #6b3f0c,0 0 22px rgba(255,209,102,.55)}.create-foot{background:#16234f}#screen-outfit .ghost-btn{background:var(--navy) padding-box,var(--gold-edge) border-box}.logo,.town-logo,.login-logo{background:linear-gradient(180deg,#fffbe0,#ffdb70 44%,#ee9a2c 58%,#ffe9a0);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400;filter:drop-shadow(0 2px 0 #5a3208) drop-shadow(0 0 1px #2a1604) drop-shadow(0 5px 10px rgba(0,0,0,.5))}.login-logo span{color:transparent}.dmg{text-shadow:0 2px 0 #2a1208,1px 0 0 #2a1208,-1px 0 0 #2a1208,0 -1px 0 #2a1208;font-size:16px}#banner{background:linear-gradient(90deg,transparent,rgba(20,32,76,.82) 22%,rgba(20,32,76,.82) 78%,transparent);border-top:2px solid;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#e8c36a 30%,#e8c36a 70%,transparent) 1}#banner-title{color:#ffeeb8;text-shadow:0 3px 0 #6b3f0c,0 0 18px rgba(255,190,80,.55)}.region-card b{font-family:var(--title);font-weight:400;color:#fff4d0}.toast{border:2px solid transparent;background:var(--navy) padding-box,var(--gold-edge) border-box}.grade-card{background:linear-gradient(180deg,#2a4288f0,#16234ff0)}.grade-card b,.wave-label,.boss-name,.combo{font-weight:400}.wave-label{color:#fff0c4;text-shadow:0 2px 0 #4a2a08,0 3px 6px rgba(0,0,0,.6)}.bar{border:2px solid #b98a3a;background:#201526;box-shadow:0 1px 2px #0009,inset 0 2px 3px #000000b3}.bar:after{content:"";position:absolute;left:3px;right:3px;top:1px;height:38%;border-radius:6px;background:linear-gradient(#ffffff6b,#ffffff0f);pointer-events:none}.bar.mini:after,.bar.plate-bar:after,.bar.poise:after{display:none}.bar.hp{height:21px;border-radius:11px}.bar.hp>div{background:linear-gradient(180deg,#ff9a94,#f0335c 55%,#b5183f)}.bar.hp span{font-size:12px;font-weight:900;z-index:1;text-shadow:0 1px 0 #4a0a1c,1px 0 0 #4a0a1c,-1px 0 0 #4a0a1c,0 -1px 0 #4a0a1c}.bar.en{height:11px;border-radius:6px;border-width:1.5px}.bar.en>div{background:linear-gradient(180deg,#9fe3ff,#2f8fff 60%,#1a5ec8)}.bar.mini{border:1px solid #2a1a10}.bar.boss{height:18px;border-color:#e8c36a}.bar.boss>div{background:linear-gradient(180deg,#ffb37a,#ff2e63 55%,#a8123e)}.boss-name{color:#ffd9b0;text-shadow:0 2px 0 #5a0f1e,0 0 10px rgba(255,46,99,.6);font-size:17px}.xp-strip{height:7px;border-bottom:1px solid #6e4310;background:#140c08b3}.xp-strip>div{background:linear-gradient(180deg,#fff0a8,#ffc23c 55%,#e08a14);box-shadow:0 0 8px #ffc850b3}.lvl-badge{width:58px;height:58px;border-radius:50%;border:3px solid transparent;font-size:28px;overflow:visible;background:radial-gradient(circle at 50% 35%,#355299,#14204a 72%) padding-box,var(--gold-edge) border-box;box-shadow:0 0 0 1px #33210b,0 0 12px color-mix(in srgb,var(--el) 55%,transparent),0 3px 6px #00000080}.lvl-badge canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border-radius:50%}.ch-portrait{overflow:hidden}.ch-portrait canvas{width:100%;height:100%;display:block}.lvl-badge b{right:auto;left:50%;bottom:-8px;transform:translate(-50%);height:18px;min-width:26px;font-size:12px;font-weight:900;color:#4a2a05;border:1.5px solid #6e4310;background:var(--btn-gold)}.hud-left{gap:10px}.hud-stat{border:2px solid transparent;background:var(--navy) padding-box,var(--gold-edge) border-box;border-radius:999px;font-weight:800;box-shadow:0 2px 4px #0006}.icon-btn{border-radius:50%}.desk-skills{padding:6px 8px;border-radius:16px;border:2px solid transparent;background:linear-gradient(180deg,#243876e0,#121c42e0) padding-box,var(--gold-edge) border-box;box-shadow:0 3px 8px #00000073}.skill{border:2px solid transparent;border-radius:11px;background:radial-gradient(circle at 50% 30%,#2f4a94,#121d46 75%) padding-box,linear-gradient(160deg,#e8c36a,#8a5a1c) border-box}.skill.ready{background:radial-gradient(circle at 50% 30%,#2f4a94,#121d46 75%) padding-box,linear-gradient(160deg,#fff,var(--el)) border-box}.skill.ult.ready{background:radial-gradient(circle at 50% 30%,#6a5a2a,#121d46 75%) padding-box,var(--gold-edge) border-box}.skill.held{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--el) 55%,#2f4a94),#121d46 75%) padding-box,linear-gradient(160deg,#fff,var(--el)) border-box}.skill kbd{background:#0a1028cc;color:#ffe9a8}.touch-btn{border:3px solid transparent;background:radial-gradient(circle at 50% 32%,#33509c,#121d46 72%) padding-box,var(--gold-edge) border-box;box-shadow:0 3px 6px #00000073}.touch-btn.big{background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--el) 50%,#33509c),#121d46 74%) padding-box,var(--gold-edge) border-box}.touch-btn.big.held{background:radial-gradient(circle at 50% 32%,var(--el),#121d46 80%) padding-box,var(--gold-edge) border-box}#joy-base{border:3px solid rgba(232,199,126,.6);background:radial-gradient(circle,#1e306859,#0e163673)}#joy-knob{background:radial-gradient(circle at 50% 35%,#fff0b8,#d9a441 70%);box-shadow:0 2px 6px #00000080}.town-res span{border:2px solid transparent;background:var(--navy) padding-box,var(--gold-edge) border-box;color:#d8e0f4;font-weight:800;box-shadow:0 2px 4px #0006}.town-quick{border:2px solid transparent;border-radius:20px;background:linear-gradient(180deg,#243876f0,#121c42f0) padding-box,var(--gold-edge) border-box;box-shadow:0 4px 12px #00000080}.town-quick button{background:#82a0eb1f;box-shadow:inset 0 0 0 1px var(--row-line)}.town-quick button:hover{background:#ffd16638}.town-quick small{color:#ffeec4;font-weight:800}.town-quick .go-play small{color:#4a2a05}.town-prompt{font-family:var(--title);font-weight:400;letter-spacing:.3px}.town-prompt kbd{background:#4a2a05d9;color:#ffe9a8;text-shadow:none}.town-help{color:#fff6e4;opacity:.9;text-shadow:0 1px 2px #000,0 0 6px #000}.town-quest,.open-goal{color:var(--ink);background:linear-gradient(180deg,#fff6def5,#ecdab0f5);border:1.5px solid #a87830;box-shadow:0 2px 5px #0006;font-weight:800}.town-quest.ready{border-color:#3f9a5c;color:#1d5a33}.open-goal.on{color:#7a3d10;box-shadow:inset 0 0 0 1px #d9a441,0 2px 5px #0006}.open-panel canvas{box-sizing:border-box;border:5px solid transparent;background:linear-gradient(#25402a,#25402a) padding-box,var(--gold-edge) border-box;box-shadow:0 0 0 1px #33210b,0 3px 10px #0000008c}.talk-box{position:relative;border:1px solid transparent;background:none;border-radius:0;color:var(--ink);border-image:var(--paper) 32 fill / 24px / 7px stretch;padding:12px 14px 12px 130px;min-height:136px}.talk-head{display:block;font-family:var(--title);font-size:21px;color:#8a4a12}.talk-head b{font-weight:400}.talk-icon{position:absolute;left:12px;top:12px;width:108px;height:108px;font-size:52px;overflow:hidden;border:4px solid transparent;background:radial-gradient(circle at 50% 35%,#fff6d8,#d8bd84) padding-box,var(--gold-edge) border-box;box-shadow:0 0 0 1px #4a2c0c,0 3px 6px #4a2c0c73}.talk-icon canvas{width:100%;height:100%;display:block}.talk-text{color:var(--ink);font-weight:700}.talk-goal{color:var(--ink);background:#7a4a141f;box-shadow:inset 0 0 0 1px #7a4a1447}.talk-box .muted,.talk-box .small{color:#7a6242}.talk-box .ghost-btn{color:#fff4d6}@media(max-width:560px){.talk-box{padding-left:100px;min-height:108px}.talk-icon{left:10px;top:10px;width:80px;height:80px;font-size:38px}.talk-text{font-size:15px}.talk-head{font-size:18px}}@media(max-height:500px){.talk-box{padding-left:104px;min-height:100px}.talk-icon{left:10px;top:10px;width:84px;height:84px;font-size:40px}}@media(max-width:720px){.lvl-badge{width:50px;height:50px;font-size:24px}.town-top{flex-wrap:wrap;row-gap:5px;gap:6px}.town-res span,.chip-btn{white-space:nowrap}.town-set{margin-left:0;flex-wrap:nowrap}.town-quick small{font-size:8.5px;font-weight:700;letter-spacing:-.2px}.town-quick button{overflow:hidden}#hud:has(.open-panel:not(.hidden)) .hud-stat{display:none}.open-panel{top:calc(118px + var(--safe-top))}}.hud-stat{white-space:nowrap}@media(max-height:500px){.open-panel{left:calc(10px + var(--safe-left));right:auto;top:calc(72px + var(--safe-top));width:104px}.open-panel canvas{width:104px;height:104px}#open-goals .open-goal:not(.on){display:none}.open-goal{font-size:.62rem;padding:3px 5px}}.panel-open .region-card{display:none}body.touch:has(.level-tray:not(.hidden)) #banner{top:calc(236px + var(--safe-top))}@media(max-height:500px){body.touch:has(.level-tray:not(.hidden)) #banner{top:calc(164px + var(--safe-top))}}@media(max-width:720px){.open-goal.done{display:none}}