:root{--bg: #13151b;--panel: rgba(33, 36, 46, .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 #1c1e26,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}.aim-hint{position:absolute;left:50%;bottom:118px;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#0e1013c7;border:1px solid rgba(255,255,255,.22);color:#f4f0dc;font-size:13px;white-space:nowrap;pointer-events:none}.touch .aim-hint{bottom:auto;top:21%}.aim-cancel{position:absolute;right:12px;top:30%;padding:12px 16px;border-radius:14px;background:#3c0e14d1;border:2px solid rgba(255,150,150,.5);color:#ffd9d9;font-size:14px;font-weight:700;pointer-events:none}.aim-cancel.over{background:#aa1e28eb;border-color:#ffd9d9}.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:#0e0f13d1;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:#0e0f13f0;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:#0c0e11d9;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%,#393f4f,#1d2028 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(11,12,15,.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}#plate-poise{width:100%;height:5px;margin:3px 0 0}.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:#0b0c0fd1;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(9,9,12,.55) 25%,rgba(9,9,12,.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:#060608b8;-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}.royale-hud{position:absolute;top:calc(8px + var(--safe-top, 0px));left:50%;transform:translate(-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:1px;max-width:46vw;padding:5px 14px;border:1px solid rgba(232,199,126,.6);border-radius:10px;background:#0e1014bd;color:#eaf2ff;text-align:center;pointer-events:none}.royale-hud b{color:#ffd166;font-size:15px}.royale-hud span{font-size:12px}.royale-hud.out{border-color:#ff5a6a}.royale-feed{display:flex;flex-direction:column}.royale-feed:empty{display:none}.royale-hud.out span{color:#ffb3bb;font-weight:700}@media(max-width:640px){.royale-hud{top:calc(112px + var(--safe-top, 0px));left:8px;transform:none;align-items:flex-start;max-width:56vw;text-align:left}}.royale-out{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-shadow:inset 0 0 120px 30px #ff3c5061;pointer-events:none;animation:royale-out 1s ease-in-out infinite alternate}@keyframes royale-out{0%{opacity:.55}to{opacity:1}}.bot-chat{position:fixed;left:12px;bottom:calc(96px + var(--safe-bottom, 0px));z-index:12;width:min(320px,62vw);display:flex;flex-direction:column;gap:2px;pointer-events:none;font-size:12px;line-height:1.3}.bot-chat div{padding:2px 8px;border-radius:6px;background:#0e10148c;color:#eaf2ff}.bot-chat b{color:#bfe6ff;font-weight:700}.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 #232630,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 #232731,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:#0d0f13}.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)}#screen-over.royale-on .over-grid,#screen-over.royale-on .over-crystals,#screen-over.royale-on .over-total{display:none}.royale-end{margin:8px 0 4px}.re-place{display:flex;align-items:baseline;justify-content:center;gap:8px}.re-place b{font-family:var(--title);font-weight:400;font-size:52px;line-height:1;color:var(--gold);text-shadow:0 0 20px rgba(255,190,60,.5)}.re-place span{color:var(--muted);font-size:14px}.re-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.re-stats div{background:#ffffff0d;border-radius:12px;padding:8px 4px}.re-stats span{display:block;font-size:11px;color:var(--muted)}.re-stats b{font-size:20px}.re-gear{font-size:13px;color:var(--muted);margin-bottom:8px}.re-marks{font-size:15px}.re-marks b{font-family:var(--title);font-weight:400;font-size:26px;color:var(--gold)}.re-marks small{display:block;color:var(--muted);font-size:12px}.re-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;font-size:13px;margin:8px auto 0;max-width:320px}.re-next.done{justify-content:center;color:var(--gold)}.re-bar{flex:1 0 100%;height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.re-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ffb347,#ffd166)}.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:#0e1014e0;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:#0d0f13}.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:#0d0f13;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:#0b0c0fb8;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:#0b0c0fb8;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:#0b0c0fb8;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:#0b0c0fb8;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%,#12131859,#060608d9);-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:#06060873;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:#070709;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:#0c0e11b8}.stage-hint{position:absolute;left:50%;top:calc(14px + var(--safe-top));transform:translate(-50%);font-size:13px;color:#dfe6ff;background:#0c0e1199;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, #21242e)}.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%,#07080a40,#07080ad1);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:#16181e9e;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, #343a48, #252833);--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:#0e101499}.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:#0d0e128c;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,#343a48f5,#21242ef5)}.up-card.legendary{background:linear-gradient(160deg,#ffd16647,#21242ef5 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:#21242e}#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(31,35,43,.82) 22%,rgba(31,35,43,.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,#343a48f0,#21242ef0)}.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%,#42495c)}.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%,#3d4354,#1f222b 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%}body[data-frame=ember] .lvl-badge,body[data-frame=ember] .ch-portrait{border-color:#ff7a2e;border-style:solid;background-clip:padding-box;box-shadow:0 0 0 1px #5a1c06,0 0 12px 2px #ff6e28bf}body[data-frame=dawn] .lvl-badge,body[data-frame=dawn] .ch-portrait{border-color:#ffe9a8;border-style:double;background-clip:padding-box;box-shadow:0 0 0 2px #ffb347,0 0 16px 4px #ffd678cc}.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(11,12,15,.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,#2d323fe0,#1c1e26e0) 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%,#393f4f,#1d2028 75%) padding-box,linear-gradient(160deg,#e8c36a,#8a5a1c) border-box}.skill.ready{background:radial-gradient(circle at 50% 30%,#393f4f,#1d2028 75%) padding-box,linear-gradient(160deg,#fff,var(--el)) border-box}.skill.ult.ready{background:radial-gradient(circle at 50% 30%,#6a5a2a,#1d2028 75%) padding-box,var(--gold-edge) border-box}.skill.held{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--el) 55%,#393f4f),#1d2028 75%) padding-box,linear-gradient(160deg,#fff,var(--el)) border-box}.skill kbd{background:#101217cc;color:#ffe9a8}.touch-btn{border:3px solid transparent;background:radial-gradient(circle at 50% 32%,#3d4354,#1d2028 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%,#3d4354),#1d2028 74%) padding-box,var(--gold-edge) border-box}.touch-btn.big.held{background:radial-gradient(circle at 50% 32%,var(--el),#1d2028 80%) padding-box,var(--gold-edge) border-box}#joy-base{border:3px solid rgba(232,199,126,.6);background:radial-gradient(circle,#2c303d59,#16191f73)}#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,#2d323ff0,#1c1e26f0) 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%,#1b1e25),#13151b);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:#0e0f1399;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%,#292d39),#292d39 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(10,11,14,.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:#111217;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:#0d0e1280;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:#050507;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:#050507}.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:#20232c;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:#191b22d9;border:1px solid #3e4556;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:#191b22cc;border:1px solid #343a48;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:#191b22bf;border:1px solid #343a48;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:#16181e}.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:#191b22cc;border:1px solid #3e4556;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:#191b22cc;border:1px solid #343a48;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:#191b22bf;border:1px solid #343a48;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:#16181e}.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 #343a48}.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:#191b22bf;border:1px solid #343a48;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,#303543,#20232c)}.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%,#393f4f),#1d2028 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:#101217cc;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:#111217;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,#41485a)}.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:#242832;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:#3d4354}.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-right #btn-hud-skills,.hud-right #btn-hud-guild,.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(9,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(17,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 #0b0c0fd9}.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:#0b0c0fe0;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}}.spirit-note{color:var(--muted);font-size:12px;margin:0 0 8px}.spirit-card{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;margin-bottom:8px}.spirit-card.on{border-color:var(--el);background:color-mix(in srgb,var(--el) 12%,transparent)}.spirit-card .sb small{display:block}.spirit-face{flex:none;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--el) 40%,transparent),#10121780 72%);display:grid;place-items:center}.spirit-face svg{width:44px;height:44px}.spirit-card.asleep .spirit-face svg{filter:grayscale(1) brightness(.6)}.spirit-stars{color:var(--gold)!important;letter-spacing:1px}.spirit-stars i{font-style:normal;color:#ffffff2e}.spirit-bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin:5px 0 2px}.spirit-bar i{display:block;height:100%;background:var(--el)}.spirit-acts{flex:none;display:flex;flex-direction:column;gap:6px}.skill kbd{white-space:nowrap}.skill.duo i{background:#8fe8c8}.skill.duo.ready{border-color:#8fe8c8;box-shadow:0 0 16px #8fe8c8a6}.skill.duo.hidden,.touch-btn.duo.hidden{display:none}.touch-btn.duo{width:56px;height:56px;right:calc(84px + var(--safe-right));bottom:calc(272px + var(--safe-bottom));border-color:#8fe8c8}.touch-btn.duo span{display:grid;place-items:center;width:40px;height:40px}.touch-btn.duo span svg{width:40px;height:40px}.touch-btn.duo.ready{box-shadow:0 0 16px #8fe8c8bf}@media(max-width:520px){.spirit-card{flex-wrap:wrap}.spirit-acts{flex-direction:row;width:100%}.spirit-acts .buy-btn{flex:1}}.trail-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:5px;margin:8px 0}.trail-cell{aspect-ratio:1;min-width:0;display:grid;place-items:center;font-size:19px;border-radius:10px;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);transition:transform .12s}.trail-cell.past{opacity:.4}.trail-cell.finish,.trail-cell.start{background:#ffd16624;border-color:#ffd16680}.trail-cell.here{border-color:#fff;background:color-mix(in srgb,var(--gold) 34%,transparent);box-shadow:0 0 12px #ffd166b3;transform:scale(1.08);opacity:1}.trail-foot{display:flex;align-items:center;gap:10px}.trail-die{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#f4ecd8;color:#2a2238;font-weight:800;font-size:20px}.trail-text{flex:1;min-width:0}.trail-text small{display:block;color:var(--muted)}.awake-row{padding:7px 10px;margin:5px 0;border-radius:10px;background:#ffffff0d;border-left:4px solid var(--c)}.awake-row small{display:block;color:var(--muted)}.awake-row.locked{opacity:.5}.home-room{display:block;width:100%;max-width:460px;height:auto;margin:0 auto 6px}.home-list{display:grid;gap:6px;margin-bottom:10px}.home-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0d}.home-row .sb{flex:1;min-width:0;text-align:left}.home-row .sb small{display:block;color:var(--muted)}.home-panel{max-height:92vh;overflow-y:auto}.emote-menu{position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom, 0px));translate:-50% 0;z-index:40;width:min(340px,calc(100vw - 24px));padding:10px;border-radius:16px;border:1px solid var(--line);background:#0b0c0feb;display:grid;gap:8px}.emote-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.emote-btn{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:10px;border:1px solid transparent;background:#ffffff0f;color:inherit;cursor:pointer}.emote-btn:hover{border-color:var(--line)}.emote-btn span{font-size:24px;line-height:1}.emote-btn small{font-size:12px}body.photo-mode #hud,body.photo-mode #town-ui{display:none!important}.photo-bar{position:fixed;left:50%;bottom:calc(14px + var(--safe-bottom, 0px));translate:-50% 0;z-index:40;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#0b0c0fb8;white-space:nowrap}.photo-bar button{width:auto;margin:0}.hud-edit{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b0c0f40;touch-action:none}.hud-handle{position:fixed;display:grid;place-items:center;padding:2px;overflow:hidden;border:2px dashed #ffd166;border-radius:10px;background:#ffd16629;color:#fff;font-size:13px;font-weight:800;text-align:center;text-shadow:0 1px 3px #000;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.hud-edit-bar{position:fixed;left:50%;top:45%;translate:-50% -50%;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(420px,calc(100vw - 24px));padding:10px;border-radius:14px;background:#0b0c0feb}.hud-edit-bar small{flex-basis:100%;text-align:center}.hud-edit-bar button{width:auto;margin:0}.hud-peek{display:none!important}.grid-box{margin-top:14px;display:grid;gap:6px}.grid-board{display:grid;grid-template-columns:repeat(5,minmax(0,62px));gap:6px;justify-content:center;margin:4px 0}.grid-cell{aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:1px;padding:0;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:inherit;opacity:.5}.grid-cell span{font-size:20px;line-height:1}.grid-cell small{font-size:11px}.grid-cell.big{border-width:2px}.grid-cell.can{opacity:1;cursor:pointer;border-color:#ffd166}.grid-cell.on{opacity:1;background:#ffd1663d;border-color:#ffd166}.grid-box>.ghost-btn{justify-self:center;width:auto}.fuse-box{display:grid;gap:8px}.fuse-list{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto}.fuse-item{font-size:13px}.fuse-item.selected{background:#ffd1663d}.bag-cell:not(.empty){box-shadow:inset 0 1px #ffffff47,inset 0 -8px 12px #00000057,0 1px 3px #00000073}.bag-cell:not(.empty) img,.bag-cell:not(.empty) svg{filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.bag-cell:not(.empty):hover{transform:translateY(-1px);filter:brightness(1.12)}.journal-row{grid-template-columns:30px 1fr auto}.journal-row.followed{border-left-color:#ffd24a}.journal-row small{line-height:1.3}.journal-row>.qbar{grid-column:2;display:block;height:5px;margin-top:4px;border-radius:3px;background:#ffffff1f;overflow:hidden}.journal-row>.qbar>i{display:block;height:100%;background:#ffd24a}.journal-empty{text-align:center;padding:24px 8px}.talk-btns.many{display:grid;grid-template-columns:1fr 1fr;gap:6px}.talk-btns.many button{max-width:none;min-height:40px;font-size:14px;padding:4px 6px}@media(min-width:721px){.talk-btns.many{grid-template-columns:repeat(3,1fr)}}.guild-banner{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:#ffffff0f}.guild-banner>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.guild-banner b{font-family:var(--title);font-size:19px;font-weight:400;color:var(--gold)}.guild-banner small{color:var(--muted);font-size:12px}.guild-crest{flex:none;display:grid;place-items:center;width:56px;height:62px;font-size:28px;background:var(--crest);border:2px solid rgba(255,255,255,.55);border-radius:10px 10px 50% 50%}.guild-pick{display:flex;flex-wrap:wrap;gap:5px}.guild-chip{min-height:34px;padding:5px 10px;border-radius:9px;font-size:13px;font-weight:700;color:#dfe4f5;background:#ffffff12;border:2px solid transparent}.guild-chip.on{color:#2a1c08;background:linear-gradient(180deg,#ffe2a0,#e8b84a)}.guild-pick.emblems .guild-chip{width:42px;padding:4px;font-size:19px}.guild-pick.colors .guild-chip{width:42px;padding:0}.guild-pick.colors .guild-chip.on{border-color:#fff}.guild-note{font-size:12px;line-height:1.4;margin:4px 2px}.guild-go{width:100%;margin-top:6px}.guild-code{width:100%;min-height:42px;padding:8px 12px;border-radius:9px;border:1px solid rgba(232,184,74,.45);background:#00000059;color:#fff;font:700 17px/1 var(--body, inherit);letter-spacing:.14em;text-align:center;text-transform:uppercase}.guild-go.stay{position:sticky;bottom:0}.guild-go:disabled,.guild-member button:disabled{opacity:.45}.guild-acts{grid-column:3;grid-row:1 / 3;display:flex;gap:4px}.today-row .guild-acts button{min-width:36px;min-height:36px;padding:4px 6px}.guild-rank>span{font-weight:800;font-size:14px;color:var(--gold)}.talk-btns.pick{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px}.talk-btns.pick button{flex:none;max-width:none;min-height:44px;padding:6px 12px;font-size:14px;line-height:1.25;text-align:left}.talk-btns.pick small{display:block;margin-top:2px;font-size:12px;font-weight:600;opacity:.8}.ult-cut b{position:absolute;left:7%;top:50%;width:min(38vh,44vw);height:min(38vh,44vw);margin-top:calc(min(38vh,44vw)/-2);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:var(--c);animation:ult-face .85s cubic-bezier(.2,.8,.2,1) forwards}.ult-cut b canvas{display:block;width:100%;height:100%}@keyframes ult-face{0%{transform:translate(-130%)}24%{transform:translate(0)}72%{transform:translate(5%);opacity:1}to{transform:translate(14%);opacity:0}}.hud-party{position:absolute;left:12px;top:168px;display:flex;flex-direction:column;gap:3px;pointer-events:none;font-size:12px;font-weight:700;color:#bfe6ff}.hud-party div{padding:3px 9px;border-radius:8px;background:#101217b8;border:1px solid rgba(127,216,255,.35)}.bag-cell.legend{overflow:hidden}.bag-cell.legend:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,240,190,.55),transparent);transform:skew(-18deg);animation:legendSweep 3.6s ease-in-out infinite;pointer-events:none}@keyframes legendSweep{0%,55%{left:-60%}to{left:130%}}.royale-drop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;pointer-events:auto;background:#0c0d10cc}.royale-drop canvas{height:min(86vh,78vw,620px);aspect-ratio:1;border-radius:50%;border:5px solid #d8ae5c;box-shadow:0 8px 26px #0009;cursor:crosshair;touch-action:none;background:#25402a}.rd-side{width:236px;display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:14px;border:2px solid #c79a44;background:linear-gradient(180deg,#313644f5,#181b21f7);color:#fff}.rd-side>b{font:400 22px Lilita One,sans-serif;color:#ffe9a8}.rd-side p{margin:0;font-size:13px;line-height:1.35;min-height:54px}.rd-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.rd-side li{display:flex;align-items:center;gap:8px}.rd-side li i{width:22px;flex:none;font-style:normal;text-align:center}.rd-route{height:0;border-top:3px dashed #ffe9a8}.rd-band{height:12px;border-radius:3px;background:#ffd16666}.rd-x{color:#ff6a5a;font-weight:900}#rd-time{font-weight:800;font-size:14px;color:#ffd166}.rd-leap{height:44px;border-radius:10px;font:400 18px Lilita One,sans-serif;color:#4a3200;background:linear-gradient(180deg,#ffe08a,#e0a93a);box-shadow:inset 0 1px #fff9,0 3px 8px #0006}@media(max-height:460px){.royale-drop{gap:10px;padding:6px}.rd-side{width:200px;padding:8px 10px;gap:5px}.rd-side>b{font-size:17px}.rd-side p{font-size:12px;min-height:0}.rd-side ul{display:none}}@media(max-aspect-ratio:1/1){.royale-drop{flex-direction:column}.rd-side{width:min(92vw,420px)}}.royale-bag{display:flex;gap:4px}.royale-bag.hidden{display:none}.rb{position:relative;flex:1;aspect-ratio:1;display:grid;place-items:center;font-style:normal;font-size:20px;border-radius:8px;color:#fff;background:#0c0d10c7;box-shadow:inset 0 0 0 2px var(--tc, rgba(255, 255, 255, .16))}.rb.t0{filter:grayscale(1);opacity:.55}.rb.t1{--tc: #d7e3f4}.rb.t2{--tc: #5aa8ff;background:#2c303ddb}.rb.t3{--tc: #ffd166;background:#684a10e0}.rb.t4{--tc: #7fe0ff;background:#145068db}.rb small{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-size:10px;font-weight:800;line-height:1;text-shadow:0 1px 2px #000}.royale-feed{position:absolute;top:calc(66px + var(--safe-top, 0px));left:50%;transform:translate(-50%);z-index:6;align-items:center;gap:3px;font-size:12px;font-weight:700;color:#fff;pointer-events:none;white-space:nowrap}.royale-feed div{padding:2px 10px;border-radius:6px;background:#090a0d9e}.royale-feed div.mine{color:#3a2a08;background:linear-gradient(180deg,#ffe08a,#e0a93a)}.re-pips{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:8px auto 0;max-width:340px}.re-pips i{width:9px;height:9px;border-radius:50%;background:#ffffff24}.re-pips i.up{background:#7c8db0}.re-pips i.me{background:#ffd166;box-shadow:0 0 8px #ffd166}#boss-layers{position:absolute;right:6px;top:50%;transform:translateY(-50%);font:400 14px Lilita One,sans-serif;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;z-index:2}:root{--glass: linear-gradient(180deg, rgba(28, 31, 39, .86), rgba(16, 18, 23, .86));--glass-line: rgba(232, 199, 126, .46);--xp-h: 15px}.xp-strip{position:absolute;left:0;right:0;bottom:0;height:calc(var(--xp-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:#0a0c0ee6;border-top:1px solid var(--glass-line);z-index:3}.xp-strip .character-progress{display:grid;grid-template-columns:2fr 1fr;gap:2px;height:var(--xp-h);margin:0}.xp-strip .character-progress:has(.xp-field:not(.hidden)){grid-template-columns:2fr 1fr 1fr}.xp-strip .character-xp{min-height:0;height:var(--xp-h);border:0;border-radius:0;background:#ffffff0d}.xp-strip .character-xp>i{height:100%;border-radius:0}.xp-strip .character-xp>span:not(.character-tip){font-size:10px;line-height:var(--xp-h);white-space:nowrap;overflow:hidden}.xp-strip .character-tip{top:auto;bottom:calc(100% + 6px);left:8px}.xp-strip .xp-class .character-tip,.xp-strip .xp-field .character-tip{left:auto;right:8px}.panel-open #town-xp,.on-stage #town-xp{display:none}.character-frame{width:286px;flex:0 0 286px;max-width:286px;padding:7px 10px 8px 7px;gap:9px;align-items:center;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass)}.character-frame .lvl-badge{width:60px;height:60px;margin:0}.character-frame .bar{height:14px}.character-frame .bar.en{height:11px}.character-frame .bar.en span{font-size:9px}.character-levels{font-size:10px;line-height:1.15}.character-class{display:inline;font-size:11px}.character-details>.character-name+.character-class{margin-top:-1px}.town-character{top:calc(12px + var(--safe-top))}.town-logo{display:none}.town-top{left:auto;right:calc(182px + var(--safe-right));top:calc(12px + var(--safe-top));gap:6px}.town-res{margin-left:0;gap:5px}.town-res span{padding:4px 10px;font-size:13px;border:1px solid var(--glass-line);background:var(--glass)}.town-set .chip-btn{border-width:1px}.town-mini{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));width:156px;height:156px}.map-zone{display:block;text-align:center;font-family:var(--title);font-weight:400;font-size:13px;color:#ffeec4;text-shadow:0 1px 2px #000,0 0 6px #000;pointer-events:none}.map-zone:empty{display:none}.town-zone{position:absolute;top:calc(172px + var(--safe-top));right:calc(12px + var(--safe-right));width:156px}.panel-open .town-zone,.on-stage .town-zone,.on-stage .town-mini{display:none}.town-quest{top:calc(196px + var(--safe-top));left:auto;right:calc(12px + var(--safe-right));width:232px;max-width:232px;padding:7px 10px;font-size:12.5px;line-height:1.3;text-align:left;color:#fff6e4;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass)}.town-quest:before{content:"MISSÃO";display:block;font-size:9.5px;font-weight:900;letter-spacing:1.6px;color:var(--gold);margin-bottom:1px}.town-quest.ready{color:#c8ffd8;border-color:#4fb873;background:var(--glass)}.town-quest.ready:before{content:"PRONTA PARA ENTREGAR";color:#7dff9a}.open-panel{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));width:232px;align-items:flex-end;gap:4px}.open-panel canvas{width:156px;height:156px}.open-panel .map-zone{width:156px}#open-goals{width:100%;padding:6px 8px;gap:2px;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass)}#open-goals:before{content:"OBJETIVOS";font-size:9.5px;font-weight:900;letter-spacing:1.6px;color:var(--gold)}#open-goals:empty{display:none}.open-goal{padding:2px 0;font-size:12px;line-height:1.25;text-align:left;color:#e6ecff;background:none;border:0;box-shadow:none;border-radius:0}.open-goal.on{color:#ffe9a8;font-weight:800;background:none}.open-goal.done{color:#8fe8a8;opacity:.85;background:none}.town-quick{display:flex;bottom:calc(var(--xp-h) + 10px + var(--safe-bottom));gap:4px;padding:5px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass)}.town-quick>button{min-width:74px;padding:5px 6px 4px;border-radius:10px;background:transparent;box-shadow:none}.town-quick>button:hover,.town-quick>button.on{background:#ffd1662e}.town-quick>button.go-play{min-width:104px}.town-quick small{font-size:11px}.town-quick .more-ico{font-size:24px;line-height:30px;color:#ffe9a8}.town-help{bottom:calc(var(--xp-h) + 84px + var(--safe-bottom));font-size:11px;opacity:.8}.town-more{position:absolute;bottom:calc(100% + 8px);right:0;display:grid;grid-template-columns:repeat(3,214px);gap:12px;padding:12px;border-radius:14px;border:1px solid var(--glass-line);background:linear-gradient(180deg,#1c1f27f7,#101217f7);box-shadow:0 10px 28px #0000008c}.town-more.hidden{display:none}.town-more h3{margin:0 0 6px;font-family:var(--title);font-weight:400;font-size:14px;color:#ffe9a8;letter-spacing:.4px}.town-more section{display:flex;flex-direction:column;gap:4px}.town-more button{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;min-width:0;gap:9px;padding:6px 8px;text-align:left;border-radius:9px;background:#82a0eb1a;box-shadow:none}.town-more button:hover{background:#ffd16633}.town-more button>div{display:flex;flex-direction:column;min-width:0}.town-more small{font-size:13px;font-weight:800;color:#fff6e4}.town-more em{font-style:normal;font-size:11px;line-height:1.2;color:var(--muted)}.town-more span .ico{width:28px;height:28px}.desk-skills{bottom:calc(var(--xp-h) + 10px + var(--safe-bottom));gap:4px;padding:5px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass)}.skill,.skill.slot,.skill.tile{position:relative;display:grid;place-items:center;width:54px;height:54px;padding:0;gap:0;font-size:24px;border:1px solid rgba(232,199,126,.4);border-radius:10px;overflow:hidden;pointer-events:auto;cursor:default;background:radial-gradient(circle at 50% 30%,#353a49,#1b1d25 78%)}.skill.slot{cursor:pointer}.skill.ready{border-color:var(--el);background:radial-gradient(circle at 50% 30%,#353a49,#1b1d25 78%);box-shadow:inset 0 0 0 1px var(--el)}.skill.ult.ready{border-color:var(--gold);background:radial-gradient(circle at 50% 30%,#6a5a2a,#1b1d25 78%)}.skill.held{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--el) 60%,#353a49),#1b1d25 80%)}.skill .ico{display:block;width:36px;height:36px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.skill.tile .sk-ico{text-decoration:none;display:block}.skill.tile>span{position:absolute;left:0;right:0;bottom:3px;font-size:9px;font-weight:800;line-height:1;text-align:center;color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden}.skill.tile .sk-ico .ico{width:30px;height:30px;margin-top:-8px}.skill kbd,.skill.slot kbd{position:absolute;left:2px;top:2px;z-index:2;max-width:48px;padding:0 3px;font-size:9.5px;line-height:13px;border-radius:4px;overflow:hidden;background:#0a0c0ed1}.skill.slot em{right:3px;bottom:2px;z-index:2;font-size:10px;text-shadow:0 1px 2px #000}.skill.slot.empty{border-style:dashed;opacity:.45;font-size:16px}.skill>i{z-index:1}.hud-top{pointer-events:none}.hud-center{position:absolute;left:50%;top:0;transform:translate(-50%);padding:3px 18px 4px;border-radius:0 0 12px 12px;background:var(--glass);border:1px solid var(--glass-line);border-top:0;min-width:190px;white-space:nowrap}.wave-label{font-size:15px;letter-spacing:.5px}.wave-sub{font-size:11px}.hud-center:has(#hud-event:empty) .wave-event{display:none}#hud.on-field .hud-center{display:none}#hud:has(#royale-hud:not(.hidden)) .hud-center{display:none}.hud-stats{position:absolute;right:0;top:0;display:flex;gap:6px}#hud:has(.open-panel:not(.hidden)) .hud-stats{right:170px}.hud-stat{padding:3px 10px;font-size:13px;border:1px solid var(--glass-line);background:var(--glass)}.tframe{border:1px solid var(--glass-line);background:var(--glass)}.win-x{position:sticky;top:0;float:right;align-self:flex-end;flex:none;z-index:6;width:34px;height:34px;margin:-6px -6px -28px 8px;padding:0;display:grid;place-items:center;font-size:15px;font-weight:900;color:#ffe9a8;border-radius:9px;border:1px solid var(--glass-line);background:#101217e6;pointer-events:auto}.win-x:hover{background:#8a2a3a;color:#fff}.win-old{display:none!important}.win-why{margin:-2px 0 10px;font-size:12.5px;line-height:1.35;text-align:left;color:var(--muted)}.panel-head{padding-right:40px}.panel.wide{max-width:860px}.today-panel,.shop-list{min-width:0}@media(min-width:900px){#shop-list,#today-list,#ach-list,#travel-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}#shop-list>*,#today-list>*,#ach-list>*,#travel-list>*{margin:0;min-width:0}#today-list>h3,#today-list>.section-title,#shop-list>.section-title{grid-column:1 / -1}}.ui-tip{position:fixed;z-index:60;max-width:280px;padding:7px 10px;border-radius:9px;border:1px solid var(--glass-line);background:#0c0e11f5;box-shadow:0 6px 18px #0000008c;pointer-events:none;font-size:12px;line-height:1.35;color:#dfe6fb}.ui-tip.hidden{display:none}.ui-tip b{display:block;font-size:13px;color:#ffe9a8}.game-log{position:fixed;left:calc(12px + var(--safe-left));bottom:calc(var(--xp-h) + 10px + var(--safe-bottom));z-index:5;width:300px;height:118px;overflow-y:auto;padding:6px 8px;border-radius:10px;border:1px solid rgba(232,199,126,.22);background:#0c0e1175;scrollbar-width:none}.game-log:empty{display:none}.game-log:hover{background:#0c0e11cc}.game-log p{display:flex;gap:5px;margin:0 0 2px;font-size:11.5px;line-height:1.3;color:#cfd8f2;text-shadow:0 1px 2px #000}.game-log p i{font-style:normal;flex:none}.game-log p b{color:#fff;font-weight:800}.game-log p.fresh,.game-log p.fresh b{color:#ffe9a8}.panel-open .game-log,.on-stage .game-log,body.in-scene .game-log,body.touch .game-log{display:none}body:not(.touch) .toast-stack{display:none}#screen-login{display:flex;align-items:center;justify-content:center;gap:clamp(24px,6vw,96px);padding:24px;overflow-y:auto;background:linear-gradient(90deg,#060608d1,#06060857 55%,#060608b3);-webkit-backdrop-filter:none;backdrop-filter:none}#screen-login.hidden{display:none}body:has(#screen-login:not(.hidden)) .town-top,.town-quick:has(.town-more:not(.hidden))~.town-help{display:none}.login-side{max-width:460px;flex:0 1 460px}.login-side .login-logo{font-size:clamp(46px,6.4vw,78px);text-align:left;margin:0 0 12px}.login-side .login-logo span{font-size:.46em;letter-spacing:.5em}.login-tag{margin:0 0 18px;font-size:18px;line-height:1.35;font-weight:700;color:#fff6e4;text-shadow:0 1px 3px #000}.login-steps{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.login-steps li{display:flex;gap:11px;align-items:center}.login-steps b{flex:none;display:grid;place-items:center;width:32px;height:32px;font-family:var(--title);font-weight:400;font-size:16px;color:#4a2a05;border-radius:50%;background:var(--btn-gold)}.login-steps span{font-size:13px;line-height:1.3;color:#dbe3f7;text-shadow:0 1px 2px #000}.login-steps strong{display:block;font-size:15px;color:#ffeec4}.login-panel{flex:0 0 min(360px,100%);padding:18px}.login-panel .play-btn{margin-top:0;font-size:24px}#login-guest-note{margin:8px 0 0}.login-acc{margin-top:14px;padding-top:12px;text-align:left;border-top:1px solid var(--glass-line)}.login-acc h3{margin:0 0 4px;font-family:var(--title);font-weight:400;font-size:16px;color:#ffe9a8}.login-acc h3 small{font-family:Nunito,sans-serif;font-size:11px;font-weight:700;color:var(--muted)}.login-acc .panel-sub{font-size:12.5px;margin-bottom:0}.login-acc .login-msg:empty{display:none}.login-panel .login-legal{text-align:center}@media(max-width:820px){#screen-login{flex-direction:column;justify-content:flex-start;gap:14px;padding:calc(14px + var(--safe-top)) 14px 14px;background:#060608a8}.login-side{flex:none;width:100%;max-width:420px;text-align:center}.login-side .login-logo{text-align:center;font-size:44px}.login-tag{font-size:14px;margin-bottom:0}.login-steps{display:none}.login-panel{flex:none;width:100%;max-width:420px}}@media(max-height:500px){.login-steps,.login-acc .panel-sub{display:none}}.panel.portal-panel{width:min(960px,100%);max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;text-align:left}.portal-panel>h2,.portal-panel>.portal-hero{text-align:left}.finder{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start;margin-top:8px}.finder-list{display:flex;flex-direction:column;gap:3px}.finder-list h3{margin:8px 0 2px;font-family:var(--title);font-weight:400;font-size:13px;letter-spacing:.5px;color:#ffe9a8}.finder-list h3:first-child{margin-top:0}.finder-list .pill{display:block;width:100%;padding:6px 10px;text-align:left;font-size:13.5px;font-weight:800;border-radius:9px;border:1px solid transparent;border-left:3px solid var(--c, #8fb);background:#82a0eb1a;box-shadow:none;color:#fff6e4}.finder-list .pill small{display:block;font-size:11px;font-weight:600;color:var(--muted)}.finder-list .pill:hover{background:#ffd16629}.finder-list .pill.selected{background:#ffd1663d;border-color:var(--glass-line);border-left-color:var(--c, #8fb);color:#fff}.finder-list .pill.locked{opacity:.55}.finder-detail{min-width:0;display:flex;flex-direction:column;gap:10px}.finder-detail .mode-desc{margin:0;max-width:none;width:100%;text-align:left;font-size:13.5px;line-height:1.4}.finder-detail .section-title{margin:0;text-align:left}.finder-detail .pill-list{justify-content:flex-start;margin:0}.finder-detail .play-btn{margin:2px 0 0;width:100%;max-width:none}.finder-detail .field-list{margin:0}@media(max-width:760px){.finder{grid-template-columns:minmax(0,1fr)}.finder-list{flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:4px;scrollbar-width:none}.finder-list h3{display:none}.finder-list .pill{flex:none;width:auto;white-space:nowrap}.finder-list .pill small{display:none}}body.touch .town-top{right:calc(112px + var(--safe-right));left:calc(6px + var(--safe-left));justify-content:flex-end}body.touch .town-mini,body.touch .open-panel canvas{width:100px;height:100px}body.touch .town-mini{top:calc(8px + var(--safe-top));right:calc(6px + var(--safe-right))}body.touch .town-zone{top:calc(110px + var(--safe-top));right:calc(6px + var(--safe-right));width:100px;font-size:11px}body.touch .town-quest{top:calc(130px + var(--safe-top));right:calc(6px + var(--safe-right));width:170px;font-size:11px;padding:5px 7px}body.touch .town-character{top:calc(46px + var(--safe-top));left:calc(6px + var(--safe-left));width:230px;flex-basis:230px;max-width:calc(100% - 118px);min-height:0}body.touch .open-panel{width:150px;right:calc(6px + var(--safe-right));left:auto;top:calc(8px + var(--safe-top))}body.touch .open-panel .map-zone{width:100px;font-size:11px}body.touch #open-goals{display:none}body.touch .hud-center{top:auto;position:static;transform:none;background:none;border:0}body.touch .town-quick{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));left:6px;right:6px;transform:none;padding:3px;gap:2px}body.touch .town-quick>button{min-width:0;padding:4px 0 3px}body.touch .town-quick>button.go-play{min-width:0}body.touch .town-quick small{font-size:9px}body.touch .town-more{left:0;right:0;grid-template-columns:1fr;max-height:62vh;overflow-y:auto}@media(orientation:landscape){body.touch .town-more{grid-template-columns:repeat(3,1fr)}}body.touch .touch-btn .ico{width:62%;height:62%;display:block;margin:auto}body.touch .touch-btn span{display:grid;place-items:center;width:100%;height:100%}body:not(.touch) .hud-right{position:fixed;right:calc(12px + var(--safe-right));bottom:calc(var(--xp-h) + 10px + var(--safe-bottom));display:flex;gap:4px;padding:5px;flex:none;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass);pointer-events:auto}body:not(.touch) .hud-right .icon-btn{width:38px;height:38px;padding:4px;border-radius:9px;border:0;box-shadow:none;background:#82a0eb1a}body:not(.touch) .hud-right .icon-btn:hover{background:#ffd16638}.hud-right .icon-btn .ico{display:block;width:100%;height:100%}#open-goals .open-goal{border:0;outline:0;box-shadow:none;background:none;color:#e6ecff}#open-goals .open-goal.on{color:#ffe9a8}#open-goals .open-goal.done{color:#8fe8a8}@media(max-width:480px){body.touch .town-res span:nth-child(n+3){display:none}}body.touch .hud-right{position:fixed;left:calc(6px + var(--safe-left));top:calc(84px + var(--safe-top));right:auto;display:flex;width:auto;gap:4px;pointer-events:auto}body.touch .hud-right .icon-btn,body.touch .hud-right #btn-hud-skills,body.touch .hud-right #btn-hud-guild{display:grid;place-items:center;width:32px;height:32px;min-width:0;padding:4px}body.touch .hud-right .icon-btn.hidden,body.touch .hud-stats{display:none}body.touch .hud-center{position:fixed;left:calc(6px + var(--safe-left));top:calc(122px + var(--safe-top));width:auto;text-align:left;padding:0}body.touch .tframe,body.touch.has-boss .tframe{top:calc(150px + var(--safe-top))}.hud-party{top:calc(112px + var(--safe-top))}@media(orientation:landscape)and (max-height:500px){body.touch .open-panel{right:calc(262px + var(--safe-right));width:100px}body.touch .open-panel canvas,body.touch .open-panel .map-zone{width:88px}body.touch .open-panel canvas{height:88px}body.touch .tframe,body.touch.has-boss .tframe{top:calc(8px + var(--safe-top));left:calc(50% - 60px);transform:none}}body:not(.touch) .level-tray{bottom:calc(var(--xp-h) + 80px + var(--safe-bottom))}body.touch .hud-left.character-frame{min-height:0}body.touch .hud-right{top:calc(92px + var(--safe-top))}body.touch .hud-center{top:calc(130px + var(--safe-top))}body.touch .tframe,body.touch.has-boss .tframe{top:calc(130px + var(--safe-top));left:calc(6px + var(--safe-left));width:min(280px,calc(100% - 118px));transform:none}@media(orientation:landscape)and (max-height:500px){body.touch .tframe,body.touch.has-boss .tframe{top:calc(130px + var(--safe-top));left:calc(6px + var(--safe-left));width:250px}}body.in-match #hud>*:not(#match-hud){display:none!important}body.in-match .game-log,body.in-match #guide-tip{display:none!important}#match-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:Nunito,sans-serif;color:#fff}#match-hud button{pointer-events:auto;font-family:inherit}.blue{color:#7cc4ff}.red{color:#ff8a76}.sh-root{position:absolute;top:0;right:0;bottom:0;left:0;--pad: 14px;text-shadow:0 1px 3px rgba(0,0,0,.75)}.sh-top{position:absolute;top:calc(10px + var(--safe-top, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.sh-score{font:400 30px Lilita One,sans-serif;width:44px;text-align:center;background:var(--glass, rgba(14, 15, 19, .72));border-radius:10px;padding:2px 0}.sh-clock{display:flex;flex-direction:column;align-items:center;background:var(--glass, rgba(14, 15, 19, .72));border-radius:10px;padding:2px 16px;min-width:104px}.sh-clock b{font:400 24px Lilita One,sans-serif;line-height:1.1}.sh-clock b.low{color:#ff8a76}.sh-clock span{font-size:11px;font-weight:800;opacity:.85}.sh-pips{display:flex;gap:3px}.sh-pips i{width:24px;height:24px;border-radius:6px;background:#090a0d8c;font-style:normal;font-size:13px;display:grid;place-items:center;filter:grayscale(1) opacity(.45)}.sh-pips i.b{background:#468ce699;filter:none}.sh-pips i.r{background:#e65a4699;filter:none}.sh-seal{position:absolute;top:calc(66px + var(--safe-top, 0px));left:50%;transform:translate(-50%);width:260px;text-align:center;font-size:12px;font-weight:800}.sh-seal div{height:7px;border-radius:4px;background:#090a0d99;overflow:hidden;margin-top:3px}.sh-seal i{display:block;height:100%;width:0}.sh-map{position:absolute;top:calc(10px + var(--safe-top, 0px));left:calc(var(--pad) + var(--safe-left, 0px));width:216px;height:144px;border-radius:10px;border:1px solid rgba(255,255,255,.22)}.sh-feed{position:absolute;top:calc(12px + var(--safe-top, 0px));right:calc(62px + var(--safe-right, 0px));display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:13px;font-weight:700}.sh-feed p{margin:0;padding:2px 9px;background:#090a0d99;border-radius:6px}.sh-feed span{opacity:.78;padding:0 5px}.sh-feed p.me{background:#090a0dd1;box-shadow:inset 0 0 0 1px #ffaa82b3}.sh-feed p.me span{opacity:1}.sh-feed em{font-style:normal;color:#ffd27a}.sh-dmg{position:absolute;left:calc(50% + 24px);top:calc(50% + 12px);font:400 17px Lilita One,sans-serif;color:#fff;opacity:0;pointer-events:none}.sh-dmg.head{color:#ffd27a;font-size:21px}.sh-dmg.on{animation:sh-fade .7s ease-out}.sh-drill{position:absolute;top:calc(10px + var(--safe-top, 0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:6px 14px;border-radius:8px;background:#090a0dad;font-size:13px;font-weight:800;white-space:nowrap}.sh-drill b{margin-left:3px;font:400 18px Lilita One,sans-serif;color:#ffd27a}.sh-drill small{opacity:.7;font-size:11px}.sh-drill button{padding:5px 10px;border-radius:6px;border:1px solid #8a6a34;background:#0e0f13cc;color:#fff;font-weight:800;pointer-events:auto}.sh-root.drill .sh-top,.sh-root.drill .sh-seal,.sh-root.drill #sh-cred{display:none}.sh-cross{--gap: 7px;position:absolute;left:50%;top:50%;width:0;height:0}.sh-cross i{position:absolute;background:#eafff0;box-shadow:0 0 0 1px #00000080}.sh-cross i:nth-child(1),.sh-cross i:nth-child(2){width:2px;height:8px;left:-1px}.sh-cross i:nth-child(3),.sh-cross i:nth-child(4){height:2px;width:8px;top:-1px}.sh-cross i:nth-child(1){bottom:var(--gap)}.sh-cross i:nth-child(2){top:var(--gap)}.sh-cross i:nth-child(3){right:var(--gap)}.sh-cross i:nth-child(4){left:var(--gap)}.sh-cross u{position:absolute;width:2px;height:2px;left:-1px;top:-1px;background:#eafff0}.sh-hit{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;opacity:0;background:linear-gradient(45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%);-webkit-mask:radial-gradient(circle,transparent 7px,#000 8px);mask:radial-gradient(circle,transparent 7px,#000 8px)}.sh-hit.kill{background:linear-gradient(45deg,transparent 44%,#ff4a3a 44%,#ff4a3a 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#ff4a3a 44%,#ff4a3a 56%,transparent 56%)}.sh-hit.on{animation:sh-fade .26s ease-out}@keyframes sh-fade{0%{opacity:1}to{opacity:0}}.sh-hurt{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px;opacity:0;border-radius:50%;border-top:12px solid rgba(255,60,40,.85)}.sh-hurt.on{animation:sh-fade .8s ease-out}.sh-scope{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0 33vh,#050507 33.4vh)}.sh-scope:before,.sh-scope:after{content:"";position:absolute;background:#000c}.sh-scope:before{left:50%;top:0;bottom:0;width:1px}.sh-scope:after{top:50%;left:0;right:0;height:1px}.sh-blind{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}.sh-note{position:absolute;left:50%;bottom:150px;transform:translate(-50%);font-weight:800;font-size:15px;background:#090a0d99;padding:4px 12px;border-radius:8px;white-space:nowrap}.sh-vit{position:absolute;left:calc(var(--pad) + var(--safe-left, 0px));bottom:calc(14px + var(--safe-bottom, 0px));width:240px;background:var(--glass, rgba(14, 15, 19, .72));border-radius:12px;padding:8px 12px}.sh-role{font-size:12px;font-weight:800;opacity:.85}.sh-hp{display:flex;align-items:center;gap:10px}.sh-hp b{font:400 30px Lilita One,sans-serif;width:56px}.sh-hpbar{flex:1;height:10px;border-radius:5px;background:#ffffff24;overflow:hidden}.sh-hpbar i{display:block;height:100%;background:linear-gradient(90deg,#58e08a,#b8f77e);transition:width .12s}.sh-hpbar.ar i{background:linear-gradient(90deg,#6fb8ff,#bfe2ff)}.sh-ar{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;min-height:16px}.sh-ar span{width:56px}.sh-pows{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + var(--safe-bottom, 0px));display:flex;gap:8px}.sh-pow{position:relative;width:84px;height:66px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:var(--glass, rgba(14, 15, 19, .72));color:#fff;overflow:hidden;padding:16px 4px 2px}.sh-pow kbd{position:absolute;left:5px;top:3px;font:800 11px Nunito,sans-serif;color:#ffd166}.sh-pow b{font-size:11px;line-height:1.1;display:block}.sh-pow i{position:absolute;left:0;right:0;bottom:0;background:#0009}.sh-pow em{position:absolute;right:6px;top:3px;font:800 11px Nunito,sans-serif;color:#cfe8ff}.sh-pow.off{opacity:.45}.sh-pow.ready{border-color:#ffd166;box-shadow:0 0 14px #ffd166b3}.sh-ammo{position:absolute;right:calc(var(--pad) + var(--safe-right, 0px));bottom:calc(14px + var(--safe-bottom, 0px));min-width:150px;background:var(--glass, rgba(14, 15, 19, .72));border-radius:12px;padding:6px 14px;text-align:right}.sh-ammo span{display:block;font-size:13px;font-weight:800}.sh-ammo b{font:400 38px Lilita One,sans-serif;line-height:1;display:block}.sh-ammo b.low{color:#ff8a76}.sh-ammo small{font-size:12px;font-weight:800;opacity:.9}.sh-rl{height:5px;border-radius:3px;background:#ffffff26;overflow:hidden;margin-top:3px}.sh-rl i{display:block;height:100%;background:#ffd166}.sh-board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a0b0ee6;border-radius:14px;padding:12px 18px;min-width:520px;font-size:13px}.sh-board table{width:100%;border-collapse:collapse}.sh-board th{text-align:left;font-size:11px;opacity:.7;padding:6px 8px 2px}.sh-board td{padding:3px 8px;font-weight:700}.sh-board tr.down td{opacity:.5}.sh-board tr.me td{background:#ffd16624}.sh-buy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 150px);overflow:auto;pointer-events:auto;background:#0c0d10f0;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 16px}.sh-buy-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:800}.sh-buy-head b{font:400 22px Lilita One,sans-serif}.sh-how{font-size:13px;line-height:1.35;margin:6px 0 8px;opacity:.92}.sh-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:8px;margin-top:8px}.sh-item{display:grid;grid-template-columns:34px 1fr;gap:0 8px;text-align:left;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;cursor:pointer}.sh-item span{grid-row:span 3;font-size:24px;align-self:center}.sh-item small{font-size:11px;opacity:.8;line-height:1.2}.sh-item em{font:800 12px Nunito,sans-serif;color:#ffd166}.sh-item.on{border-color:#6fe39a;background:#50dc8224}.sh-item.off{opacity:.5}.sh-kit{font-size:13px;margin:10px 0 8px;opacity:.92}.sh-go{display:block;width:100%;padding:9px;border:0;border-radius:10px;background:#ffd166;color:#33240a;font-weight:900;font-size:15px;cursor:pointer}.sh-pause{position:absolute;top:calc(10px + var(--safe-top, 0px));right:calc(14px + var(--safe-right, 0px));width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:var(--glass, rgba(14, 15, 19, .72));color:#fff;font-weight:900}.sh-touch{display:none}body.touch .sh-map{width:120px;height:80px}body.touch .sh-feed{top:calc(50px + var(--safe-top, 0px));left:50%;right:auto;transform:translate(-50%);align-items:center;font-size:10px;max-width:50vw;white-space:nowrap}body.touch .sh-feed p:nth-last-child(n+3){display:none}body.touch .sh-drill{gap:9px;padding:4px 8px;font-size:11px}body.touch .sh-drill b{font-size:15px}body.touch .sh-pips{display:none}body.touch .sh-seal{top:calc(58px + var(--safe-top, 0px));width:200px}body.touch .sh-vit{width:156px;padding:4px 8px;bottom:calc(6px + var(--safe-bottom, 0px));left:calc(92px + var(--safe-left, 0px));opacity:.9}body.touch .sh-role{display:none}body.touch .sh-hp b{font-size:20px;width:36px}body.touch .sh-ar span{width:36px;font-size:10px}body.touch .sh-pows{left:auto;transform:none;right:calc(184px + var(--safe-right, 0px));bottom:calc(8px + var(--safe-bottom, 0px));gap:5px}body.touch .sh-pow{width:50px;height:50px;padding:14px 1px 0}body.touch .sh-pow b{font-size:8px}body.touch .sh-pow kbd{display:none}body.touch .sh-ammo{top:calc(52px + var(--safe-top, 0px));bottom:auto;min-width:86px;padding:3px 8px}body.touch .sh-ammo b{font-size:22px}body.touch .sh-note{bottom:96px;font-size:13px}body.touch .sh-board{min-width:0;width:calc(100vw - 20px);font-size:11px}body.touch .sh-touch{display:block;position:absolute;right:calc(12px + var(--safe-right, 0px));bottom:calc(10px + var(--safe-bottom, 0px));width:164px;height:170px}body.touch .sh-t{position:absolute;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0e0f1399;color:#fff;font-size:19px}body.touch .sh-t.fire{right:0;bottom:0;width:86px;height:86px;font-size:30px;background:#e65a3c8c}body.touch #sh-t-jump{right:94px;bottom:0}body.touch #sh-t-rl{right:92px;bottom:58px}body.touch #sh-t-sc{right:46px;bottom:94px}body.touch #sh-t-sw{right:0;bottom:94px}body.touch #sh-t-buy{right:100px;bottom:116px;width:42px;height:42px;font-size:15px}.mb-root{position:absolute;top:0;right:0;bottom:0;left:0;text-shadow:0 1px 3px rgba(0,0,0,.75);--mb-edge: linear-gradient(180deg, #f7dd95, #a97a2e 55%, #6d4a1a);--mb-fill: linear-gradient(180deg, rgba(49, 54, 68, .96), rgba(24, 27, 33, .97))}.mb-bars{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.mb-top{position:absolute;top:calc(8px + var(--safe-top, 0px));left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:0;border-radius:12px;border:2px solid transparent;background:var(--mb-fill) padding-box,var(--mb-edge) border-box;box-shadow:0 4px 12px #00000080}.mb-n{font:400 28px Lilita One,sans-serif;width:56px;text-align:center;line-height:44px}.mb-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;min-width:96px;border-inline:1px solid rgba(255,255,255,.16)}.mb-clock b{font:400 20px Lilita One,sans-serif;line-height:1.1}.mb-tw{display:flex;align-items:center;gap:2px;padding:2px 0}.mb-tw i{width:6px;height:7px;border-radius:1px;background:#ffffff2e}.mb-tw i.b{background:#4aa3ff}.mb-tw i.r{background:#ff5a5a}.mb-tw u{width:6px}.mb-calls{position:absolute;right:calc(10px + var(--safe-right, 0px));bottom:calc(252px + var(--safe-bottom, 0px));display:flex;gap:4px;pointer-events:auto}.mb-calls button{display:flex;flex-direction:column;align-items:center;gap:1px;width:76px;padding:4px 2px;border-radius:7px;border:1px solid #8a6a34;background:#0e0f13c7;color:#fff;font-size:11px;font-weight:800}.mb-calls span{font-size:15px;line-height:1}.mb-tip{position:absolute;left:calc(12px + var(--safe-left, 0px));top:calc(92px + var(--safe-top, 0px));width:280px;display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:9px;border:1px solid rgba(125,255,154,.45);background:#090c0cd1;font-size:13px;font-weight:700;line-height:1.35;pointer-events:auto}.mb-tip small{color:#7dff9a;font-size:11px;font-weight:800}.mb-tip div{display:flex;gap:6px}.mb-tip button{padding:5px 9px;border-radius:6px;border:1px solid #8a6a34;background:#0e0f13d9;color:#fff;font-size:12px;font-weight:800}.mb-tip button.hidden{display:none}.mb-clock span{font-size:11px;font-weight:800;opacity:.85}.mb-feed{position:absolute;top:calc(10px + var(--safe-top, 0px));right:calc(66px + var(--safe-right, 0px));display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:13px;font-weight:700;max-width:380px}.mb-feed p{margin:0;padding:2px 9px;background:#090a0da8;border-radius:6px}.mb-note{position:absolute;top:calc(70px + var(--safe-top, 0px));left:50%;transform:translate(-50%);background:#0c0d10bd;border-radius:8px;padding:5px 14px;font-size:14px;font-weight:700;opacity:0;transition:opacity .3s;white-space:nowrap}.mb-note.on{opacity:1}.mb-recall{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:240px;text-align:center;font-size:13px;font-weight:800}.mb-recall div{height:8px;border-radius:4px;background:#090a0db3;overflow:hidden;margin-top:3px}.mb-recall i{display:block;height:100%;width:0;background:#7cc4ff}.mb-dead{position:absolute;top:34%;left:50%;transform:translate(-50%);font:400 30px Lilita One,sans-serif;color:#ffb3a4}.mb-panel{position:absolute;left:50%;bottom:calc(8px + var(--safe-bottom, 0px));transform:translate(-50%);display:flex;gap:10px;align-items:stretch;padding:8px 10px;border-radius:14px;border:2px solid transparent;background:var(--mb-fill) padding-box,var(--mb-edge) border-box;box-shadow:inset 0 1px #fff3,0 5px 14px #0000008c}.mb-face{position:relative;width:84px;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:42px;border:2px solid transparent;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--el) 62%,#353a49),#16191f 80%) padding-box,var(--mb-edge) border-box}.mb-face b{position:absolute;right:2px;bottom:2px;font:400 17px Lilita One,sans-serif;background:#0b0c0fd9;border-radius:7px;min-width:24px;text-align:center;color:#ffe9a8}.mb-face i{position:absolute;left:0;bottom:0;width:5px;height:0;background:#b78cff}.mb-mid{display:flex;flex-direction:column;gap:4px;width:292px}.mb-skills{display:flex;gap:6px}.mb-sk{position:relative;flex:1;height:66px;font-size:30px;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;color:#fff;border:2px solid transparent;background:linear-gradient(180deg,#3d4354,#232630) padding-box,var(--mb-edge) border-box}.mb-sk>span{display:block;transform:translateY(-4px)}.mb-sk u{position:absolute;left:3px;top:1px;text-decoration:none;font:400 13px Lilita One,sans-serif;color:#ffe9a8}.mb-sk em{position:absolute;left:0;right:0;bottom:0;height:0;background:#07080abd;font:400 22px/66px Lilita One,sans-serif;font-style:normal;color:#fff;display:grid;place-items:end center}.mb-sk small{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-size:11px;line-height:1;letter-spacing:1px;color:#ffe08a}.mb-sk.off>span{filter:grayscale(1) opacity(.5)}.mb-sk.dry>span{filter:hue-rotate(190deg) saturate(.5)}.mb-sk.armed{outline:2px solid #9fe8ff}.mb-plus{position:absolute;right:2px;top:2px;width:22px;height:22px;border-radius:50%;background:#ffd95a;color:#4a3200;font:400 18px/21px Lilita One,sans-serif;text-shadow:none;animation:mb-pulse 1s infinite}@keyframes mb-pulse{50%{transform:scale(1.18)}}.mb-bar{position:relative;height:15px;border-radius:4px;background:#07080acc;overflow:hidden;font-size:11px;font-weight:800;text-align:center;line-height:15px}.mb-bar.mp{height:11px;line-height:11px;font-size:10px}.mb-bar i{position:absolute;left:0;top:0;bottom:0}.mb-bar.hp i{background:linear-gradient(180deg,#7de58c,#2f9a50)}.mb-bar.mp i{background:linear-gradient(180deg,#70b4ff,#464d61)}.mb-bar u{position:absolute;right:0;top:0;bottom:0;background:#e8eefabf}.mb-bar span{position:relative}.mb-bag{display:flex;flex-direction:column;gap:5px;width:130px}.mb-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.mb-items i{height:33px;display:grid;place-items:center;font-style:normal;font-size:19px;border-radius:6px;background:#07080a9e;box-shadow:inset 0 0 0 1px #ffffff24;pointer-events:auto}.mb-tools{display:flex;gap:4px}.mb-gold,.mb-back{height:26px;border:0;border-radius:6px;color:#ffe9a8;font-weight:800;font-size:13px;cursor:pointer;background:linear-gradient(180deg,#3b3a44,#1d1c22);box-shadow:inset 0 0 0 1px #8a6a34}.mb-gold{flex:1}.mb-back{width:38px}.mb-map{position:absolute;right:calc(10px + var(--safe-right, 0px));bottom:calc(10px + var(--safe-bottom, 0px));width:236px;height:236px;border-radius:10px;border:2px solid #c79a44;box-shadow:0 4px 14px #0009;pointer-events:auto;cursor:pointer}.mb-hit{position:absolute;right:calc(24px + var(--safe-right, 0px));bottom:128px;width:86px;height:86px;border-radius:50%;font-size:36px;border:2px solid #f7dd95;background:radial-gradient(circle,#cf5038,#6b1f18);color:#fff}.mb-shop{position:absolute;top:74px;left:50%;transform:translate(-50%);width:min(620px,92vw);max-height:62vh;padding:12px;border-radius:14px;pointer-events:auto;display:flex;flex-direction:column;gap:8px;border:2px solid transparent;background:var(--mb-fill) padding-box,var(--mb-edge) border-box}.mb-shop header{display:flex;flex-direction:column}.mb-shop header b{font:400 22px Lilita One,sans-serif;color:#ffe9a8}.mb-shop header span{font-size:13px;opacity:.85}.mb-x{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:8px;border:0;color:#fff;background:#7a2a2a;cursor:pointer}.mb-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow-y:auto}.mb-item{display:flex;align-items:center;gap:8px;text-align:left;padding:6px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.16);color:#fff;background:#0c0e1199;cursor:pointer}.mb-item:hover{border-color:#f7dd95}.mb-item>i{font-style:normal;font-size:26px}.mb-item div{flex:1;min-width:0;display:flex;flex-direction:column}.mb-item b{font-size:13px}.mb-item b em{font-style:normal;font-size:10px;color:#7dff9a}.mb-item span{font-size:11px;opacity:.85}.mb-item u{text-decoration:none;font-size:12px;font-weight:800;color:#ffe08a;white-space:nowrap}.mb-item.no{opacity:.55}.mb-item.next{opacity:1;border-color:#e8c878;box-shadow:inset 0 0 0 1px #e8c87880}.mb-plan{margin:8px 0 6px}.mb-plan small{display:block;margin-bottom:4px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#e8c878}.mb-plan div{display:flex;gap:5px}.mb-plan span{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#07080a80}.mb-plan span i{font-style:normal;font-size:20px;line-height:1.1}.mb-plan span em{font-style:normal;font-size:10px;font-weight:800;opacity:.8}.mb-plan span.done{border-color:#7dff9a;opacity:.75}.mb-plan span.done em{color:#7dff9a}.mb-plan span.next{border-color:#e8c878;background:#e8c87833;box-shadow:0 0 8px #e8c87866}.mb-planbuy{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;border-radius:8px;border:1px solid #8a6a34;background:#24211ae6;color:#f3dca6;cursor:pointer;text-align:left}.mb-planbuy i{font-style:normal;font-size:19px}.mb-planbuy b{flex:1;min-width:0;font-size:13px}.mb-planbuy u{text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;color:#ffe08a}.mb-planbuy.can{border-color:#e8c878;box-shadow:0 0 8px #e8c8788c}.mb-item.has{opacity:1;border-color:#7dff9a}.mb-board{position:absolute;top:74px;left:50%;transform:translate(-50%);width:min(780px,94vw);padding:12px 16px;border-radius:14px;display:flex;flex-direction:column;gap:12px;border:2px solid transparent;background:var(--mb-fill) padding-box,var(--mb-edge) border-box}.mb-board table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.mb-board th:nth-child(1),.mb-board td:nth-child(1){width:28px}.mb-board th:nth-child(n+3),.mb-board td:nth-child(n+3){width:74px}.mb-board th:last-child,.mb-board td:last-child{width:130px}.mb-board caption{text-align:left;font:400 17px Lilita One,sans-serif}.mb-board th{font-size:11px;opacity:.7;text-align:left}.mb-board td{padding:2px 6px 2px 0}.mb-board tr.me td{color:#7dff9a;font-weight:800}.mb-phone .mb-map{right:auto;left:calc(8px + var(--safe-left, 0px));top:calc(8px + var(--safe-top, 0px));bottom:auto;width:128px;height:128px}.mb-phone .mb-panel{left:auto;right:calc(8px + var(--safe-right, 0px));transform:none;padding:5px 6px;gap:6px}.mb-phone .mb-face{width:50px;font-size:26px}.mb-phone .mb-mid{width:220px}.mb-phone .mb-sk{height:52px;font-size:24px}.mb-phone .mb-sk em{line-height:52px;font-size:18px}.mb-phone .mb-bag{width:86px}.mb-phone .mb-items i{height:21px;font-size:13px}.mb-phone .mb-feed{right:calc(58px + var(--safe-right, 0px));font-size:11px;max-width:240px}.mb-phone .mb-calls{right:auto;bottom:auto;left:calc(8px + var(--safe-left, 0px));top:calc(142px + var(--safe-top, 0px));gap:3px}.mb-phone .mb-calls button{width:41px;padding:3px 1px;font-size:0}.mb-phone .mb-calls span{font-size:17px}.mb-phone .mb-tip{left:calc(8px + var(--safe-left, 0px));top:calc(182px + var(--safe-top, 0px));width:200px;padding:6px 9px;font-size:11px;gap:3px}.mb-phone .mb-note{font-size:12px;white-space:normal;width:62vw;text-align:center}.sh-place{position:absolute;top:calc(158px + var(--safe-top, 0px));left:calc(var(--pad) + var(--safe-left, 0px));width:216px;text-align:center;font-size:12px;font-weight:800;color:#f3dca6;text-shadow:0 1px 2px #000}.sh-step{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px;opacity:0;border-radius:50%;border-top:7px solid rgba(255,196,90,.85)}.sh-step.on{animation:sh-fade .7s ease-out}.sh-recap{position:absolute;left:50%;bottom:150px;transform:translate(-50%);width:min(420px,calc(100vw - 24px));padding:10px 14px;pointer-events:auto;background:#0c0c10e0;border:1px solid #8a6a34;border-radius:6px;text-align:center}.sh-recap b{font-family:var(--title);font-size:16px}.sh-recap p{margin:3px 0;font-size:13px;color:#d7d9e0}.sh-recap small{display:block;margin:4px 0 8px;font-size:12px;color:#f3dca6}.sh-recap button{padding:5px 12px;border:1px solid #8a6a34;border-radius:4px;background:#24211a;color:#f3dca6;font-weight:800;cursor:pointer}.sh-quick{display:flex;gap:8px;margin-top:10px}.sh-quick button{flex:1;padding:8px;border:1px solid #8a6a34;border-radius:4px;background:#24211a;color:#f3dca6;font-weight:800;cursor:pointer}.sh-quick button:disabled{opacity:.45;cursor:default}.sh-quick kbd{margin-left:6px;padding:0 5px;font-size:11px;background:#ffffff1f;border-radius:3px}.sh-econ{margin-bottom:8px;font-size:12px;color:#c9ccd6}.sh-sens{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:700}.sh-sens input{flex:1;accent-color:#d0a85c}.sh-t.on{box-shadow:0 0 0 2px #e8c878}body.touch .sh-recap{bottom:96px}.sh-replay{position:absolute;left:50%;top:86px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid rgba(232,200,120,.6);border-radius:6px;background:#0e0f13d1;color:#f3ecd8;font-size:13px;pointer-events:auto;white-space:nowrap}.sh-replay.hidden{display:none}.sh-replay i{width:10px;height:10px;border-radius:50%;background:#ff5a4a;animation:sh-rec 1s steps(2) infinite}.sh-replay b{font-family:var(--title);letter-spacing:.12em;color:#ffd166}.sh-replay button{padding:3px 10px;border:1px solid #8a6a34;border-radius:4px;background:#24211a;color:#f3dca6;font-weight:800;cursor:pointer}@keyframes sh-rec{50%{opacity:.2}}body.touch #sh-t-low{right:46px;bottom:148px;width:42px;height:42px;font-size:16px}body.touch .sh-place{top:calc(92px + var(--safe-top, 0px));width:120px;font-size:11px}body.touch #sh-t-walk{right:0;bottom:142px;width:42px;height:42px;font-size:16px}body.touch .sh-quick kbd{display:none}.mb-bossin{font-size:10.5px!important;color:#f3dca6;white-space:nowrap}.mb-bossin.near{color:#ffb45a}.mb-nextitem{position:relative;width:58px;height:26px;border:0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;color:#c9ccd6;font-size:11px;font-weight:800;background:linear-gradient(180deg,#3b3a44,#1d1c22);box-shadow:inset 0 0 0 1px #5a5a66}.mb-nextitem i{font-style:normal;font-size:14px}.mb-nextitem.can{color:#ffe9a8;box-shadow:inset 0 0 0 1px #e8c878,0 0 8px #e8c878b3}.mb-recap{position:absolute;top:44%;left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 24px));padding:10px 14px;background:#0c0c10e0;border:1px solid #8a6a34;border-radius:6px}.mb-recap b{font-family:var(--title);font-size:15px;color:#f3dca6}.mb-recap p{display:flex;justify-content:space-between;margin:3px 0;font-size:13px;color:#d7d9e0}.mb-recap em{font-style:normal;font-weight:800;color:#ff8a70}.mb-recap small{display:block;margin-top:5px;font-size:12px;color:#f3dca6}.mb-aim{position:absolute;right:calc(120px + var(--safe-right, 0px));bottom:128px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.mb-aim.hidden{display:none}.mb-aim button{width:40px;height:40px;border-radius:50%;border:1px solid #8a6a34;background:#0e0f13b3;font-size:17px}@media(orientation:portrait){.mb-phone .mb-map{top:calc(84px + var(--safe-top, 0px))}.mb-phone .mb-calls{top:calc(218px + var(--safe-top, 0px))}.mb-phone .mb-tip{top:calc(258px + var(--safe-top, 0px))}}.sh-buy{z-index:5}.mb-phone .mb-bag{width:122px}.mb-phone .mb-tools{flex-wrap:nowrap;gap:3px}.mb-phone .mb-tools button{min-width:0;padding-left:3px;padding-right:3px;font-size:11px}.mb-phone .mb-back{flex:0 0 30px}@media(orientation:portrait){.mb-phone .mb-mid{width:186px}.mb-phone .mb-face{width:44px}}:root{--frame2: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='128' height='128' viewBox='0 0 128 128'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff4c8'/%3E%3Cstop offset='.42' stop-color='%23e2b04c'/%3E%3Cstop offset='.72' stop-color='%23a56e22'/%3E%3Cstop offset='1' stop-color='%23f0cf7c'/%3E%3C/linearGradient%3E%3CradialGradient id='b' cx='.38' cy='.34' r='.8'%3E%3Cstop offset='0' stop-color='%23c8fff4'/%3E%3Cstop offset='.5' stop-color='%232fc7b8'/%3E%3Cstop offset='1' stop-color='%230c5a66'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='3' y='3' width='122' height='122' rx='12' fill='none' stroke='%232a1a08' stroke-width='5'/%3E%3Crect x='3.6' y='3.6' width='120.8' height='120.8' rx='11.5' fill='none' stroke='url%28%23g%29' stroke-width='3.4'/%3E%3Crect x='8.6' y='8.6' width='110.8' height='110.8' rx='8' fill='none' stroke='%232a1a08' stroke-width='1.6'/%3E%3Crect x='10' y='10' width='108' height='108' rx='7' fill='none' stroke='%237fa0e8' stroke-width='.9' opacity='.55'/%3E%3Cg id='c'%3E%3Cpath d='M4 46 C4 22 22 4 46 4 L52 4 C42 8 36 12 33 18 C25 19 19 25 18 33 C12 36 8 42 4 52 Z' fill='url%28%23g%29' stroke='%232a1a08' stroke-width='1.2'/%3E%3Cpath d='M12 34 C13 22 22 13 34 12' fill='none' stroke='%23fff3c4' stroke-width='1.1' opacity='.75'/%3E%3Ccircle cx='15' cy='15' r='7.6' fill='%232a1a08'/%3E%3Ccircle cx='15' cy='15' r='6.2' fill='url%28%23g%29'/%3E%3Ccircle cx='15' cy='15' r='4.2' fill='url%28%23b%29'/%3E%3Ccircle cx='13.6' cy='13.4' r='1.3' fill='%23fff' opacity='.9'/%3E%3C/g%3E%3Cuse xlink:href='%23c' transform='matrix%28-1 0 0 1 128 0%29'/%3E%3Cuse xlink:href='%23c' transform='matrix%281 0 0 -1 0 128%29'/%3E%3Cuse xlink:href='%23c' transform='matrix%28-1 0 0 -1 128 128%29'/%3E%3C/svg%3E");--weave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 2 L42 22 L22 42 L2 22 Z' fill='none' stroke='%23ffe2a0' stroke-width='.7' opacity='.05'/%3E%3Cpath d='M22 14 L30 22 L22 30 L14 22 Z' fill='%239fc0ff' opacity='.028'/%3E%3C/svg%3E");--orn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='12' viewBox='0 0 64 12'%3E%3Cpath d='M0 6 H24' stroke='%23d9a441' stroke-width='1.4'/%3E%3Cpath d='M40 6 H64' stroke='%23d9a441' stroke-width='1.4'/%3E%3Cpath d='M32 1 L37 6 L32 11 L27 6 Z' fill='%23ffe9a8' stroke='%236b3f0c' stroke-width='.8'/%3E%3C/svg%3E");--navy: linear-gradient(180deg, #454c5f 0%, #323745 48%, #2b2f3b 52%, #21242e 100%);--row: linear-gradient(180deg, rgba(150, 180, 250, .17), rgba(90, 120, 205, .08));--row-line: rgba(232, 199, 126, .26);--win-bg: radial-gradient(130% 70% at 50% 0, rgba(96, 140, 240, .26), transparent 62%), radial-gradient(100% 60% at 50% 108%, rgba(47, 199, 184, .13), transparent 60%), var(--weave), linear-gradient(180deg, #252933, #1a1d24 58%, #14161c);--well: linear-gradient(180deg, #13151a, #1d2028)}.screen.overlay{background:radial-gradient(90% 90% at 50% 45%,#12141961,#090a0dc7)}.panel,.sheet-panel{border:12px solid transparent;border-radius:13px;border-image:var(--frame2) 44 / 30px / 7px stretch;background:var(--win-bg);background-clip:border-box;background-origin:border-box;box-shadow:0 18px 44px #0000008c}.panel{padding:8px 10px 10px}.sheet-panel{padding:6px 8px 8px}.panel h2,.sheet-panel h2,.create-head h2{color:transparent;background:linear-gradient(180deg,#fffbe6,#ffe59a 46%,#e9a93e 62%,#ffe9a8);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 1px 0 #5a3208) drop-shadow(0 2px 3px rgba(0,0,0,.55));letter-spacing:.7px}.panel-head{padding-bottom:9px;border-bottom:0;background:var(--orn) center bottom / 64px 12px no-repeat}.panel-sub,.win-why{color:#c4cfec}.win-x{width:34px;height:34px;border:2px solid #2a1a08;border-radius:9px;color:#ffe9a8;font-weight:900;background:linear-gradient(180deg,#8a3040,#5a1a2a);box-shadow:inset 0 1px #ffffff47,0 0 0 1px #d9a441,0 2px 4px #00000080}.win-x:hover{background:linear-gradient(180deg,#c04050,#7a2030)}.section-title,.talent-head,.cr-title{display:flex;align-items:center;justify-content:center;gap:10px;color:#ffe2a0;font-weight:900;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.section-title:before,.section-title:after,.talent-head:before,.talent-head:after{content:"";flex:1;min-width:12px;height:1px;background:linear-gradient(90deg,transparent,#d9a441)}.section-title:after,.talent-head:after{background:linear-gradient(90deg,#d9a441,transparent)}.tabs{gap:3px;padding:0 4px;border-bottom:2px solid #b98a3a;box-shadow:0 1px #0000008c}.tabs .tab{margin-bottom:-2px;border:1px solid rgba(232,199,126,.4);border-bottom:0;border-radius:10px 10px 0 0;color:#c9d4f2;background:linear-gradient(180deg,#343947,#252933);box-shadow:inset 0 1px #ffffff29}.tabs .tab:hover{color:#fff;background:linear-gradient(180deg,#42495c,#2f3340)}.tabs .tab.selected{position:relative;z-index:1;border:1px solid #f0cf7c;border-bottom:0;color:#4a2a05;text-shadow:0 1px 0 rgba(255,240,190,.8);background:linear-gradient(180deg,#fff2c0,#ffd071 55%,#e9a93e);box-shadow:inset 0 1px #fff,0 -2px 8px #ffc85a59}.ghost-btn,.nav-btn,.chip-btn,.pill,.icon-btn,.tray-reroll{box-shadow:inset 0 1px #ffffff42,inset 0 -2px #00000038,0 2px #00000073;transition:filter .12s,transform .08s}.ghost-btn:hover,.nav-btn:hover,.chip-btn:hover,.pill:hover,.icon-btn:hover{filter:brightness(1.18)}.ghost-btn:active,.nav-btn:active,.chip-btn:active,.pill:active{transform:translateY(1px)}.play-btn,.buy-btn,.daily-btn,.week-btn{position:relative;overflow:hidden}.play-btn:after{content:"";position:absolute;inset:0 auto 0 -40%;width:28%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:uiShine 4.2s ease-in-out infinite;pointer-events:none}@keyframes uiShine{0%,72%{left:-40%}to{left:120%}}.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,.stat-card,.bag-foot,.bag-detail{background:var(--row);box-shadow:inset 0 0 0 1px var(--row-line),inset 0 1px #ffffff1a,0 1px 2px #00000059}.shop-row:hover,.ach-row:hover,.quest:hover,.class-row:hover{background:linear-gradient(180deg,#b4cdff3d,#7896e61f)}.ach-row.done{background:linear-gradient(180deg,#ffd77838,#ffbe5014)}.bag-cell{border-radius:8px;background:var(--well) padding-box;box-shadow:inset 0 2px 5px #000000bf,inset 0 0 0 1px #ffffff0f,0 1px #ffffff24}.bag-cell.empty{background:linear-gradient(180deg,#090a0d99,#181a218c);border:1px solid rgba(232,199,126,.2)}.doll-mid{border-radius:12px;background:radial-gradient(70% 60% at 50% 42%,rgba(120,165,255,.32),transparent 72%),var(--well);box-shadow:inset 0 0 0 1px #e8c77e66,inset 0 3px 10px #0009}.bar>div{box-shadow:inset 0 -2px #00000038}.town-quick,.desk-skills{background:linear-gradient(180deg,#434a5df5,#252934f7 46%,#171920fa) padding-box,var(--gold-edge) border-box;border:2px solid transparent;box-shadow:inset 0 1px #ffffff3d,0 5px 14px #0000008c}.town-quick>button:hover,.town-quick>button.on{background:radial-gradient(90% 110% at 50% 100%,rgba(255,209,102,.4),transparent 72%)}.character-frame,.tframe,.town-quest,#open-goals{background:linear-gradient(180deg,#313643e6,#15171deb);box-shadow:inset 0 1px #fff3,0 3px 9px #00000080;border-color:#e8c77e9e}.town-res span{background:linear-gradient(180deg,#313643eb,#15171df0);box-shadow:inset 0 1px #ffffff2e,0 2px 4px #00000073}.map-zone{filter:drop-shadow(0 1px 1px #000)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#00000052;border-radius:6px}::-webkit-scrollbar-thumb{border-radius:6px;border:1px solid #2a1a08;background:linear-gradient(90deg,#ffe9a8,#c8963f 60%,#8a5a1c)}.trail-board{grid-template-columns:repeat(var(--cols),minmax(0,58px));justify-content:center;gap:6px;padding:10px;border-radius:12px;background:var(--well);box-shadow:inset 0 0 0 1px #e8c77e4d,inset 0 3px 10px #0009}.trail-cell{font-size:21px;border-radius:9px;border:1px solid rgba(232,199,126,.32);background:linear-gradient(180deg,#96b4fa33,#4664be1f);box-shadow:inset 0 1px #ffffff29,0 2px #00000080}.title-row{padding-top:6px;padding-bottom:6px}.title-row.on{box-shadow:inset 0 0 0 2px #f0cf7c,0 0 12px #ffd1664d}body.touch .panel,body.touch .sheet-panel{border-width:8px;border-image-width:20px;border-image-outset:4px}body.touch .play-btn:after{display:none}.spirit-face{width:72px;height:72px;overflow:hidden;border:2px solid transparent;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--el) 58%,#353a49),#16191f 78%) padding-box,var(--gold-edge) border-box;box-shadow:inset 0 2px 6px #0009,0 2px 4px #00000080}.spirit-face img{display:block;width:100%;height:100%}.spirit-card.asleep .spirit-face img{filter:grayscale(.85) brightness(.62)}body.touch #settings-quality .pc-only{display:none}:root{--sk-frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='128' height='128' viewBox='0 0 128 128'%3E%3Cdefs%3E %3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239aa1b3'/%3E%3Cstop offset='.45' stop-color='%234a4f5f'/%3E%3Cstop offset='1' stop-color='%231e2029'/%3E%3C/linearGradient%3E %3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1bf'/%3E%3Cstop offset='.45' stop-color='%23d0a85c'/%3E%3Cstop offset='.75' stop-color='%237d5c27'/%3E%3Cstop offset='1' stop-color='%23e3c37c'/%3E%3C/linearGradient%3E %3CradialGradient id='j' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23d8fbff'/%3E%3Cstop offset='.35' stop-color='%2342c3d6'/%3E%3Cstop offset='1' stop-color='%230c4a5c'/%3E%3C/radialGradient%3E %3C/defs%3E %3Crect x='1' y='1' width='126' height='126' rx='5' fill='none' stroke='%2305060a' stroke-width='2'/%3E %3Crect x='3.5' y='3.5' width='121' height='121' rx='4' fill='none' stroke='url(%23s)' stroke-width='5'/%3E %3Crect x='7.5' y='7.5' width='113' height='113' rx='2' fill='none' stroke='url(%23g)' stroke-width='1.3'/%3E %3Cg id='c'%3E %3Cpath d='M2 2 H40 C37 9 31 10 25 11 C19 12 16 15 15 20 C14 25 11 29 9 31 C6 34 5 37 2 40 Z' fill='url(%23g)' stroke='%232a1c08' stroke-width='1.2'/%3E %3Cpath d='M5 5 H30 C24 8 18 8 13 13 C8 18 8 24 5 30 Z' fill='%232b2415' opacity='.55'/%3E %3Cpath d='M13 6 L20 13 L13 20 L6 13 Z' fill='url(%23j)' stroke='%232a1c08' stroke-width='1.1'/%3E %3Cpath d='M11 9 L14 8' stroke='%23fff' stroke-width='1' opacity='.8'/%3E %3C/g%3E %3Cuse xlink:href='%23c' transform='translate(128 0) scale(-1 1)'/%3E %3Cuse xlink:href='%23c' transform='translate(0 128) scale(1 -1)'/%3E %3Cuse xlink:href='%23c' transform='translate(128 128) scale(-1 -1)'/%3E %3C/svg%3E");--sk-thin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cdefs%3E %3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239aa1b3'/%3E%3Cstop offset='.45' stop-color='%234a4f5f'/%3E%3Cstop offset='1' stop-color='%231e2029'/%3E%3C/linearGradient%3E %3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1bf'/%3E%3Cstop offset='.45' stop-color='%23d0a85c'/%3E%3Cstop offset='.75' stop-color='%237d5c27'/%3E%3Cstop offset='1' stop-color='%23e3c37c'/%3E%3C/linearGradient%3E %3CradialGradient id='j' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23d8fbff'/%3E%3Cstop offset='.35' stop-color='%2342c3d6'/%3E%3Cstop offset='1' stop-color='%230c4a5c'/%3E%3C/radialGradient%3E %3C/defs%3E %3Crect x='.5' y='.5' width='47' height='47' rx='3' fill='none' stroke='%2305060a'/%3E %3Crect x='1.5' y='1.5' width='45' height='45' rx='2.5' fill='none' stroke='url(%23s)' stroke-width='1.6'/%3E %3Cpath d='M2 12 V2 H12 M36 2 H46 V12 M46 36 V46 H36 M12 46 H2 V36' fill='none' stroke='url(%23g)' stroke-width='2'/%3E %3C/svg%3E");--sk-ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cdefs%3E %3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239aa1b3'/%3E%3Cstop offset='.45' stop-color='%234a4f5f'/%3E%3Cstop offset='1' stop-color='%231e2029'/%3E%3C/linearGradient%3E %3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1bf'/%3E%3Cstop offset='.45' stop-color='%23d0a85c'/%3E%3Cstop offset='.75' stop-color='%237d5c27'/%3E%3Cstop offset='1' stop-color='%23e3c37c'/%3E%3C/linearGradient%3E %3CradialGradient id='j' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23d8fbff'/%3E%3Cstop offset='.35' stop-color='%2342c3d6'/%3E%3Cstop offset='1' stop-color='%230c4a5c'/%3E%3C/radialGradient%3E %3C/defs%3E %3Ccircle cx='60' cy='60' r='52' fill='none' stroke='%2305060a' stroke-width='11'/%3E %3Ccircle cx='60' cy='60' r='52' fill='none' stroke='url(%23s)' stroke-width='8'/%3E %3Ccircle cx='60' cy='60' r='47.5' fill='none' stroke='url(%23g)' stroke-width='1.6'/%3E %3Ccircle cx='60' cy='60' r='56.5' fill='none' stroke='url(%23g)' stroke-width='1.2'/%3E %3Cg fill='url(%23g)' stroke='%232a1c08' stroke-width='1'%3E %3Cpath d='M60 1 L66 11 L60 15 L54 11 Z'/%3E%3Cpath d='M119 60 L109 66 L105 60 L109 54 Z'/%3E%3Cpath d='M1 60 L11 54 L15 60 L11 66 Z'/%3E %3Cpath d='M18 18 L28 21 L25 25 L21 28 Z'/%3E%3Cpath d='M102 18 L99 28 L95 25 L92 21 Z'/%3E %3C/g%3E%3C/svg%3E");--sk-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E %3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .55' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E %3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--sk-orn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='12' viewBox='0 0 180 12'%3E%3Cdefs%3E %3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239aa1b3'/%3E%3Cstop offset='.45' stop-color='%234a4f5f'/%3E%3Cstop offset='1' stop-color='%231e2029'/%3E%3C/linearGradient%3E %3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1bf'/%3E%3Cstop offset='.45' stop-color='%23d0a85c'/%3E%3Cstop offset='.75' stop-color='%237d5c27'/%3E%3Cstop offset='1' stop-color='%23e3c37c'/%3E%3C/linearGradient%3E %3CradialGradient id='j' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23d8fbff'/%3E%3Cstop offset='.35' stop-color='%2342c3d6'/%3E%3Cstop offset='1' stop-color='%230c4a5c'/%3E%3C/radialGradient%3E %3C/defs%3E %3Cpath d='M0 6 H74 M106 6 H180' stroke='url(%23g)' stroke-width='1'/%3E %3Cpath d='M90 1 L95 6 L90 11 L85 6 Z' fill='url(%23j)' stroke='%232a1c08'/%3E %3Cpath d='M78 6 L82 3.5 L84 6 L82 8.5 Z M102 6 L98 3.5 L96 6 L98 8.5 Z' fill='url(%23g)'/%3E%3C/svg%3E");--sk-wing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='128' viewBox='0 0 64 128'%3E%3Cdefs%3E %3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239aa1b3'/%3E%3Cstop offset='.45' stop-color='%234a4f5f'/%3E%3Cstop offset='1' stop-color='%231e2029'/%3E%3C/linearGradient%3E %3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1bf'/%3E%3Cstop offset='.45' stop-color='%23d0a85c'/%3E%3Cstop offset='.75' stop-color='%237d5c27'/%3E%3Cstop offset='1' stop-color='%23e3c37c'/%3E%3C/linearGradient%3E %3CradialGradient id='j' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23d8fbff'/%3E%3Cstop offset='.35' stop-color='%2342c3d6'/%3E%3Cstop offset='1' stop-color='%230c4a5c'/%3E%3C/radialGradient%3E %3C/defs%3E %3Cpath d='M62 6 L62 122 L40 122 C22 118 12 100 8 84 C4 70 12 60 20 56 C10 46 6 36 12 24 C20 12 40 6 62 6 Z' fill='url(%23s)' stroke='%2305060a' stroke-width='2'/%3E %3Cpath d='M58 12 L58 116 L42 116 C28 112 20 98 16 84 C14 74 20 64 30 58 C18 48 14 38 20 28 C26 18 42 12 58 12 Z' fill='%2314161d' stroke='url(%23g)' stroke-width='1.3'/%3E %3Cpath d='M46 52 L54 62 L46 72 L38 62 Z' fill='url(%23j)' stroke='%232a1c08'/%3E%3C/svg%3E")}:root{--title: "Cinzel", "Lilita One", Georgia, serif;--bg: #0a0b10;--panel: rgba(17, 19, 26, .97);--line: rgba(201, 162, 90, .36);--text: #f2ead8;--muted: #a9adba;--gold: #e8c878;--iron-0: #0b0c11;--iron-1: #14161d;--iron-2: #1e212b;--iron-3: #2c303c;--steel: #565c6c;--gold-line: rgba(201, 162, 90, .5);--glass: linear-gradient(180deg, rgba(20, 22, 29, .84), rgba(9, 10, 14, .84));--glass-line: rgba(201, 162, 90, .42);--gold-edge: linear-gradient(160deg, #f6e3a9, #b08a48 40%, #5e4520 62%, #d3b26c);--btn-gold: linear-gradient(180deg, #f6e3a9, #d3ad62 44%, #a07a38 54%, #c39c54);--navy: linear-gradient(180deg, #3a3e4b, #262933 48%, #1b1d25 52%, #15171e);--row: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));--row-line: rgba(201, 162, 90, .2);--win-bg: var(--sk-brush), radial-gradient(120% 70% at 50% 0, rgba(70, 76, 94, .26), transparent 62%), linear-gradient(180deg, #181a22, #0f1016);--well: linear-gradient(180deg, #08090d, #12141b);--frame2: var(--sk-frame);--orn: var(--sk-orn);--weave: none}html,body{background:var(--bg)}.screen.overlay{background:radial-gradient(90% 90% at 50% 45%,#06070b6b,#030407d1)}.panel,.sheet-panel{border-width:14px;border-radius:6px;border-image:var(--sk-frame) 44 / 34px / 8px stretch;background:var(--win-bg);background-clip:border-box;background-origin:border-box;box-shadow:0 22px 54px #000000b3}.panel h2,.sheet-panel h2,.create-head h2{background:linear-gradient(180deg,#fff6d8,#ecd08b 46%,#b78c43 62%,#f1dca0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;filter:drop-shadow(0 1px 0 #1c1307) drop-shadow(0 2px 3px rgba(0,0,0,.8))}.panel-head{position:relative;padding-bottom:12px;background:var(--sk-orn) center bottom / 180px 12px no-repeat}.section-title,.talent-head,.cr-title{color:#e8c878;font-family:var(--title);letter-spacing:.6px}.section-title:before,.talent-head:before{background:linear-gradient(90deg,transparent,#8c6c34)}.section-title:after,.talent-head:after{background:linear-gradient(90deg,#8c6c34,transparent)}.panel-sub,.win-why{color:#b4b7c2}.win-x{width:30px;height:30px;border:1px solid #05060a;border-radius:4px;color:#f6e3a9;background:linear-gradient(180deg,#4a4f5f,#22242d);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #8c6c34,0 2px 4px #0009}.win-x:hover{color:#fff;background:linear-gradient(180deg,#8a2f35,#4d151c)}.tabs{gap:2px;padding:0 2px;border-bottom:1px solid #8c6c34;box-shadow:0 1px #000}.tabs .tab{margin-bottom:-1px;border:1px solid #05060a;border-bottom:0;border-radius:5px 5px 0 0;color:#b4b7c2;background:linear-gradient(180deg,#2c303c,#181a22);box-shadow:inset 0 1px #ffffff1a}.tabs .tab:hover{color:#f2ead8;background:linear-gradient(180deg,#3a3e4b,#1e212b)}.tabs .tab.selected{color:#f6e3a9;text-shadow:0 1px 2px #000;border:1px solid #8c6c34;border-bottom-color:#14161d;background:linear-gradient(180deg,#3a3528,#17181f 70%);box-shadow:inset 0 2px #d3ad62}.tab.selected,.pill.selected{color:#f6e3a9;background:linear-gradient(180deg,#3f3929,#1e1c17) padding-box,var(--gold-edge) border-box;box-shadow:inset 0 1px #ffffff1f,0 0 8px #d3ad6240;text-shadow:0 1px 2px #000}.pill,.ghost-btn,.nav-btn,.chip-btn,.icon-btn,.tray-reroll{border-radius:5px;color:#e9e4d6}.ghost-btn,.nav-btn,.chip-btn,#screen-outfit .ghost-btn{background:linear-gradient(180deg,#3a3e4b,#23262f 50%,#1b1d25) padding-box,linear-gradient(180deg,#7d6a42,#3a2f1a) border-box;border:1px solid transparent;box-shadow:inset 0 1px #ffffff29,0 2px 3px #00000080}.ghost-btn:hover,.nav-btn:hover,.chip-btn:hover{background:linear-gradient(180deg,#4a4f5f,#2c303c 50%,#23262f) padding-box,var(--gold-edge) border-box;filter:none;color:#fff}.play-btn,.buy-btn,.daily-btn,.week-btn{border-radius:5px;color:#2a1c08;background:var(--btn-gold);border:1px solid #2a1c08;box-shadow:inset 0 1px #fff9,inset 0 -2px #3c260866,0 0 0 1px #8c6c34,0 3px 7px #0009;text-shadow:0 1px 0 rgba(255,240,200,.55);font-family:var(--title);letter-spacing:1px}.play-btn:hover,.buy-btn:hover{filter:brightness(1.1)}.shop-row,.ach-row,.rec-row,.quest,.class-row,.combo-row,.attr-rows,.stat-grid,.cr-card,.forge-mats span,.over-grid div{border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0a,0 1px 2px #0006}.shop-row:hover,.ach-row:hover,.quest:hover,.class-row:hover{background:linear-gradient(180deg,#d3ad6224,#d3ad620d)}.bag-cell{border-radius:4px}.bag-cell.empty{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#08090d,#12141b)}.doll-mid{border-radius:4px;background:radial-gradient(70% 60% at 50% 42%,rgba(211,173,98,.14),transparent 72%),var(--well)}::-webkit-scrollbar-thumb{border-radius:3px;border:1px solid #05060a;background:linear-gradient(90deg,#6d6250,#3a3324)}.finder-list .pill{border-radius:4px;background:#ffffff0a}.finder-list .pill:hover{background:#d3ad621f}.finder-list .pill.selected{background:linear-gradient(90deg,#d3ad623d,#d3ad620d)}.finder-list h3{color:#d3ad62}.town-more{border-radius:5px;border:12px solid transparent;border-image:var(--sk-frame) 44 / 30px / 6px stretch;background:var(--win-bg);background-clip:border-box;background-origin:border-box}.town-more button{border-radius:4px;background:#ffffff0a}.town-more button:hover{background:#d3ad6224}.town-more h3{color:#e8c878}.ui-tip{border-radius:3px;border:1px solid #8c6c34;background:#090a0ef7;box-shadow:0 0 0 1px #000,0 8px 20px #000000b3}.ui-tip b{color:#f6e3a9}.bar{border:1px solid #05060a;border-radius:2px;background:#0b0c11;box-shadow:0 0 0 1px #969cac66,inset 0 2px 3px #000c}.bar:after{left:0;right:0;top:0;height:42%;border-radius:0;background:linear-gradient(#ffffff4d,#ffffff08)}.bar.hp{height:17px;border-radius:2px}.bar.hp>div{background:linear-gradient(180deg,#ff7f84,#d92c47 52%,#8e1430)}.bar.hp span{font-size:11.5px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 1px #000,0 0 3px #000}.bar.en{height:12px;border-radius:2px;border-width:1px}.bar.en>div{background:linear-gradient(180deg,#8fd8ff,#2a83e0 55%,#174f9e)}.bar.en span{font-size:9.5px;font-weight:800}.bar.plate-bar{height:15px;border-radius:2px;border-color:#05060a}.bar.plate-bar>div{background:linear-gradient(180deg,#ff7f84,#c92a42 52%,#7e1229)}.bar.plate-bar>span{font-size:10.5px;line-height:13px;font-weight:800}.bar.poise{height:6px;border-color:#05060a;box-shadow:0 0 0 1px #d3ad6280}.bar.boss{height:20px;border-color:#05060a;box-shadow:0 0 0 1px #8c6c34,0 0 14px #be283c66}body:not(.touch) .character-frame{position:relative;width:352px;flex:0 0 352px;max-width:352px;min-height:96px;padding:0;gap:0;align-items:flex-start;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}body:not(.touch) .character-frame .lvl-badge{position:relative;z-index:2;flex:none;width:92px;height:92px;margin:0;border:0;background:radial-gradient(circle at 50% 35%,#3a3e4b,#14161d 72%);box-shadow:none}body:not(.touch) .character-frame .lvl-badge:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;background:var(--sk-ring) center / 100% 100% no-repeat;pointer-events:none;z-index:2}.lvl-badge b{z-index:3;color:#2a1c08;border:1px solid #2a1c08;border-radius:3px;background:var(--btn-gold);box-shadow:0 1px 3px #000000b3;font-family:var(--title)}body:not(.touch) .character-details{position:relative;flex:1;min-width:0;margin:9px 0 0 -8px;padding:2px 10px 6px 18px;background:linear-gradient(90deg,#090a0ed1,#090a0e9e 80%,#090a0e00);border-top:1px solid rgba(201,162,90,.55);clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}body:not(.touch) .character-name{font-family:var(--title);font-size:14px;color:#f6e3a9;text-shadow:0 1px 2px #000}body:not(.touch) .character-class{margin-left:6px;font-size:11px;color:#c9ccd6}body:not(.touch) .character-levels{float:right;font-size:10px;line-height:19px;color:#a9adba}.character-frame .bar{margin-top:3px}.character-frame .bar.hp{height:17px;clear:both}.character-frame .bar.en{height:12px}.town-character{top:calc(14px + var(--safe-top));left:calc(16px + var(--safe-left))}.hud-buffs .buff,.hud-buffs>*{border-radius:3px}.tframe{top:calc(10px + var(--safe-top));padding:5px 8px 6px;border:8px solid transparent;border-image:var(--sk-thin) 12 / 10px / 0 stretch;border-radius:0;background:linear-gradient(180deg,#14161de0,#090a0ee0);background-clip:padding-box;box-shadow:none;width:min(340px,62vw)}.tf-mid b{font-family:var(--title);font-size:13.5px;color:#ffb4a2;text-shadow:0 1px 2px #000}.tframe.champ .tf-mid b{color:#f6e3a9}.tf-drops{border-radius:4px;background:linear-gradient(180deg,#3a3e4b,#1b1d25);border:1px solid #8c6c34}.has-boss .tframe{top:calc(112px + var(--safe-top));left:auto;right:calc(262px + var(--safe-right));transform:none;width:280px}.has-boss .tframe.isboss{display:none}.boss-bar{top:calc(14px + var(--safe-top));width:min(620px,56vw);padding:2px 8px 6px 64px;min-height:62px;text-align:left;background:linear-gradient(90deg,#090a0ee6,#090a0eb8);border-top:1px solid #8c6c34;border-bottom:1px solid #8c6c34;clip-path:polygon(0 0,100% 0,98% 100%,0 100%);overflow:visible}.boss-bar:before{content:"☠";position:absolute;left:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:52px;height:52px;font-size:28px;color:#ffd0c0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#7a1a2a,#260810 74%);box-shadow:0 0 0 2px #05060a,0 0 0 4px #8c6c34,0 0 12px #be283c99}.boss-name{margin:0 0 3px;font-family:var(--title);font-size:15px;color:#ffdcb6;text-shadow:0 1px 2px #000,0 0 8px rgba(200,50,60,.6)}.boss-bar .bar.poise,.boss-cast{width:100%;margin:3px 0 0}.boss-cast span{font-family:var(--title);font-size:12px;margin-bottom:1px}#boss-layers{font-family:var(--title);font-size:14px;color:#fff3c4}.has-boss #banner{top:calc(112px + var(--safe-top))}#banner{padding:6px 60px 8px;background:linear-gradient(90deg,transparent,rgba(9,10,14,.78) 18%,rgba(9,10,14,.78) 82%,transparent)}#banner:before,#banner:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#d3ad62,transparent)}#banner:before{top:0}#banner:after{bottom:0}#banner-title{color:#fff1c8;letter-spacing:1.5px;text-shadow:0 2px 3px #000,0 0 16px rgba(211,173,98,.55)}#banner-sub{color:#e8e2d2}.open-panel canvas,.town-mini{border-radius:50%;box-shadow:0 0 0 2px #05060a,0 0 0 5px #4a4f5f,0 0 0 6px #d3ad62,0 0 0 7px #05060a,0 4px 10px #0009}.map-zone{margin-top:8px;padding:2px 10px;font-size:12.5px;letter-spacing:.4px;color:#f6e3a9;background:linear-gradient(90deg,transparent,rgba(9,10,14,.85) 15%,rgba(9,10,14,.85) 85%,transparent)}.town-zone{top:calc(178px + var(--safe-top))}#open-goals,.town-quest{padding:6px 10px 7px;border:0;border-left:2px solid #d3ad62;border-radius:0;background:linear-gradient(90deg,#090a0ec7,#090a0e85);box-shadow:none}#open-goals:before,.town-quest:before{font-family:var(--title);font-size:10.5px;letter-spacing:1px;color:#e8c878}.town-quest.ready{border-left-color:#6fdc8c;background:linear-gradient(90deg,#09160ecc,#09100c80)}.town-res span,.hud-stat{border:1px solid #05060a;border-radius:3px;background:linear-gradient(180deg,#2c303ceb,#101117eb);box-shadow:0 0 0 1px #c9a25a73,inset 0 1px #ffffff1a;font-weight:800}.desk-skills{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 16px;border:0;border-radius:0;background:linear-gradient(180deg,#1e212bf0,#0b0c11f5);box-shadow:0 0 0 1px #05060a,0 0 0 2px #969cac73,0 0 0 3px #c9a25a8c,0 4px 12px #0009}.desk-skills:before,.desk-skills:after{content:"";position:absolute;top:-4px;bottom:-4px;width:40px;background:var(--sk-wing) center / 100% 100% no-repeat;pointer-events:none}.desk-skills:before{right:100%;margin-right:-4px}.desk-skills:after{left:100%;margin-left:-4px;transform:scaleX(-1)}.sk-row{display:flex;gap:3px;justify-content:center}.skill,.skill.slot,.skill.tile{width:50px;height:50px;border:1px solid #05060a;border-radius:3px;background:linear-gradient(180deg,#23262f,#0e0f14);box-shadow:0 0 0 1px #969cac59,inset 0 2px 4px #000000bf}.sk-row.top .skill{width:42px;height:42px}.sk-row.top .skill .ico{width:26px;height:26px}.sk-row.top .skill.tile .sk-ico .ico{width:22px;height:22px;margin-top:-9px}.sk-row.top .skill.tile>span{font-size:8px;bottom:2px}.skill.ready{border-color:#05060a;box-shadow:0 0 0 1px var(--el),inset 0 0 8px color-mix(in srgb,var(--el) 40%,transparent);background:linear-gradient(180deg,#2c303c,#12131a)}.skill.ult.ready{box-shadow:0 0 0 1px #e8c878,0 0 10px #e8c87880,inset 0 0 10px #e8c8784d;background:linear-gradient(180deg,#4a4028,#14120c)}.skill.held{background:linear-gradient(180deg,color-mix(in srgb,var(--el) 45%,#23262f),#0e0f14)}.skill.slot.empty{opacity:1;border-style:solid;font-size:14px;color:#4a4f5f;background:linear-gradient(180deg,#14161d,#0b0c11)}.skill kbd,.skill.slot kbd{left:1px;top:1px;padding:0 3px;font-size:9.5px;line-height:12px;color:#f6e3a9;border-radius:2px;background:#05060adb}.potion-slot b{position:absolute;right:2px;bottom:1px;z-index:2;font-size:11px;color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000}.potion-slot.none{filter:grayscale(.9) brightness(.65)}.potion-slot u{font-size:20px;text-decoration:none;line-height:1}.town-quick{gap:2px;padding:4px 6px;border:0;border-radius:0;background:linear-gradient(180deg,#1e212bf0,#0b0c11f5);box-shadow:0 0 0 1px #05060a,0 0 0 2px #969cac73,0 0 0 3px #c9a25a8c,0 4px 12px #0009}body:not(.touch) .town-quick:before,body:not(.touch) .town-quick:after{content:"";position:absolute;top:-4px;bottom:-4px;width:34px;background:var(--sk-wing) center / 100% 100% no-repeat;pointer-events:none}.town-quick:before{right:100%;margin-right:-3px}.town-quick:after{left:100%;margin-left:-3px;transform:scaleX(-1)}.town-quick>button{border-radius:3px}.town-quick>button:hover,.town-quick>button.on{background:radial-gradient(90% 110% at 50% 100%,rgba(211,173,98,.3),transparent 72%)}.town-quick>button.go-play{color:#2a1c08;background:var(--btn-gold);border:1px solid #2a1c08;box-shadow:inset 0 1px #fff9,0 0 0 1px #8c6c34}.town-quick small{color:#e4dfd2}body:not(.touch) .hud-right{gap:3px;padding:4px 6px;border:0;border-radius:0;background:linear-gradient(180deg,#1e212be6,#0b0c11f0);box-shadow:0 0 0 1px #05060a,0 0 0 2px #969cac66,0 0 0 3px #c9a25a73}body:not(.touch) .hud-right .icon-btn{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#3a3e4b,#14161d 74%);box-shadow:0 0 0 1px #05060a,0 0 0 2px #c9a25a73}body:not(.touch) .hud-right .icon-btn:hover{background:radial-gradient(circle at 50% 32%,#6d5a34,#1e1a10 74%);box-shadow:0 0 0 1px #05060a,0 0 0 2px #e8c878}.xp-strip{background:#0b0c11;border-top:1px solid #8c6c34;box-shadow:0 -1px #05060a}.xp-strip .character-xp{position:relative;background:linear-gradient(180deg,#08090d,#15171e)}.xp-strip .character-xp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.28) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(255,255,255,.28) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(255,255,255,.28) 75%,transparent calc(75% + 1px))}.xp-strip .character-xp>span:not(.character-tip){z-index:1;font-weight:800;color:#fff6dc;text-shadow:0 1px 1px #000,0 0 3px #000}.game-log{width:340px;height:132px;padding:4px 8px;border:0;border-radius:0;background:linear-gradient(90deg,rgba(9,10,14,.58),rgba(9,10,14,.22) 90%,transparent)}.game-log:hover{background:linear-gradient(90deg,#090a0edb,#090a0e80)}.game-log p{color:#d9d4c6}.game-log p b{color:#fff}.game-log p.fresh,.game-log p.fresh b{color:#f6e3a9}.login-logo,.town-logo{font-family:var(--title);letter-spacing:2px}.login-side .login-logo{background:linear-gradient(180deg,#fff6d8,#ecd08b 46%,#a97e38 62%,#f1dca0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 16px rgba(211,173,98,.4))}.login-steps b{border-radius:3px;color:#2a1c08;font-family:var(--title)}.login-steps strong{color:#f6e3a9}.login-panel{border-width:14px}input,select,textarea{border-radius:3px}body.touch .panel,body.touch .sheet-panel{border-width:9px;border-image-width:22px;border-image-outset:4px}body.touch .character-frame{border:1px solid var(--glass-line);border-radius:4px;background:var(--glass)}body.touch .boss-bar{padding-left:8px;min-height:0;width:min(520px,86vw);top:calc(106px + var(--safe-top))}body.touch .boss-bar:before{display:none}body.touch .has-boss .tframe,body.touch.has-boss .tframe{right:auto}.touch-btn.potion{width:44px;height:44px;right:calc(8px + var(--safe-right));bottom:calc(232px + var(--safe-bottom));font-size:20px}.touch-btn.potion.mana{bottom:calc(282px + var(--safe-bottom))}.touch-btn.potion b{position:absolute;right:2px;bottom:0;font-size:11px;color:#fff;text-shadow:0 1px 1px #000}.touch-btn.potion.none{filter:grayscale(.9) brightness(.65)}.touch-btn.potion.hidden{display:none}.login-side .login-logo{font-size:clamp(38px,4.9vw,62px);letter-spacing:1px;white-space:nowrap}.town-zone,.open-panel .map-zone{white-space:nowrap}body:not(.touch) .town-zone{right:calc(4px + var(--safe-right));width:172px;font-size:11.5px;overflow:hidden;text-overflow:ellipsis}body:not(.touch) .town-quest{top:calc(208px + var(--safe-top))}.dmg{color:#f4f1e8;font-size:15px;font-weight:800;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000}.dmg-crit{font-family:Lilita One,sans-serif;font-size:32px;color:#ffe27a;text-shadow:0 2px 0 #7a2a00,2px 0 0 #7a2a00,-2px 0 0 #7a2a00,0 -2px 0 #7a2a00,0 0 14px rgba(255,140,0,.9)}.dmg-crit:before{content:"";position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;z-index:-1;opacity:.9;background:radial-gradient(circle,rgba(255,170,40,.75),rgba(255,90,20,.25) 42%,transparent 66%);clip-path:polygon(50% 0,58% 34%,88% 12%,68% 42%,100% 50%,68% 58%,88% 88%,58% 66%,50% 100%,42% 66%,12% 88%,32% 58%,0 50%,32% 42%,12% 12%,42% 34%)}.dmg-strong{color:#ffc14d;font-size:18px}.dmg-hits{font-family:var(--title);font-size:19px;color:#fff;margin-left:58px}.dmg-hits.big{color:#ffd37a;font-size:24px}.dmg-warn{font-family:var(--title);font-size:14px;letter-spacing:.4px}.hud-pal{display:none;align-items:center;gap:6px;margin-top:4px}.hud-pal.on{display:flex}.hud-pal small{flex:none;font-size:10px;font-weight:800;color:#cfe9d8;text-shadow:0 1px 1px #000}.hud-pal .bar{flex:1;height:7px;margin:0}.hud-pal .bar>div{background:linear-gradient(180deg,#a4f2c4,#38a86c 60%,#1f6e48)}body.touch .hud-pal{display:none}.open-xy{display:block;font-size:10px;font-weight:700;color:#b4b7c2;letter-spacing:.3px;text-shadow:0 1px 1px #000;text-align:center}.dmg-final{font-family:var(--title);font-size:24px;color:#ff6a4a;letter-spacing:1px;text-shadow:0 2px 0 #3a0a0a,2px 0 0 #3a0a0a,-2px 0 0 #3a0a0a,0 -2px 0 #3a0a0a,0 0 16px rgba(255,60,30,.8)}.mark-ready .skill.slot.ready:not(.empty){animation:markGlow .55s ease-in-out infinite alternate}.mark-ready .touch-btn.ready{animation:markGlow .55s ease-in-out infinite alternate}@keyframes markGlow{0%{box-shadow:0 0 0 1px #e8c878,0 0 4px #e8c87866}to{box-shadow:0 0 0 2px #fff1c8,0 0 14px #ffd278f2}}.cw-mark{margin:0 0 10px;padding:8px 10px;border-left:2px solid #d0a85c;background:#d0a85c14}.cw-mark b{display:block;font-family:var(--title);font-size:13px;color:#f3dca6}.cw-mark span{display:block;margin-top:2px;font-size:12px;color:#c9ccd6;line-height:1.35}.dir-hint{position:absolute;left:50%;top:50%;width:min(62vh,440px);height:min(62vh,440px);margin:calc(min(62vh,440px)/-2) 0 0 calc(min(62vh,440px)/-2);border-radius:50%;border:12px solid transparent;opacity:0;pointer-events:none}.dir-hint.hurt{border-top-color:#ff3c28e6}.dir-hint.step{border-top-color:#ffc45abf;border-width:7px}.dir-hint.on{animation:dirFade .75s ease-out}@keyframes dirFade{0%{opacity:1}to{opacity:0}}body:not(.touch) #hud:has(#royale-hud:not(.hidden)) #hud-plate{top:calc(62px + var(--safe-top, 0px))}body:not(.touch) #hud:has(#royale-hud:not(.hidden)) .royale-feed{top:calc(132px + var(--safe-top, 0px))}body.touch .hud-right{top:calc(106px + var(--safe-top))}body.touch .hud-center,body.touch .tframe,body.touch.has-boss .tframe{top:calc(146px + var(--safe-top))}@media(orientation:landscape)and (max-height:500px){body.touch .tframe,body.touch.has-boss .tframe{top:calc(146px + var(--safe-top))}.touch-btn.potion{right:auto;bottom:auto;left:calc(334px + var(--safe-left));top:calc(100px + var(--safe-top));width:42px;height:42px}.touch-btn.potion.mana{bottom:auto;left:calc(382px + var(--safe-left))}}@media(orientation:portrait){body.touch .open-panel .map-zone{width:auto;max-width:120px;margin-left:auto;padding:1px 6px;font-size:10px;white-space:normal;text-align:right}body.touch .hud-right{top:calc(138px + var(--safe-top))}body.touch .hud-center,body.touch .tframe,body.touch.has-boss .tframe{top:calc(176px + var(--safe-top))}.touch-btn.potion{right:auto;left:calc(104px + var(--safe-left));bottom:calc(372px + var(--safe-bottom))}.touch-btn.potion.mana{left:calc(152px + var(--safe-left));bottom:calc(372px + var(--safe-bottom))}}.royale-hud small{font-size:11px;font-weight:700;color:#cfd3dc}.royale-hud small:empty{display:none}.royale-hud small.ok{color:#7dff9a}.rd-foe{height:9px;width:9px!important;margin:0 6.5px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 1px #0a0c14}.re-goal{margin-top:6px;font-size:13px;font-weight:700;color:#c9ccd6}.re-goal.ok{color:#7dff9a}.re-tip{margin-top:6px;padding:6px 10px;border-radius:4px;font-size:12.5px;line-height:1.35;color:#f3dca6;background:#0000004d}.re-stats{grid-template-columns:repeat(4,1fr)}.royale-count{position:absolute;top:calc(92px + var(--safe-top, 0px));left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.85)}.royale-count b{font-size:58px;line-height:1;color:#ffd166;font-weight:800}.royale-count span{font-size:13px;font-weight:800;color:#fff;letter-spacing:.04em;text-transform:uppercase}@media(max-width:640px),(max-height:480px){.royale-count{top:calc(56px + var(--safe-top, 0px))}.royale-count b{font-size:38px}.royale-count span{font-size:10px}}body.watching #hud>*{visibility:hidden}body.watching #hud>#watch-bar,body.watching #hud>#royale-hud,body.watching #hud>#royale-feed,body.watching #hud>#royale-count,body.watching #hud>#open-panel{visibility:visible}.watch-bar{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom, 0px));transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#0a1020d6;border:1px solid rgba(255,209,102,.55);color:#fff;font-size:14px;white-space:nowrap;pointer-events:auto}.watch-bar b{color:#ffd166}.watch-bar i{font-style:normal;color:#cfd3dc}.watch-bar button{padding:6px 12px;min-height:36px;pointer-events:auto}body.on-login #town-ui,body.on-login #hud,body.on-login .bot-chat,body.on-stage .bot-chat,body.on-login #lg-hide{display:none!important}#screen-login{background:linear-gradient(100deg,rgba(6,12,28,.62),rgba(6,12,28,.16) 34%,transparent 50%),linear-gradient(0deg,rgba(6,12,28,.5),transparent 16%);-webkit-backdrop-filter:none;backdrop-filter:none;padding:clamp(18px,4.5vh,48px) clamp(18px,5vw,76px) 44px;display:flex;align-items:center;justify-content:space-between;gap:28px}.login-side{flex:0 1 560px;max-width:560px;align-self:flex-start}.login-side .login-logo{font-size:clamp(40px,4.4vw,76px);letter-spacing:1px;line-height:.95;margin:0 0 6px;filter:drop-shadow(0 3px 0 rgba(44,26,6,.85)) drop-shadow(0 8px 22px rgba(0,0,0,.6))}.login-side .login-logo span{font-size:.44em;letter-spacing:.62em;margin-top:6px}.login-tag{font-size:19px;margin:8px 0 14px;color:#fff6e4;text-shadow:0 2px 6px rgba(0,0,0,.8)}.lg-els{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.lg-els span{display:flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;border-radius:999px;background:#080c189e;border:1px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:inset 0 0 10px color-mix(in srgb,var(--c) 22%,transparent)}.lg-els i{font-style:normal;font-size:14px}.lg-els small{font-size:11.5px;font-weight:800;color:#f2ead8;letter-spacing:.02em}.login-steps{gap:8px}.login-steps li{padding:7px 10px;border-radius:8px;background:#080c1880;border:1px solid rgba(201,162,90,.22)}.lg-back{display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:10px;background:#080c18a8;border:1px solid color-mix(in srgb,var(--c) 62%,transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--c) 20%,transparent)}.lg-back i{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:#0000006b;border:1px solid color-mix(in srgb,var(--c) 70%,transparent);color:var(--c)}.lg-back i svg{width:34px;height:34px}.lg-back span{display:flex;flex-direction:column;line-height:1.2;text-align:left}.lg-back b{font-family:var(--title);font-size:21px;color:#fff3cf}.lg-back small{font-size:12.5px;color:#cfd6e6}.login-panel{flex:0 0 min(372px,100%);padding:22px 22px 18px;margin:0}.login-panel .play-btn{font-size:22px;padding:16px 12px;letter-spacing:2px}.lg-acc-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:11px 14px;border-radius:6px;background:var(--navy);border:1px solid var(--row-line);color:#f2ead8;font-weight:800;font-size:14px;cursor:pointer}.lg-acc-btn:after{content:"▾";color:var(--gold);margin-left:8px;transition:transform .16s}.lg-acc-btn[aria-expanded=true]:after{transform:rotate(180deg)}.lg-acc-btn small{margin-left:auto;color:var(--muted);font-weight:700;font-size:11px}.login-acc{display:none;margin-top:10px;padding-top:0;border-top:0;text-align:left}.login-acc.open{display:block}.login-acc .panel-sub{margin:0 0 6px;display:block}.lg-foot{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:14px;padding:8px clamp(18px,5vw,76px) calc(8px + var(--safe-bottom, 0px));font-size:12px;color:#cfd6e6;text-shadow:0 1px 3px #000}.lg-foot a{color:#f1dca0}#screen-login.choosing{justify-content:center;background:#050812a8}#screen-login.choosing .login-side{display:none}#screen-login.choosing .login-panel{flex:0 1 620px;max-width:620px}.login-choice h3{margin:0 0 4px;font-family:var(--title);font-size:22px;color:#ffe9a8;text-align:center}.login-choice>p{text-align:center;margin:4px 0}.lg-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}.lg-pick .ghost-btn{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:none;height:100%;margin:0;padding:14px 12px;font-size:16px}.lg-pick i{font-style:normal;font-size:30px;line-height:1}.lg-pick small{font-weight:700;opacity:.85;line-height:1.35}@media(max-width:860px),(max-height:520px){#screen-login{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:16px 14px 36px;overflow-y:auto;background:linear-gradient(0deg,#060a16c7,#060a161f 62%)}.login-side{flex:none;width:100%;max-width:440px;text-align:center;margin-top:auto;align-self:center}.login-side .login-logo{text-align:center;font-size:clamp(36px,11vw,54px)}.login-tag{font-size:14px;margin:4px 0 8px}.lg-els{justify-content:center;margin-bottom:8px}.lg-els small{display:none}.lg-els span{padding:4px 7px}.login-steps{display:none}.login-panel{flex:none;width:100%;max-width:440px;padding:16px}.lg-pick{grid-template-columns:1fr}}@media(max-height:520px)and (min-width:640px){#screen-login{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 18px 30px}.login-side{width:auto;flex:1 1 50%;text-align:left;margin-top:0}.login-side .login-logo{text-align:left;font-size:36px}.lg-els{justify-content:flex-start}.login-panel{flex:0 1 340px;width:auto;padding:12px 14px}.login-panel .play-btn{padding:11px;font-size:18px}}.select-panel .panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.select-panel .panel-head h2{font-size:20px;white-space:nowrap;margin:0}.select-panel .panel-head small{white-space:nowrap}.si.si-pic{width:62px;height:62px;border-radius:8px;background:radial-gradient(circle at 50% 38%,#ffffff17,#00000057);border:1px solid var(--row-line);overflow:hidden}.si.si-pic img{width:100%;height:100%;object-fit:contain;display:block}.spirit-face{font-size:34px;display:grid;place-items:center}.shop-row.locked .si.si-pic{filter:none;opacity:1}.pill.selected small{color:#f5e2b0;opacity:.9}.hud-handle{font-size:11px;line-height:1.05;overflow-wrap:anywhere;text-align:center}