: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}.tframe{position:absolute;top:calc(70px + var(--safe-top));left:50%;transform:translate(-50%);width:min(330px,62vw);z-index:3}.has-boss .tframe{top:calc(146px + var(--safe-top))}@media(max-width:720px){.tframe{top:calc(122px + var(--safe-top));left:calc(8px + var(--safe-left));transform:none;width:calc(100% - 136px)}.has-boss .tframe{top:calc(176px + var(--safe-top))}}.tf-main{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:10px;background:#0a0e20d1;border:1px solid rgba(255,209,102,.45);box-shadow:0 2px 8px #00000073}.tf-mid{flex:1;min-width:0;text-align:left;pointer-events:none}.tf-mid b{display:block;font-size:12px;color:#ffe2a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-mid small{display:block;font-size:10px;line-height:1.3;color:#ffe7a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-mid small:empty{display:none}.tf-mid .tf-weak{color:#9fe8c0}.tframe.champ .tf-mid b{color:var(--gold)}.tframe.isboss .plate-bar{display:none}.bar.plate-bar{position:relative;height:12px;border-radius:4px;margin:2px 0;border-color:#ff3b5c}.bar.plate-bar>div{background:#ff3b5c}.bar.plate-bar>span{position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;line-height:11px;text-align:center;color:#fff;text-shadow:0 1px 2px #000}.tf-drops{flex:none;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,209,102,.6);background:#ffd16624;font-size:17px;cursor:pointer;pointer-events:auto}.tf-pop{margin-top:4px;padding:7px 9px;border-radius:10px;background:#0a0e20f0;border:1px solid rgba(255,209,102,.45);font-size:11px;color:#e8ecff}.tf-pop h4{margin:0 0 4px;font-size:11px;color:#ffe2a0}.tf-row{display:grid;grid-template-columns:18px 1fr auto;gap:2px 5px;padding:2px 0}.tf-row em{font-style:normal;color:#ffe2a0;white-space:nowrap}.tf-row small{grid-column:2 / 4;font-size:10px;opacity:.75}.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}.hud-buffs{display:flex;gap:4px;margin-top:3px}.hud-buffs:empty{display:none}.buff{position:relative;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:15px;overflow:hidden;border:1.5px solid transparent;background:radial-gradient(circle at 50% 30%,#2f4a94,#121d46 75%) padding-box,linear-gradient(160deg,#e8c36a,#8a5a1c) border-box}.buff:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(6,10,28,.68) calc(var(--k, 0) * 1turn),transparent 0)}.buff b{position:absolute;right:1px;bottom:-1px;font-size:10px;font-weight:800;color:#fff;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000}.buff>:first-child{position:relative}.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-hits{font-size:15px;font-weight:800;color:#fff;letter-spacing:.02em;text-shadow:0 2px 0 #1a2450,0 0 8px rgba(0,0,0,.6);margin-left:54px}.dmg-hits.big{color:var(--gold);font-size:18px}.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(700px,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}i.aff{color:var(--gold);font-style:normal;font-weight:700}.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}.class-list{grid-template-columns:1fr}}.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)}#screen-outfit .create-panel{display:flex;flex-direction:column;height:min(640px,calc(100vh - 32px));overflow:hidden}#screen-outfit .outfit-list{flex:1;min-height:0;overflow-y:auto}#screen-outfit #btn-outfit-back{flex:none}.outfit-tabs{display:flex;gap:4px;margin-top:6px;flex:none}.outfit-tabs .pill{--c: var(--gold);flex:1 1 0;min-width:0;padding:6px 2px;font-size:12px;white-space:nowrap;overflow:hidden}.outfit-tabs .pill small{opacity:.65;font-size:10px;display:block}.outfit-row .sb small.how,.book-row small.how{color:#ffd98a}.dye-box{display:flex;flex-direction:column;gap:8px}.dye-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;flex:none}.dye-chips .pill{--c: var(--gold);padding:6px 10px;font-size:12px;white-space:nowrap;flex:none}.dye-part b{font-size:13px}.dye-part small{font-size:11px;margin-left:4px}.dye-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:4px}.dye-dot{aspect-ratio:1;min-height:28px;max-height:38px;width:100%;border-radius:9px;border:2px solid rgba(255,255,255,.2);padding:0;background:var(--dot)}.dye-dot.on{border-color:#fff;box-shadow:0 0 0 2px var(--gold)}.dye-foot{display:flex;gap:8px;position:sticky;bottom:0;padding:6px 0 2px;background:var(--panel-bg, #16234f)}.dye-foot button{flex:1;min-height:40px;margin:0;padding:6px 8px;font-size:13px}#screen-outfit .dye-foot .ghost-btn{position:static;width:auto}.book-head{background:#ffffff0a;border-radius:14px;padding:10px 12px;font-size:13px}.book-head b{font-size:15px}.book-marks{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.book-mark{text-align:center;border-radius:10px;padding:5px 2px;background:#ffffff0d;font-size:11px;line-height:1.25}.book-mark.on{background:#ffd1662e;color:#ffe9a8}.book-title{font-weight:700;font-size:13px;margin:10px 0 4px}.book-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:#ffffff08;margin-bottom:3px}.book-row .si{font-size:18px;width:26px;text-align:center;flex:none}.book-row b{font-size:13px;font-weight:600}.book-row small{display:block;font-size:11px;line-height:1.25}.book-row.locked .si{filter:grayscale(.8);opacity:.7}.book-row.locked b{opacity:.75}@media(max-aspect-ratio:9/10){#screen-outfit #outfit-hint{display:none}#screen-outfit .create-panel{height:54vh}.outfit-tabs .pill{padding:5px 1px;font-size:11px}.dye-dot{min-height:26px}}@media(max-height:500px){#screen-outfit #outfit-hint{display:none}#screen-outfit .create-panel{width:min(400px,52vw);height:calc(100vh - 16px);padding:8px 10px}#screen-outfit.sheet{padding:8px max(12px,var(--safe-right, 0px)) 8px 8px}#screen-outfit .panel-head h2{font-size:16px}.outfit-tabs{margin-top:2px}.outfit-tabs .pill small{display:none}.dye-grid{grid-template-columns:repeat(16,1fr);gap:2px}.dye-dot{min-height:20px;border-radius:6px;border-width:1px}.dye-box{gap:5px}.dye-foot button{min-height:34px}}.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}.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%}.cdw{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;z-index:2;pointer-events:none;font-style:normal;display:grid;place-items:center;transform:none!important;border-radius:inherit;background:conic-gradient(rgba(6,10,28,.6) calc(var(--k, 0) * 1turn),transparent 0)!important}.cdw:after{content:attr(data-s);font-size:17px;font-weight:800;color:#fff;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 0 6px #000}.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}}.talk-goal.rep-row{flex-wrap:wrap;row-gap:4px}.talk-goal span+span:last-child{white-space:nowrap}.rep-row small{flex-basis:100%;font-weight:600;opacity:.8}.rep-bar{flex-basis:100%;height:6px;border-radius:3px;background:#7a4a1438;overflow:hidden}.rep-bar i{display:block;height:100%;background:linear-gradient(90deg,#d9a441,#f4d06a)}.rep-list{max-height:44vh;overflow-y:auto}.talk-box .quest .qr{color:#8a5210}.ico{display:block;width:78%;height:78%}.bag-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;border-radius:9px;cursor:pointer;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc, #8d97b8) 26%,#1a2038),#121729);border:2px solid color-mix(in srgb,var(--rc, #8d97b8) 72%,#000);box-shadow:inset 0 1px #ffffff1a}.bag-cell.empty{background:#ffffff09;border:1px solid rgba(255,255,255,.08);box-shadow:none;cursor:default}button.bag-cell.empty{cursor:pointer}.bag-cell.on{outline:2px solid #fff;outline-offset:1px}.bag-cell.aff:after{content:"★";position:absolute;top:-1px;left:3px;font-size:11px;color:var(--gold);text-shadow:0 1px 2px #000}.bag-cell i{font-style:normal;position:absolute;text-shadow:0 1px 2px #000,0 0 2px #000}.cell-n{right:3px;bottom:0;font-size:11px;font-weight:800;color:#fff}.cell-up{top:1px;right:3px;font-size:9px;color:#6dffb0}.cell-new{left:2px;bottom:1px;font-size:8px;font-weight:800;color:#ffd166}.bag-cell.big{flex:none;width:58px;cursor:default}.worn-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;max-width:420px;width:100%;margin:0 auto}.bag-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:2px solid rgba(255,209,102,.3);scrollbar-width:none}.bag-tab{flex:1 0 auto;padding:7px 9px;border-radius:9px 9px 0 0;font-size:12px;font-weight:700;color:#c6cce6;background:#ffffff0d}.bag-tab.on{color:#2a1c08;background:linear-gradient(180deg,#ffe2a0,#e8b84a)}.bag-wrap{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:10px;align-items:start}.bag-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.bag-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;font-size:13px;font-weight:700}.bag-pages .chip-btn{min-width:44px;min-height:34px}.bag-detail{display:flex;flex-direction:column;gap:4px;min-height:120px;padding:9px;border-radius:12px;text-align:left;background:#0a0e2099;border:1px solid color-mix(in srgb,var(--rc, #8d97b8) 55%,transparent)}.bd-top{display:flex;align-items:center;gap:8px}.bd-top .sb{min-width:0}.bd-top b{display:block;font-size:14px;line-height:1.15}.bd-top small{display:block;font-size:11px;color:#c6cce6}.bd-stats{font-size:12.5px;font-weight:700;color:#8cf5ff;line-height:1.3}.bd-line{display:block;font-size:11.5px;line-height:1.3}.bd-line.on{color:#6dffb0}.bd-line.off{color:#ff9aa8}.bd-empty{margin:auto;font-size:13px;color:var(--muted);text-align:center}.bag-detail .item-btns{flex-direction:row;margin-top:4px}.bag-detail .buy-btn{flex:1;min-width:0;min-height:40px;padding:8px 6px;font-size:13px}.bag-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:7px 10px;border-radius:10px;font-size:13px;background:#ffffff0d}.bag-foot b{color:#ffe2a0}.bag-foot .chip-btn{margin-left:auto;font-size:12px;padding:6px 10px}.doll{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;gap:8px;align-items:stretch;max-width:440px;width:100%;margin:0 auto}.doll-col{display:flex;flex-direction:column;justify-content:space-between;gap:6px}.doll-foot{grid-column:1 / -1;display:grid;grid-template-columns:60px 60px;justify-content:center;gap:8px}.legend{font-style:normal;font-weight:700;color:#ffd166}.doll-foot .bag-cell.trophy{background:radial-gradient(circle at 50% 40%,#5c4a1e,#1f1a10);border-color:#b98f35;font-size:26px}.doll-mid{position:relative;display:grid;place-items:center;min-height:240px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--c) 34%,#20325e),#20325e 72%);border:1px solid color-mix(in srgb,var(--c) 60%,transparent)}.doll-mid canvas{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.doll-emoji{font-size:72px}.doll-power{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:baseline;gap:8px;padding:5px;background:linear-gradient(180deg,transparent,rgba(8,10,22,.82))}.doll-power small{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold)}.doll-power b{font-family:var(--title);font-size:19px;color:#fff}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.stat-card{padding:7px 10px;border-radius:12px;text-align:left;background:#ffffff0b;border:1px solid rgba(255,255,255,.07)}.stat-card.mine{border-color:#ffd16699;background:#ffd16612}.stat-card h4{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin:0 0 4px;font-size:13px;color:#ffe2a0}.stat-card h4 i{font-style:normal;font-size:10px;font-weight:600;color:var(--gold);opacity:.85}.sc-row{display:flex;justify-content:space-between;gap:6px;padding:1.5px 0;font-size:12px}.sc-row span{color:#c6cce6}.sc-row b{color:#fff;white-space:nowrap}.trophies{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.trophies span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:10px;font-size:20px;background:#ffd16614;border:1px solid rgba(255,209,102,.22)}.trophies span small{font-size:10px;line-height:1.15;text-align:center;color:#e8ecff}.trophies>small{grid-column:1 / -1;text-align:center;font-size:12px}.res-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.res-row span{display:flex;flex-direction:column;align-items:center;padding:5px 0;border-radius:9px;font-size:16px;background:#ffffff0a}.res-row b{font-size:10.5px;color:#c6cce6}.res-row b.on{color:#6dffb0}.res-row b.off{color:#ff9aa8}@media(max-width:640px){.bag-wrap{grid-template-columns:minmax(0,1fr)}.stat-card{padding:6px 8px}.sc-row{font-size:11px}.char-tabs{flex-wrap:wrap}.char-tabs .tab{flex:1 0 23%}}.panel.wide.atlas-panel{width:min(1120px,100%);max-width:none}.atlas-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;min-height:0}.atlas-map{display:flex;flex-direction:column;gap:6px;min-width:0}.atlas-map canvas{display:block;width:min(100%,calc(100vh - 216px));aspect-ratio:1;margin:0 auto;border-radius:12px;background:#0f1a24;box-shadow:inset 0 0 0 2px #e8c77e66;cursor:pointer}.atlas-where{min-height:20px;text-align:center;font-size:13px;color:var(--muted)}.atlas-side{display:flex;flex-direction:column;gap:8px;min-height:0}.atlas-side .bag-tab{padding:7px 5px;font-size:11px}.atlas-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:calc(100vh - 230px);padding-right:4px}.atlas-row{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;text-align:left;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:#ffffff0d;color:inherit;cursor:pointer}.atlas-row span{grid-row:span 2;font-size:18px;text-align:center}.atlas-row b{font-size:13px;line-height:1.2}.atlas-row small{font-size:11px;color:var(--muted)}.atlas-row:hover{background:#e8c77e24}.atlas-row.on{border-color:#e8c77e;background:#e8c77e33}.town-mini{position:absolute;top:calc(68px + var(--safe-top));right:calc(10px + var(--safe-right, 0px));width:124px;height:124px;padding:0;border:4px solid transparent;border-radius:50%;background:linear-gradient(#25402a,#25402a) padding-box,var(--gold-edge) border-box;box-shadow:0 0 0 1px #33210b,0 3px 10px #0000008c;overflow:hidden;cursor:pointer;pointer-events:auto}.town-mini canvas{display:block;width:100%;height:100%}.panel-open .town-mini{display:none}.open-panel canvas{pointer-events:auto;cursor:pointer}@media(max-width:720px){.atlas-body{grid-template-columns:1fr}.atlas-map canvas{width:100%}.atlas-list{max-height:34vh}.town-mini{width:92px;height:92px;top:calc(60px + var(--safe-top));right:calc(6px + var(--safe-right, 0px))}}.class-win{display:grid;grid-template-columns:188px minmax(0,1fr);gap:10px}.cw-left{display:flex;flex-direction:column;gap:5px}.cw-class{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:10px;border:1px solid transparent;background:#ffffff0d;color:inherit;text-align:left;cursor:pointer}.cw-class.on{border-color:#e8c77e;background:#e8c77e2e}.cw-class.now .cw-name b{color:#ffd166}.cw-ico{flex:none;width:40px;height:40px;display:grid;place-items:center}.cw-ico .ico{width:100%;height:100%}.cw-name{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cw-name b{font-size:13px}.cw-name small{font-size:11px;color:var(--muted)}.cw-name .ch-xp{display:block;height:4px}.cw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px}.cw-skill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 3px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0a0e1e80;color:inherit;cursor:pointer}.cw-skill span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #e8c77e59}.cw-skill small{font-size:10px;line-height:1.15;text-align:center;color:#d7dbef}.cw-skill.locked span{filter:grayscale(1) brightness(.55)}.cw-skill.locked small{color:var(--muted)}.cw-skill.on{border-color:#e8c77e;background:#e8c77e2e}.cw-info{display:flex;gap:10px;align-items:center;min-height:58px;margin-top:8px;padding:8px;border-radius:10px;background:#ffffff0d}.cw-big{flex:none;width:48px;height:48px;display:grid;place-items:center}.cw-info .sb{display:flex;flex-direction:column;gap:2px}.cw-go{display:block;width:100%;margin-top:8px}.skill-row .si .ico,.seal .si .ico,.combo-row .si .ico{width:34px;height:34px}.sb-slot span .ico{width:30px;height:30px;margin:0 auto}.rb-socket span .ico{width:38px;height:38px;margin:0 auto}.combo-need i .ico{width:22px;height:22px}@media(max-width:720px){.class-win{grid-template-columns:1fr}.cw-left{flex-direction:row;overflow-x:auto;padding-bottom:3px}.cw-class{flex:0 0 auto}.cw-name .ch-xp{display:none}}.field-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:5px;margin:6px 0;max-height:34vh;overflow-y:auto}.field-row{display:flex;flex-direction:column;gap:1px;padding:6px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--c);background:#ffffff0d;color:inherit;text-align:left;cursor:pointer}.field-row b{font-size:13px}.field-row small{font-size:11px;color:var(--muted)}.field-row.on{background:#e8c77e33;border-color:#e8c77e;border-left-color:var(--c)}.field-row.locked{opacity:.55}.scene-screen{z-index:40;padding:0;overflow:hidden;background:#03050c;cursor:pointer;-webkit-user-select:none;user-select:none;display:block}.scene-screen.hidden{display:none}.scene-screen.live{background:none}.scene-bg,.scene-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene-bg{opacity:0;transition:opacity 1s ease}.scene-bg.on{opacity:1}.scene-bg.drift-a{animation:scene-drift-a 14s ease-out forwards}.scene-bg.drift-b{animation:scene-drift-b 14s ease-out forwards}@keyframes scene-drift-a{0%{transform:scale(1.04) translate(-1%)}to{transform:scale(1.14) translate(1.5%)}}@keyframes scene-drift-b{0%{transform:scale(1.14) translateY(1%)}to{transform:scale(1.04) translateY(-1%)}}.scene-fx{pointer-events:none}.scene-top,.scene-bottom{position:absolute;left:0;right:0;background:#03050c}.scene-top{top:0;height:calc(11vh + var(--safe-top));padding:var(--safe-top) 110px 0 110px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f4e6c0;text-align:center}.scene-top small{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#a8b4d0}.scene-top b{font-size:clamp(16px,2.6vw,24px);letter-spacing:.5px}.scene-bottom{bottom:0;min-height:21vh;padding:12px 16px calc(14px + var(--safe-bottom));display:flex;justify-content:center;align-items:flex-start}.scene-line{position:relative;width:min(860px,100%);color:#f1f4ff}.scene-line p{margin:0;min-height:3.2em;font-size:clamp(15px,2vw,19px);line-height:1.5}.scene-line.voice p{font-style:italic;text-align:center;color:#dfe6ff}.scene-who{display:flex;align-items:center;gap:8px;margin-bottom:4px}.scene-who span{width:36px;height:36px;display:grid;place-items:center;font-size:20px;border-radius:50%;background:#1a2448;border:2px solid #d9b45f}.scene-who b{color:#ffd98a;font-size:15px}.scene-next{position:absolute;right:0;bottom:-4px;color:#ffd98a;opacity:0;font-size:18px}.scene-next.on{opacity:1;animation:scene-bob 1s ease-in-out infinite}@keyframes scene-bob{50%{transform:translateY(4px)}}.scene-skip{position:absolute;z-index:2;top:calc(10px + var(--safe-top));right:12px;padding:6px 12px;color:#dfe6ff;background:#141c38d9;border:1px solid #4a5a8a;border-radius:8px;font-size:13px;cursor:pointer}body.in-scene #town-ui,body.in-scene .toast-stack{display:none}.lore-panel{width:min(760px,100%)}.lore-now{display:flex;flex-direction:column;gap:2px;padding:12px 14px;margin-bottom:10px;border-radius:10px;background:#ffd98a1a;border:1px solid rgba(255,217,138,.35)}.lore-now small{color:#a8b4d0}.lore-now b{color:#ffd98a;font-size:17px}.lore-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:52vh;overflow-y:auto;margin-bottom:10px}.lore-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 11px;text-align:left;color:#f1f4ff;background:#141c38cc;border:1px solid #3a4a78;border-radius:8px;cursor:pointer}.lore-row small{color:#a8b4d0}.lore-row.locked{opacity:.55}.select-panel{display:flex;flex-direction:column;gap:8px}.select-list{display:flex;flex-direction:column;gap:6px}.sel-row{display:flex;align-items:center;gap:10px;padding:8px 10px;text-align:left;color:#f1f4ff;background:#141c38bf;border:1px solid #3a4a78;border-radius:10px;cursor:pointer}.sel-row.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c),inset 0 0 16px color-mix(in srgb,var(--c) 22%,transparent)}.sel-row i{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#101833}.sel-row i svg{width:34px;height:34px}.sel-row span{display:flex;flex-direction:column;min-width:0}.sel-row b{font-size:15px}.sel-row small{color:#a8b4d0;font-size:12px}.sel-play{width:100%;padding:12px;font-size:16px}#btn-sel-del.danger{color:#ff8a7a;border-color:#ff8a7a}.cr-step{display:inline-flex;align-items:center;gap:6px}.cr-step em{font-style:normal;font-size:12px;color:#a8b4d0;min-width:30px;text-align:center}.cr-arrow{width:24px;height:24px;padding:0;font-size:11px;color:#ffd98a;background:#141c38cc;border:1px solid #4a5a8a;border-radius:6px;cursor:pointer}.panel.wide.mall-panel,.panel.wide.auction-panel{width:min(1080px,100%);max-width:none}.mall-body{display:grid;grid-template-columns:150px 1fr 250px;gap:10px;min-height:0}.mall-cats{display:flex;flex-direction:column;gap:5px}.mall-cat{padding:10px;text-align:left;color:#f1f4ff;background:#141c38cc;border:1px solid #3a4a78;border-radius:8px;cursor:pointer}.mall-cat.on{color:#1a1408;background:linear-gradient(#ffe08a,#e8b04a);border-color:#ffe08a;font-weight:700}.mall-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;align-content:start;min-height:340px}.mall-card{display:flex;align-items:center;gap:8px;padding:8px;background:#141c38bf;border:1px solid #3a4a78;border-radius:8px;min-width:0}.mall-card.owned{opacity:.6}.mall-card .sb{flex:1;min-width:0;display:flex;flex-direction:column}.mall-card .sb b{font-size:13px}.mall-card .sb small{color:#a8b4d0;font-size:11px;line-height:1.25}.mall-card .buy-btn{flex:0 0 auto;width:auto;margin:0;padding:6px 9px;font-size:13px;white-space:nowrap}.mall-ico{flex:0 0 40px;height:40px;display:grid;place-items:center;font-size:22px;border-radius:8px;background:#101833}.mall-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;color:#dfe6ff}.mall-side h3{margin:0 0 6px;font-size:14px;color:#ffd98a}.mall-hot{display:flex;flex-direction:column;gap:6px}.mall-card.small{flex-wrap:wrap}.mall-card.small .buy-btn{flex:1 0 100%}.mall-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #3a4a78}.mall-foot .ghost-btn{margin:0;width:auto;flex:0 1 auto;padding:8px 12px}.mall-purse{margin-right:auto;color:#ffd98a;font-size:16px}.auction-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto;margin:8px 0}.auc-row{display:flex;align-items:center;gap:10px;padding:7px 9px;background:#141c38bf;border:1px solid #3a4a78;border-radius:8px}.auc-row.mine{border-color:#ffd98a}.auc-row .sb{flex:1;min-width:0;display:flex;flex-direction:column}.auc-row .sb small{color:#a8b4d0;font-size:12px}.auc-row .bag-cell{flex:0 0 44px;width:44px;height:44px}.auc-bid{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;color:#ffd98a}.auc-bid small{color:#a8b4d0;font-size:11px}.auc-acts{display:flex;gap:5px;flex:0 0 auto}.auc-row button{width:auto;margin:0;padding:6px 9px;font-size:13px;white-space:nowrap}.auc-prices{display:flex;flex-wrap:wrap;gap:5px}@media(max-width:760px){.mall-body{grid-template-columns:1fr}.mall-cats{flex-direction:row;overflow-x:auto}.mall-cat{flex:0 0 auto;padding:7px 10px}.mall-grid{grid-template-columns:1fr;min-height:0}.mall-side{display:none}.auc-row{flex-wrap:wrap}.auc-acts{flex:1 0 100%}.auc-acts button{flex:1}}@media(max-width:720px)and (orientation:portrait){.town-quick{display:grid;grid-template-columns:repeat(6,1fr)}.town-quick small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.town-prompt{bottom:calc(136px + var(--safe-bottom))}}.town-quick span .ico{display:block;width:30px;height:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.town-quick button:hover span .ico{transform:translateY(-2px) scale(1.08)}.panel-head h2 .ico{display:inline-block;width:30px;height:30px;vertical-align:-7px;margin-right:8px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}@media(max-width:720px){.town-quick span .ico{width:26px;height:26px}}.em{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.26em;flex:none}.scene-who span{overflow:hidden}.face{display:block;width:100%;height:100%}.talk-icon .face{background:linear-gradient(180deg,#2a3a6a,#1a2448)}.opp-btn{position:absolute;left:50%;bottom:100px;transform:translate(-50%);pointer-events:auto;touch-action:none;display:flex;align-items:center;gap:7px;padding:5px 16px 5px 7px;border:2px solid transparent;border-radius:999px;color:#fff;font:inherit;font-size:14px;font-weight:800;white-space:nowrap;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--el) 55%,#2f4a94),#121d46 80%) padding-box,var(--gold-edge) border-box;box-shadow:0 3px 8px #00000073;animation:oppPop .16s ease-out,oppGlow .7s ease-in-out infinite alternate}.opp-btn.hidden{display:none}.opp-btn kbd{background:#0a1028cc;color:#ffe9a8;border-radius:6px;padding:2px 7px;font-family:inherit;font-weight:800}.opp-btn span{font-size:20px;line-height:1}.opp-btn b{font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.7)}@keyframes oppPop{0%{scale:.6}to{scale:1}}@keyframes oppGlow{to{box-shadow:0 0 16px color-mix(in srgb,var(--el) 80%,#fff)}}body.touch .opp-btn{left:auto;transform:none;right:calc(186px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));width:58px;height:58px;padding:0;border-radius:50%;flex-direction:column;justify-content:center;gap:0;font-size:9px;line-height:1.05;white-space:normal;text-align:center;overflow:hidden}:root{--hud-scale: 1}.hide-damage .dmg{display:none}.character-frame{position:relative;display:flex;align-items:flex-start;gap:9px;padding:9px;width:340px;flex:0 0 340px;max-width:340px;min-width:0;border:2px solid transparent;border-radius:18px;background:linear-gradient(160deg,#294783ee,#101f49ee) padding-box,var(--gold-edge) border-box;box-shadow:0 3px 10px #0008;scale:var(--hud-scale);transform-origin:top left}.character-frame .lvl-badge{width:76px;height:76px;margin-top:5px;flex:none}.character-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.character-name{color:#ffeca9;font-size:15px;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.character-class{font-size:12px;color:#e3efff;line-height:1.1}.character-levels{color:#ffde91;font-size:10px;line-height:1.3}.character-frame .bar{width:100%;height:16px}.character-frame .bar.en{height:14px}.character-frame .bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;line-height:1;color:#fff;font-weight:800;text-shadow:0 1px 2px #000}.character-progress{position:relative;display:grid;gap:3px;margin-top:2px}.character-xp{position:relative;isolation:auto;width:100%;min-height:13px;padding:0;border:1px solid #a88744;border-radius:4px;color:#fff7d9;background:#080f2b;pointer-events:auto;text-align:center;overflow:visible}.character-xp>i{position:absolute;top:0;left:0;right:0;height:11px;border-radius:3px;background:linear-gradient(#f9e597,#ad791e);transform-origin:left;pointer-events:none}.character-xp.xp-class>i{background:linear-gradient(#87d8ff,#2869b6)}.character-xp.xp-field>i{background:linear-gradient(#b0f5ae,#31845d)}.character-xp>span:not(.character-tip){position:relative;display:block;font-size:9px;line-height:11px;text-shadow:0 1px 2px #000;font-weight:800}.character-tip{display:none;position:absolute;top:calc(100% + 5px);left:0;width:min(290px,80vw);padding:9px;z-index:12;border:1px solid #e8c36a;border-radius:8px;background:#10234bf5;color:#fff1cc;font-size:12px;line-height:1.4;text-align:left;pointer-events:none;box-shadow:0 3px 8px #0008}.character-xp:hover .character-tip,.character-xp:focus-visible .character-tip,.character-xp.tip-open .character-tip{display:block}.hud-left .hud-buffs{position:absolute;top:calc(100% + 3px);left:0}.hud-left .hud-fusions{position:absolute;top:calc(100% + 34px);left:0}.town-character{position:absolute;top:calc(64px + var(--safe-top));left:calc(12px + var(--safe-left))}.town-character .character-progress{grid-template-columns:1fr 1fr}.town-quest{top:calc(236px + var(--safe-top))}.panel-open .town-character,.on-stage .town-character{display:none}.desk-skills{scale:var(--hud-scale);transform-origin:bottom center}.settings-gear:before{content:"";display:block;width:21px;height:21px;margin:auto;background:#ffe6a4;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='m9 1-.7 3-2 .9L3.6 4 1 8.5l2.3 2-.2 2.3L1 15l2.6 4.5 3-.9 1.8 1.1L9 23h6l.7-3.3 1.8-1.1 3 .9L23 15l-2.1-2.2-.2-2.3 2.3-2L20.4 4l-2.7.9-2-.9L15 1Zm3 6a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z'/%3E%3C/svg%3E") center / contain no-repeat}#screen-settings{z-index:30;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.settings-panel{width:min(600px,100%);max-width:600px;max-height:100%;display:flex;flex-direction:column;padding:18px;overflow:hidden;text-align:left}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-head h2{margin:0 0 8px}.settings-tabs{display:flex;flex:none;gap:5px;border-bottom:1px solid #b48b44;padding:4px 0 10px}.settings-tabs button{flex:1;padding:8px}.settings-tabs [hidden]{display:none}.settings-body{touch-action:pan-y;overflow-y:auto;min-height:0;padding:12px 2px;overscroll-behavior:contain}.settings-body label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px;font-size:14px}.settings-body select{background:#162b59;color:#fff1cc;border:1px solid #b48b44;padding:8px;border-radius:6px}.settings-body input[type=range]{width:100%;accent-color:#e8c36a}.settings-body input[type=checkbox]{width:20px;height:20px;accent-color:#e8c36a}.settings-body .muted,.settings-note{font-size:12px;line-height:1.4}.settings-note{margin:5px 0 0;flex:none}.key-head,.key-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;padding:6px 8px}.key-head{color:#ffdf95;border-bottom:1px solid #b48b44}.key-list{touch-action:pan-y;max-height:min(38vh,330px);overflow-y:auto;overscroll-behavior:contain}.key-row{font-size:12px;border-bottom:1px solid #6f88b633}.key-row:nth-child(2n){background:#789bdf12}.key-row>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.key-row .chip-btn{padding:5px 9px;min-width:40px;font-size:12px}.key-row .picking{outline:2px solid #ffe6a4;background:#385a97}.key-status{min-height:2.8em;font-size:12px;color:#ffdf95;margin:8px 0}.settings-actions{display:flex;gap:7px}.settings-actions button{flex:1;width:auto;margin:0;padding:8px;font-size:13px}@media(max-width:720px),(max-height:500px){.hud-top{top:calc(6px + var(--safe-top));left:calc(6px + var(--safe-left));right:calc(6px + var(--safe-right));display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:6px}.hud-left.character-frame{order:0;flex-basis:auto;width:min(100%,300px);max-width:300px;padding:5px;gap:5px;scale:1;border-radius:12px;min-height:96px}.character-frame .lvl-badge{width:40px;height:40px;margin-top:4px;border-width:2px}.character-frame .lvl-badge b{font-size:9px;height:14px;bottom:-7px;min-width:20px}.character-details{gap:2px}.character-name{font-size:11px}.character-class{font-size:9px}.character-levels{font-size:8px;line-height:1.1;min-height:18px}.character-frame .bar{height:12px;border-width:1px}.character-frame .bar.en{height:11px}.character-frame .bar span{font-size:8px}.character-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:0}.character-xp{min-height:12px}.character-xp>i{height:10px}.character-xp>span:not(.character-tip){font-size:8px;line-height:10px;white-space:nowrap}.character-tip{left:-40px}.xp-class .character-tip{left:-85px}.xp-field .character-tip{left:-130px}.hud-center{order:0;position:absolute;right:0;top:69px;width:138px;padding:0;text-align:right}.wave-label{font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave-sub{font-size:10px;line-height:1.1}.wave-event{font-size:9px;max-height:20px;overflow:hidden}.hud-right{order:0;display:grid;grid-template-columns:repeat(4,30px);gap:4px;width:138px;align-content:start}.hud-right .icon-btn{width:30px;height:30px;min-width:0;padding:3px;font-size:15px}.hud-right .hud-stat{display:none}.hud-right #btn-pause{grid-column:4}.hud-left .hud-fusions,.hud-left .hud-buffs{display:none}body.touch .level-tray{top:calc(114px + var(--safe-top))}.town-character{top:calc(56px + var(--safe-top));left:calc(6px + var(--safe-left));width:min(280px,calc(100% - 18px));max-width:280px;padding:5px;gap:5px;scale:1}.town-character .character-levels{min-height:10px}.town-quest{top:calc(166px + var(--safe-top))}.town-top{flex-wrap:nowrap;left:calc(6px + var(--safe-left));right:calc(6px + var(--safe-right));gap:4px}.town-logo{display:none}.town-res{gap:3px;margin-left:0}.town-res span{font-size:10px;padding:4px}.town-set{margin-left:auto;gap:3px}.town-set .chip-btn{padding:4px;min-width:28px}.settings-panel{padding:12px}.settings-tabs button{font-size:12px;padding:8px 4px}.desk-skills{scale:1}}@media(orientation:landscape)and (max-height:500px){.hud-top{grid-template-columns:270px 1fr 190px}.hud-left.character-frame{width:270px;min-height:92px}.hud-center{position:static;width:auto;text-align:center}.open-panel{top:calc(114px + var(--safe-top))}body.touch .level-tray{left:calc(130px + var(--safe-left));transform:none;width:calc(100vw - 390px - var(--safe-left) - var(--safe-right))}.hud-right{grid-column:3;width:190px;grid-template-columns:repeat(5,32px)}.hud-right #btn-pause{grid-column:auto}.settings-panel{padding:9px 14px}.settings-head h2{font-size:21px;margin:0}.settings-body{padding-top:3px}.key-list{touch-action:pan-y;max-height:90px}}@media(min-width:721px)and (max-width:1000px)and (min-height:501px){.hud-left.character-frame{width:300px;flex-basis:300px}.hud-right{gap:6px}.hud-right .hud-stat{display:none}.hud-right .icon-btn{width:36px;height:36px}.tframe,.has-boss .tframe{top:calc(182px + var(--safe-top))}}#atlas-tabs{flex-wrap:wrap;overflow-x:visible}@media(max-width:720px){.town-quick{grid-template-columns:repeat(7,1fr)}.town-quick button{padding:5px 1px}.town-quick small{font-size:9px;letter-spacing:-.2px}}@media(max-height:500px){.town-quick{display:grid;grid-template-columns:repeat(13,1fr);left:8px;right:8px;transform:none;gap:3px;padding:4px}.town-quick button{min-width:0;padding:5px 1px}}.town-quest{pointer-events:auto;cursor:pointer}.town-dot{position:absolute;top:3px;right:8px;width:10px;height:10px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 0 2px #080c1ad9}.guide-edge{z-index:2}.guide-tip{position:fixed;z-index:8;left:50%;transform:translate(-50%);top:calc(92px + var(--safe-top));width:max-content;max-width:min(480px,calc(100% - 24px));display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#080c1ae0;border:1.5px solid #e0ad4e;font-size:14px;font-weight:700;line-height:1.25;pointer-events:none}.guide-tip b{flex:none;color:#ffd166;font-size:12px}.guide-tip button{flex:none;pointer-events:auto;min-height:30px;padding:2px 6px;font-size:13px;text-decoration:underline}.panel-open .guide-tip,.in-scene .guide-tip{display:none}.guide-focus{animation:guidePulse .7s infinite alternate}@keyframes guidePulse{to{box-shadow:0 0 0 5px #ffd1668c,0 0 18px #ffd166}}.panel.wide.today-panel{width:min(640px,100%)}.today-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;margin:8px 0;padding-right:4px}.today-row{display:grid;grid-template-columns:30px 1fr auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:#ffffff0d;border-left:3px solid transparent;text-align:left}.today-row.ready{border-left-color:#ff3b5c}.today-row span{grid-row:span 2;font-size:20px;text-align:center}.today-row b{font-size:14px;line-height:1.2}.today-row small{grid-column:2;font-size:12px;color:var(--muted)}.today-row button{grid-column:3;grid-row:1 / 3;min-width:58px;min-height:40px}#atlas-go{width:100%;min-height:44px}.ch-face{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}.ch-sets{display:flex;gap:3px}.ch-sets:empty{display:none}.ch-set{width:44px;display:flex;flex-direction:column;gap:2px}.ch-set-wear{min-height:30px;border-radius:8px;font-weight:800;background:#ffffff14;border:1px solid var(--line)}.ch-set-wear.on{color:#2a1a05;background:#ffd166}.ch-set-wear:disabled{opacity:.4}.ch-set-keep{min-height:24px;padding:0;font-size:10px;color:var(--muted);background:none;text-decoration:underline}@media(max-width:720px),(max-height:500px){.guide-tip{left:calc(6px + var(--safe-left));right:calc(6px + var(--safe-right));transform:none;top:calc(166px + var(--safe-top));width:auto;max-width:none;font-size:13px;padding:6px 10px}.town-dot{top:2px;right:2px;width:8px;height:8px}}@media(orientation:landscape)and (max-height:500px){.guide-tip{left:50%;right:auto;transform:translate(-50%);top:calc(8px + var(--safe-top));width:max-content;max-width:46vw;font-size:12px}}