:root{--gold: #f2c75c;--gold2: #b8913f;--ink: #0d0a14;--panel: rgba(18, 12, 28, .82);--line: rgba(242, 199, 92, .35);--font: "IBM Plex Sans Arabic", system-ui, sans-serif;--display: "Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:#f5ecd6;font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none}#gl{position:fixed;inset:0;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font-family:inherit;color:inherit;border:0;cursor:pointer}.menu{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));pointer-events:none!important}.menu>*{pointer-events:auto}.logo{text-align:center}.logo small{display:inline-block;padding:.2em 1em;border:1px solid var(--line);border-radius:99px;color:var(--gold);font-size:.8rem;letter-spacing:.05em;background:#0000004d}.logo h1{margin:.2em 0 .1em;font-family:var(--display);font-weight:800;font-size:clamp(2rem,7vw,3.6rem);background:linear-gradient(180deg,#fff3c4,#f2c75c 55%,#a8791c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(242,199,92,.35))}.logo p{margin:0;color:#d9cba8;font-size:.95rem;text-shadow:0 2px 8px #000}.pick{width:min(640px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px}.cls-info{padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(8px)}.ci-head b{font-family:var(--display);font-size:1.3rem;color:var(--c);filter:brightness(1.4)}.ci-head small{display:block;color:#cbbd9b}.ci-skills{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.ci-skills div{padding:8px 10px;border-radius:12px;background:#ffffff0d;display:flex;flex-direction:column;gap:2px}.ci-skills em{font-style:normal;font-size:.72rem;color:var(--gold)}.ci-skills b{font-size:.98rem}.ci-skills small{font-size:.78rem;color:#cbbd9b;line-height:1.5}.ci-stats{display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem}.ci-stats span{padding:.2em .7em;border-radius:99px;background:#ffffff0f}.cls-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cls{padding:10px 4px;border-radius:16px;background:var(--panel);border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:4px;transition:.15s}.cls span{font-size:1.6rem}.cls b{font-size:.78rem;line-height:1.3;text-align:center}.cls.on{border-color:var(--c);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 35%,transparent),var(--panel));transform:translateY(-3px)}.go{padding:16px;border-radius:18px;font-family:var(--display);font-weight:800;font-size:1.25rem;color:#2a1a08;background:linear-gradient(180deg,#ffe48a,#f2c75c 50%,#c99223);box-shadow:0 6px #7a5410,0 12px 30px #f2c75c4d}.go:active{transform:translateY(4px);box-shadow:0 2px #7a5410}.ghost{padding:14px;border-radius:16px;background:#ffffff14;font-weight:700}.loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:#0d0a14b3}.sp{width:44px;height:44px;border-radius:50%;border:4px solid rgba(242,199,92,.25);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.battle-hud{position:absolute;inset:0;pointer-events:none!important}.battle-hud>*{pointer-events:none}.hud-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:8px;width:calc(var(--stage-w, 100vw) - 16px);display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;direction:ltr}.plate{padding:8px 10px;border-radius:14px;background:var(--panel);border:1px solid rgba(255,255,255,.08);transition:border-color .2s,box-shadow .2s;direction:rtl}.plate.active{border-color:var(--gold);box-shadow:0 0 0 2px #f2c75c40,0 0 24px #f2c75c40}.pl-top{display:flex;align-items:center;gap:6px}.pl-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 45%,#000);font-size:.95rem}.pl-top b{font-size:.9rem}.pl-top small{color:#bfb08e;font-size:.72rem;margin-inline-start:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp{position:relative;height:15px;margin-top:6px;border-radius:8px;background:#0009;overflow:hidden;direction:ltr}.hp i,.hp em{position:absolute;inset:0 auto 0 0;border-radius:8px;transition:width .35s}.hp em{background:#fff3c4;opacity:.55;transition:width .6s ease .1s}.hp i{background:linear-gradient(180deg,#ff6b5e,#c0261c);z-index:1}.p0 .hp i{background:linear-gradient(180deg,#7dff8f,#1f9e45)}.hp span{position:relative;z-index:2;display:block;text-align:center;font-size:.66rem;line-height:15px;font-weight:700;text-shadow:0 1px 2px #000}.st{display:flex;gap:4px;margin-top:4px;min-height:16px;font-size:.78rem}.st i{font-style:normal;padding:0 .4em;border-radius:99px;background:#ffffff14}.clock{position:relative;width:52px;height:52px;display:grid;place-items:center}.clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock circle{fill:#0000008c;stroke:#ffffff1f;stroke-width:3}.clock .arc{fill:none;stroke:var(--gold);stroke-dasharray:107;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.clock b{position:relative;font-family:var(--display);font-size:1.15rem}.clock.low .arc{stroke:#ff5a4d}.clock.low b{color:#ff7a6e;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.2)}}.turn-banner{position:absolute;top:calc(var(--stage-h, 40vh) * .62);left:calc(var(--stage-w, 100vw) / 2);transform:translate(-50%,-50%) scale(.8);opacity:0;padding:.35em 1.2em;border-radius:99px;font-family:var(--display);font-weight:800;font-size:1.25rem;background:#0009;border:1px solid var(--line);transition:.25s;white-space:nowrap}.turn-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.turn-banner.mine{color:#b6ff8a}.turn-banner.theirs{color:#ffb4a8}.turn-banner.combo{color:var(--gold)}.callout{position:absolute;top:calc(var(--stage-h, 40vh) * .38);left:calc(var(--stage-w, 100vw) / 2);transform:translate(-50%,-50%) scale(.6);opacity:0;text-align:center;transition:.3s cubic-bezier(.3,1.6,.5,1)}.callout.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.callout small{display:block;color:#e8d9b0;font-size:.8rem;text-shadow:0 2px 6px #000}.callout b{font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,6vw,2.8rem);color:#fff;text-shadow:0 0 18px var(--c),0 0 40px var(--c),0 3px 0 #000;white-space:nowrap}.nums .num{position:absolute;transform:translate(-50%);font-family:var(--display);font-weight:800;font-size:1.5rem;text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.8);animation:up 1.2s ease-out forwards;white-space:nowrap}.num.dmg{color:#fff}.num.crit{color:#ffd24a;font-size:2.1rem}.num.blocked{color:#c9c9c9}.num.heal{color:#7dff8f}.num.poison{color:#8cff6a}.num.dodge{color:#9fd8ff;font-size:1.2rem}@keyframes up{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}.quit{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:40px;height:40px;border-radius:12px;background:var(--panel);pointer-events:auto!important;font-size:1.1rem}.result{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#05030a8c;animation:fade .4s}@keyframes fade{0%{opacity:0}}.r-card{width:min(420px,100%);padding:24px;border-radius:24px;background:var(--panel);border:1px solid var(--line);text-align:center;backdrop-filter:blur(10px);animation:pop .5s cubic-bezier(.3,1.5,.5,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}}.r-card small{color:var(--gold);letter-spacing:.1em}.r-card h2{margin:.2em 0;font-family:var(--display);font-size:1.8rem}.result.win h2{color:#ffe48a}.result.lose h2{color:#ffb4a8}.r-card p{color:#d9cba8}.r-btns{display:flex;flex-direction:column;gap:8px;margin-top:14px}@media (max-width: 520px){.cls b{font-size:.68rem}.ci-skills small{font-size:.72rem}.plate{padding:6px 8px}.pl-top small{display:none}.clock{width:44px;height:44px}}.home{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));pointer-events:none!important}.home>*{pointer-events:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;width:min(900px,100%);margin:0 auto}.who{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);text-align:start}.who .pl-ico{width:36px;height:36px;border-radius:11px;font-size:1.2rem}.who b{display:block;font-size:.95rem}.who small{font-size:.75rem;font-weight:700}.res{display:flex;gap:6px}.res span{padding:8px 12px;border-radius:14px;background:var(--panel);border:1px solid rgba(255,255,255,.08);font-size:.9rem;white-space:nowrap}.res small{color:#b9a98a;font-size:.72rem}.home-mid{align-self:center;text-align:center;margin-top:auto;margin-bottom:10px;pointer-events:none!important}.pow{font-size:.85rem;color:#d8c9a8}.pow b{font-family:var(--display);font-size:1.5rem;color:var(--gold);text-shadow:0 2px 12px rgba(242,199,92,.5)}.gear-mini{display:flex;gap:6px;justify-content:center;margin-top:4px}.gear-mini span{padding:3px 10px;border-radius:99px;background:#00000080;font-size:.8rem;font-weight:700}.actions{width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;gap:8px}.actions .go small{display:block;font-family:var(--font);font-size:.75rem;font-weight:600;opacity:.75}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{padding:10px 4px;border-radius:16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:2px;transition:.15s}.tile:hover{border-color:var(--line);transform:translateY(-2px)}.tile span{font-size:1.5rem}.tile b{font-size:.9rem}.tile small{font-size:.7rem;color:#b9a98a}@media (min-aspect-ratio: 1/1){.home{justify-content:flex-start;gap:12px}.home-mid{align-self:flex-end;margin:0;margin-inline-end:8vw}.actions{margin-top:auto;margin-inline-start:auto;margin-inline-end:4vw;width:min(460px,50%)}}.sheet-wrap{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background:#05030a8c;animation:fade .2s;z-index:5}.sheet-wrap.out{opacity:0;transition:.2s}.sheet{width:min(620px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:24px 24px 0 0;background:#160f22;border:1px solid var(--line);border-bottom:0;animation:sheetUp .3s cubic-bezier(.2,1.2,.4,1)}@keyframes sheetUp{0%{transform:translateY(40%);opacity:0}}.sh-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.sh-head b{font-family:var(--display);font-size:1.15rem;color:var(--gold)}.sh-x{width:34px;height:34px;border-radius:10px;background:#ffffff12}.sh-body{overflow:auto;padding:12px 16px max(18px,env(safe-area-inset-bottom));user-select:text;-webkit-user-select:text;touch-action:pan-y}.sh-body h4{margin:16px 0 8px;font-family:var(--display);color:#e9d9b4}.row{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:6px;border-radius:14px;background:#ffffff0a}.row.new{border:1px solid var(--line);background:#f2c75c12}.row.me{border:1px solid var(--gold)}.g-ico{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:#00000059;font-size:1.25rem}.g-txt{flex:1;min-width:0}.g-txt b{display:block}.g-txt small{color:#b9a98a;font-size:.78rem}.plus,.lvl{font-style:normal;color:var(--gold);font-family:var(--display);margin-inline-start:4px}.lvl{font-size:.75rem;padding:0 6px;border-radius:6px;background:#f2c75c26}.d{font-style:normal;font-weight:700}.d.easy{color:#7dff8f}.d.mid{color:#ffd166}.d.hard{color:#ff6b6b}.btn{flex:none;padding:9px 16px;border-radius:12px;font-weight:800;color:#2a1a08;background:linear-gradient(180deg,#ffe48a,#e0b14a);box-shadow:0 3px #7a5410}.btn:disabled{filter:grayscale(1) brightness(.6);cursor:default}.btn.ghosty{color:inherit;background:#ffffff1a;box-shadow:none}.go.small{padding:12px;font-size:1rem;width:100%;margin-top:8px}.stat-row{display:flex;flex-wrap:wrap;gap:6px}.stat-row span{padding:4px 10px;border-radius:99px;background:#ffffff0f;font-size:.82rem}.sub{margin-top:8px;font-size:.85rem;color:#b9a98a}.sub b{color:var(--gold)}.note{font-size:.8rem;color:#b9a98a;line-height:1.7}.note a{color:var(--gold)}.empty{text-align:center;padding:24px 0;color:#9a8c70}.odds{width:100%;border-collapse:collapse;font-size:.85rem;text-align:center}.odds th,.odds td{padding:6px;border-bottom:1px solid rgba(255,255,255,.06)}.odds th{color:var(--gold)}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs button{flex:1;padding:9px;border-radius:12px;background:#ffffff0f;font-weight:700}.tabs .on{background:#f2c75c33;color:var(--gold)}.sh-body select,.sh-body input{width:100%;margin:4px 0 10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0d0a14;color:inherit;font:inherit}.sh-body label{display:block;font-size:.85rem;color:#d8c9a8}.calc{font-size:.85rem;color:var(--gold)}.pos{width:32px;text-align:center;font-family:var(--display);font-weight:800;color:var(--gold)}.sp.small{width:28px;height:28px;border-width:3px;margin:20px auto}.loot{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.loot span{padding:6px 14px;border-radius:99px;background:#f2c75c1f;border:1px solid var(--line);font-weight:700}.wait-t{font-family:var(--display);font-size:2rem;color:var(--gold);margin:6px 0}.toast{position:absolute;top:max(70px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9;padding:10px 18px;border-radius:14px;background:#1e1530;border:1px solid var(--line);font-weight:700;animation:pop .3s;max-width:calc(100% - 32px);text-align:center;pointer-events:none!important}.toast.good{border-color:#4ade80}.toast.bad{border-color:#f87171}.toast.out{opacity:0;transition:.4s}body.offline:after{content:"بنحاول نتصل…";position:fixed;bottom:8px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:99px;background:#7f1d1d;font-size:.75rem}.coin{display:inline-block;width:.95em;height:.95em;vertical-align:-.12em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#f2c75c 45%,#a8741a);box-shadow:inset 0 0 0 .08em #8a5c10}.topbar{width:100%}@media (min-aspect-ratio: 1/1){.home-mid{margin-top:4px}}.ico{width:100%;height:100%;display:block;overflow:visible}.tile{position:relative}.tile .dot{position:absolute;top:8px;inset-inline-end:10px;width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.4);opacity:.6}}.inv{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:max(10px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom));gap:10px;background:radial-gradient(ellipse at center,transparent 30%,rgba(5,3,10,.55) 100%);animation:fade .25s;pointer-events:none!important}.inv>*{pointer-events:auto}.inv-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.inv-head b{font-family:var(--display);font-size:1.15rem;color:var(--gold);flex:1}.inv-res{font-weight:700}.inv-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1.2fr);gap:12px;pointer-events:none!important}.inv-body>*{pointer-events:auto}.doll{position:relative;min-height:380px;pointer-events:none!important}.doll>*{pointer-events:auto}.doll-frame{position:absolute;inset:8px 96px 96px;border-radius:26px;pointer-events:none!important;border:2px solid rgba(242,199,92,.45);box-shadow:inset 0 0 0 6px #0d0a1459,inset 0 0 0 7px #f2c75c40,inset 0 -60px 80px -30px #f2c75c2e,0 0 40px #0006;background:radial-gradient(ellipse at 50% 85%,rgba(242,199,92,.16),transparent 60%)}.doll-frame:before,.doll-frame:after{content:"";position:absolute;left:50%;width:46px;height:12px;transform:translate(-50%);border-radius:6px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.7}.doll-frame:before{top:-7px}.doll-frame:after{bottom:-7px}.slot{position:absolute;width:76px;height:76px;padding:9px;border-radius:18px;border:2px solid var(--q);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--q) 28%,#1d1428),#0f0a17 75%);box-shadow:0 0 18px color-mix(in srgb,var(--q) 35%,transparent),inset 0 0 12px #0009;transition:transform .15s,box-shadow .2s}.slot:hover{transform:scale(1.06)}.slot em{position:absolute;top:-8px;inset-inline-end:-8px;padding:1px 7px;border-radius:99px;background:#0d0a14;border:1px solid var(--q);font-style:normal;font-family:var(--display);font-weight:800;font-size:.8rem;color:var(--gold)}.slot small{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.72rem;font-weight:700;color:#d8c9a8;text-shadow:0 1px 4px #000}.s-weapon{right:8px;top:calc(50% - 90px)}.s-armor{left:8px;top:calc(50% - 130px)}.s-ring{left:8px;top:calc(50% - 10px)}.slot.want{animation:want 1s infinite}.slot.hot{transform:scale(1.15);box-shadow:0 0 34px var(--gold)}@keyframes want{50%{box-shadow:0 0 30px var(--gold),inset 0 0 12px #0009}}.doll-stats{position:absolute;left:0;right:0;bottom:0;text-align:center;pointer-events:none!important}.doll-stats .stat-row{justify-content:center;margin-top:4px}.doll-stats .stat-row span{background:#0d0a14bf}.bag{display:flex;flex-direction:column;min-height:0;padding:12px;border-radius:18px;background:var(--panel);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.bag-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.bag-head b{font-family:var(--display);font-size:1.05rem}.bag-head small{flex:1;color:#b9a98a}.link{padding:5px 10px;border-radius:10px;background:#ffffff12;font-size:.8rem;font-weight:700}.bag-grid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:7px;align-content:start;padding:2px;touch-action:pan-y}.cell{position:relative;aspect-ratio:1;padding:7px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--q, #555) 75%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--q, #555) 20%,#1a1226),#0d0914 80%);transition:transform .12s;touch-action:none}.cell:hover{transform:translateY(-2px)}.cell.empty{border:1.5px dashed rgba(255,255,255,.08);background:#00000040}.cell em{position:absolute;top:2px;inset-inline-end:4px;font-style:normal;font-family:var(--display);font-weight:800;font-size:.72rem;color:var(--gold);text-shadow:0 1px 3px #000}.cell b{position:absolute;bottom:2px;inset-inline-start:4px;font-size:.72rem;text-shadow:0 1px 3px #000}.cell.q3,.slot.q3{animation:legend 2.4s infinite}@keyframes legend{50%{box-shadow:0 0 22px #ffb020}}.ghost-drag{position:fixed!important;width:64px;height:64px;z-index:40;pointer-events:none!important;transform:translate(-50%,-50%) scale(1.15);opacity:.92;box-shadow:0 10px 30px #0009}.fx-ok{animation:fxok .7s}.fx-no{animation:fxno .45s}@keyframes fxok{30%{transform:scale(1.25);box-shadow:0 0 50px #ffe48a}}@keyframes fxno{20%,60%{transform:translate(-6px);border-color:#ef4444}40%,80%{transform:translate(6px)}}.tip{position:fixed;z-index:30;display:none;padding:12px 14px;border-radius:14px;background:#100b1af7;border:1px solid var(--line);box-shadow:0 12px 40px #0009;pointer-events:none!important;font-size:.85rem;line-height:1.6}.tip.show{display:block;animation:pop .15s}.tip.pinned{pointer-events:auto!important}.tip b{display:block;font-family:var(--display);font-size:1rem}.tip small{color:#b9a98a}.tip i{font-style:normal;font-weight:700}.tip p{margin:6px 0 0}.tip .up,.tip .ok{color:#4ade80}.tip .down{color:#f87171}.tip .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.tip .acts .cost{width:100%;font-size:.8rem;color:#d8c9a8}.tip .acts .cost b{display:inline;font-size:.9rem;color:var(--gold)}.tip-rar{margin-top:6px;padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--r) 18%,transparent);border:1px solid var(--r)}.tip-rar b{display:inline;color:var(--r)}.tip .odds-line{font-size:.78rem;color:#d8c9a8}.tip .odds-line b{display:inline;font-size:.85rem;color:var(--gold)}@media (max-aspect-ratio: 1/1){.inv-body{grid-template-columns:1fr;grid-template-rows:minmax(300px,46%) 1fr}.doll{min-height:0}.doll-frame{inset:4px 84px 64px}.slot{width:64px;height:64px;padding:7px}.s-weapon{right:6px;top:calc(50% - 76px)}.s-armor{left:6px;top:calc(50% - 110px)}.s-ring{left:6px;top:calc(50% - 16px)}.doll-stats .stat-row span{font-size:.72rem;padding:2px 7px}.doll-stats .pow b{font-size:1.2rem}}.chest-open{position:absolute;inset:0;z-index:35;display:grid;place-items:center;padding:16px;background:#05030abf;animation:fade .2s}.co-card{width:min(440px,100%);padding:22px;border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 20%,#2a1d3e,#120c1c 70%);border:1px solid var(--line)}.co-card>b{display:block;margin:8px 0 12px;font-family:var(--display);font-size:1.2rem;color:var(--gold)}.co-chest{width:120px;height:120px;margin:0 auto}.co-chest.shake{animation:cshake .25s infinite}.co-chest.burst{animation:cburst .6s forwards;filter:drop-shadow(0 0 30px #ffe48a)}@keyframes cshake{25%{transform:rotate(-6deg) scale(1.03)}75%{transform:rotate(6deg) scale(1.03)}}@keyframes cburst{40%{transform:scale(1.35)}to{transform:scale(.85);opacity:.5}}.co-prizes{display:flex;flex-direction:column;gap:8px;min-height:60px}.prize{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;text-align:start;background:#ffffff0d;border:1px solid color-mix(in srgb,var(--q, #888) 60%,transparent);animation:pop .35s cubic-bezier(.3,1.6,.5,1)}.prize.new{box-shadow:0 0 22px color-mix(in srgb,var(--q) 60%,transparent)}.prize .pi{width:42px;height:42px;flex:none;display:grid;place-items:center;font-size:1.6rem}.prize b{display:block}.prize small{color:#b9a98a;font-size:.78rem}.book-wrap{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:34px 12px 12px;background:radial-gradient(ellipse at center,#28180ab3,#05030aeb);animation:fade .25s}.book{position:relative;width:min(1120px,100%);height:min(680px,calc(100vh - 60px));display:grid;grid-template-columns:1fr 1fr;padding:16px;border-radius:16px;perspective:1600px;background:linear-gradient(135deg,#5a2a16,#2f150a 60%,#4a2010);box-shadow:0 30px 80px #000000b3,inset 0 0 0 3px #7a4a24,inset 0 0 0 6px #2a1208,inset 0 0 0 7px #f2c75c80}.book:after{content:"";position:absolute;top:16px;bottom:16px;left:50%;width:46px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(60,30,10,.45) 40%,rgba(30,12,4,.6) 50%,rgba(60,30,10,.45) 60%,transparent)}.leaf{position:relative;overflow:auto;padding:26px 30px;color:#3b2414;touch-action:pan-y;user-select:none;background:radial-gradient(ellipse at 50% 40%,#f6e8c4,#e6cf98 70%,#cfae6c),repeating-linear-gradient(0deg,transparent 0 3px,rgba(120,80,30,.03) 3px 4px);background-blend-mode:multiply}.leaf.right{border-radius:6px 12px 12px 6px;box-shadow:inset 18px 0 30px -18px #50280a99}.leaf.left{border-radius:12px 6px 6px 12px;box-shadow:inset -18px 0 30px -18px #50280a99}.flip-next .leaf.left,.flip-prev .leaf.left{transform-origin:right center;animation:flipL .5s ease-out}.flip-next .leaf.right,.flip-prev .leaf.right{animation:fadeIn .5s}@keyframes flipL{0%{transform:rotateY(-75deg);filter:brightness(.6)}}@keyframes fadeIn{0%{opacity:.2}}.bk-title{display:flex;align-items:center;gap:12px}.bk-title .ico{width:56px;height:56px;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.bk-title h2{margin:0;font-family:var(--display);font-size:2rem;color:#4a230c}.lore{font-style:italic;color:#6b4422;line-height:1.8;border-inline-start:3px solid #b8913f;padding-inline-start:10px}.bk-prog{display:flex;align-items:center;gap:10px;margin:14px 0}.bk-prog .bar{flex:1;height:12px;border-radius:6px;background:#50280a33;overflow:hidden}.bk-prog .bar i{display:block;height:100%;background:linear-gradient(90deg,#b8913f,#f2c75c)}.bk-prog b{font-family:var(--display);font-size:1.1rem}.bk-facts{padding-inline-start:18px;line-height:2}.bk-facts .ok{color:#15803d}.rar-key{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rar-key span{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:#50280a1a;font-size:.78rem;font-weight:700}.rar-key i{width:10px;height:10px;border-radius:3px;background:var(--r);box-shadow:0 0 0 1px #0000004d}.bk-total{margin-top:16px;font-size:.9rem;color:#6b4422}.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pcard{position:relative;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:12px;text-align:start;color:#3b2414;background:linear-gradient(160deg,#fffaebcc,#dcbe82b3);border:2px solid var(--r);transition:transform .15s,box-shadow .2s}.pcard:hover{transform:translateY(-3px) rotate(-.5deg)}.pc-art{grid-row:1 / 3;width:54px;height:54px}.pcard b{font-family:var(--display);font-size:.92rem;line-height:1.3}.pcard small{font-size:.74rem;font-weight:700;color:color-mix(in srgb,var(--r) 70%,#3b2414)}.pcard em{position:absolute;top:4px;inset-inline-end:6px;font-style:normal;font-size:.72rem;font-weight:800;color:#6b4422}.pcard.own{box-shadow:0 0 16px color-mix(in srgb,var(--r) 55%,transparent),inset 0 0 0 1px #ffffff80}.pcard.own.r3{animation:legendPage 2.2s infinite}@keyframes legendPage{50%{box-shadow:0 0 30px #ffb020,inset 0 0 0 1px #fff}}.pcard.miss{filter:grayscale(1);opacity:.55;border-color:#8a8178;background:linear-gradient(160deg,#c8beaf99,#968c7d80)}.pcard.miss:hover{opacity:.8}.pc-new{position:absolute;bottom:4px;inset-inline-end:6px;font-style:normal;font-size:.7rem;font-weight:800;color:#fff;background:#15803d;padding:1px 6px;border-radius:6px;filter:none}.pcard.miss:has(.pc-new){filter:grayscale(.6);opacity:.85}.ribbons{position:absolute;top:-26px;right:60px;display:flex;gap:8px;z-index:2}.ribbon{width:44px;height:50px;padding:8px 8px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 80%,#fff),var(--c));clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);transition:height .2s;filter:brightness(.75)}.ribbon .ico{color:#fff!important}.ribbon.on{height:64px;filter:none}.book-x{position:absolute;top:-18px;left:-6px;z-index:3;background:#2a1208;border:1px solid #b8913f}.turn{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:#2a1208;border:1px solid #b8913f;color:var(--gold);font-size:1.6rem;line-height:1;z-index:3}.turn.prev{right:-14px}.turn.next{left:-14px}@media (max-width: 760px){.book{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100vh - 50px);padding:10px}.book:after{display:none}.leaf{padding:14px}.leaf.right{border-radius:10px 10px 0 0;box-shadow:inset 0 -12px 20px -14px #50280a99}.leaf.left{border-radius:0 0 10px 10px}.bk-title h2{font-size:1.4rem}.bk-title .ico{width:40px;height:40px}.lore,.rar-key,.bk-facts li:first-child{display:none}.bk-prog{margin:8px 0}.bk-facts{margin:0;line-height:1.7;font-size:.85rem}.bk-total{margin-top:4px}.pgrid{gap:7px}.pcard{grid-template-columns:40px 1fr;padding:6px 8px}.pc-art{width:40px;height:40px}.pcard b{font-size:.8rem}.ribbons{right:20px}.turn{top:auto;bottom:10px}.turn.prev{right:6px}.turn.next{left:6px}}.leaf.left{display:flex}.pgrid{flex:1;grid-auto-rows:1fr}.pcard{grid-template-columns:72px 1fr;padding:10px 12px}.pc-art{width:72px;height:72px}.pcard b{font-size:1.02rem}@media (max-width: 760px){.leaf.left{display:block}.pgrid{grid-auto-rows:auto}.pcard{grid-template-columns:44px 1fr;padding:6px 8px}.pc-art{width:44px;height:44px}.pcard b{font-size:.8rem}}.tip p b,.tip .tip-rar b{display:inline;font-size:inherit}.inv{background:linear-gradient(180deg,rgba(5,3,10,.35),transparent 18%)}.orb{position:absolute;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle,#fff 0 22%,var(--c) 45%,transparent 72%);box-shadow:0 0 18px var(--c),0 0 34px var(--c)}.callout small i{font-style:normal;font-weight:800}.callout em{display:block;font-style:normal;font-family:var(--display);font-weight:800;font-size:1.3rem;color:#9fd8ff;text-shadow:0 2px 0 #000}.callout.miss b{opacity:.55;text-decoration:line-through 3px rgba(255,255,255,.5)}.callout.strong b{font-size:clamp(2rem,6.5vw,3rem)}.callout.epic:not(.miss){z-index:6}.callout.epic:not(.miss) b{font-size:clamp(2.6rem,9vw,4.4rem);color:#fff6d0;text-shadow:0 0 20px #ffb020,0 0 50px #ff7a00,0 4px 0 #5a2a00;animation:epicName 1.5s ease-out}.callout.epic:not(.miss) small{font-size:1rem;letter-spacing:.05em}@keyframes epicName{0%{transform:scale(2.4);filter:blur(6px);opacity:0}18%{transform:scale(.95);filter:none;opacity:1}26%{transform:scale(1.05)}to{transform:scale(1.1)}}.battle-hud:before,.battle-hud:after{content:"";position:absolute;left:0;width:var(--stage-w, 100vw);height:0;background:#000;z-index:5;transition:height .35s ease;pointer-events:none}.battle-hud:before{top:0}.battle-hud:after{top:var(--stage-h, 100vh);transform:translateY(-100%)}.battle-hud.cine:before,.battle-hud.cine:after{height:calc(var(--stage-h, 100vh) * .13)}.battle-hud.cine .hud-top{opacity:0;transition:opacity .2s}.hud-top{transition:opacity .4s}.num.miss{color:#9fd8ff;font-size:1.6rem}.num.epic{color:#ffe066;font-size:3rem;text-shadow:0 0 16px #ff8a00,0 3px 0 #000}.gdot{display:inline-block;width:12px;height:12px;border-radius:3px;transform:rotate(45deg);background:var(--c);box-shadow:0 0 8px var(--c);vertical-align:middle;margin-inline-end:4px}.strikes td b{color:#fff}.strikes .t-epic{background:#ffb02014}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ci-stats .link{margin-inline-start:auto;color:var(--gold)}.gold-btn{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);font-size:.9rem}.gold-btn em{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;font-style:normal;font-weight:900;color:#2a1a08;background:linear-gradient(180deg,#ffe48a,#e0b14a)}.gold-big{text-align:center;font-family:var(--display);font-size:2.2rem;font-weight:800;color:var(--gold);margin:6px 0 2px;text-shadow:0 0 20px rgba(242,199,92,.4)}.note.center{text-align:center}.src{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#f2c75c24,#f2c75c08);border:1px solid var(--line)}.src-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-size:1.6rem;background:#00000059}.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 6px 10px;border-radius:16px;background:radial-gradient(circle at 50% 20%,#f2c75c2e,#120c1ce6 70%);border:1px solid var(--line);transition:transform .15s}.pack:hover{transform:translateY(-3px);box-shadow:0 8px 24px #f2c75c33}.pack em{position:absolute;top:-9px;padding:1px 8px;border-radius:99px;font-style:normal;font-size:.7rem;font-weight:800;color:#fff;background:#16a34a;white-space:nowrap}.pk-coins{display:flex;justify-content:center;font-size:1.2rem;min-height:1.3em}.pk-coins .coin+.coin{margin-inline-start:-.45em}.pack b{font-family:var(--display);font-size:1.15rem;color:var(--gold)}.pack small{font-size:.74rem;color:#d8c9a8}.row.pay{width:100%;text-align:start;border:1px solid rgba(255,255,255,.08)}.row.pay span{font-size:1.4rem;color:var(--gold)}.ghost.wide{width:100%;margin-top:8px}.steps{padding-inline-start:20px;line-height:1.9}.steps li{margin-bottom:10px}.steps input{margin-top:6px}.copy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:8px 12px;border-radius:12px;background:#00000059;border:1px dashed var(--line)}.copy b{font-family:var(--display);font-size:1.3rem;letter-spacing:.05em;color:var(--gold)}.st-paid{color:#4ade80;font-style:normal}.st-review,.st-pending{color:#fbbf24;font-style:normal}.st-rejected{color:#f87171;font-style:normal}.st-cancelled{color:#9ca3af;font-style:normal}.ad-dev{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#000}.ad-box{width:min(360px,90%);text-align:center;display:flex;flex-direction:column;gap:14px}.ad-box small{color:#9ca3af}.ad-n{font-family:var(--display);font-size:4rem;color:#fff}.ad-bar{height:6px;border-radius:3px;background:#222;overflow:hidden}.ad-bar i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s linear}@media (max-width: 520px){.packs{grid-template-columns:repeat(2,1fr)}.pack{padding-top:18px}}.ntag{position:relative;display:inline-flex;align-items:center;gap:.3em;padding-bottom:3px;max-width:100%}.ntag b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ntag .crest{width:1.35em;height:1.35em;flex:none;filter:drop-shadow(0 0 3px var(--ng))}.ntag em{font-style:normal;font-size:.72em;font-weight:700;color:var(--nc);margin-inline-start:.3em}.nfx{position:absolute;left:1.4em;right:0;bottom:-2px;height:2px;border-radius:2px;pointer-events:none;overflow:visible}.nfx s{display:none;position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:var(--ng);box-shadow:0 0 4px var(--ng);opacity:0;animation:ember 2s ease-out infinite}.nfx s:nth-child(1){left:15%}.nfx s:nth-child(2){left:50%;animation-delay:.7s}.nfx s:nth-child(3){left:82%;animation-delay:1.3s}@keyframes ember{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-14px) scale(.4)}}@keyframes glint{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes flow{to{background-position:200% 0}}@keyframes nshine{to{background-position:200% 0}}@keyframes flame{0%,to{transform:scaleY(1) translateY(0);opacity:.85}50%{transform:scaleY(1.35) translateY(-1px);opacity:1}}@keyframes crestPulse{50%{filter:drop-shadow(0 0 9px var(--ng)) drop-shadow(0 0 3px #fff);transform:scale(1.08)}}.nt1 .nfx{background:linear-gradient(90deg,transparent,var(--nc),transparent),linear-gradient(100deg,transparent 40%,#fff 50%,transparent 60%);background-size:100% 100%,250% 100%;background-blend-mode:screen;animation:glint 3.2s linear infinite;opacity:.8}.nt2 b{color:var(--ng)}.nt2 .nfx{height:2px;background:linear-gradient(100deg,transparent 0 35%,#fff 50%,transparent 65%),linear-gradient(90deg,transparent,var(--nc) 20%,var(--ng) 50%,var(--nc) 80%,transparent);background-size:250% 100%,100% 100%;animation:glint 2.6s linear infinite;box-shadow:0 0 5px var(--nc)}.nt2 .nfx s{display:block}.nt3 b{color:var(--ng);text-shadow:0 0 8px var(--nc)}.nt3 .nfx{height:3px;background:linear-gradient(90deg,transparent,var(--nc),#fff,var(--ng),var(--nc),transparent);background-size:200% 100%;animation:flow 2s linear infinite;box-shadow:0 0 8px var(--nc),0 0 2px #fff}.nt3 .nfx s{display:block}.nt4 b,.nt5 b{background:linear-gradient(90deg,var(--ng),#fff,var(--nc),var(--ng));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nshine 3s linear infinite;filter:drop-shadow(0 0 6px var(--nc))}.nt4 .nfx{height:4px;bottom:-3px;background:linear-gradient(90deg,transparent,var(--nc),var(--ng),#fff,var(--ng),var(--nc),transparent);background-size:200% 100%;animation:flow 1.6s linear infinite;box-shadow:0 0 12px var(--nc),0 0 4px var(--ng)}.nt4 .nfx s{display:block;width:4px;height:4px}.nt5 .crest{animation:crestPulse 1.8s ease-in-out infinite}.nt5 .nfx{height:9px;bottom:-6px;transform-origin:bottom;background:radial-gradient(ellipse at 50% 100%,#fff 0%,var(--ng) 25%,var(--nc) 55%,transparent 75%);filter:blur(1.5px);animation:flame .9s ease-in-out infinite;box-shadow:0 0 18px var(--nc)}.nt5 .nfx s{display:block;width:4px;height:4px;animation-duration:1.4s}.who .ntag{font-size:.95rem}.noble-tile span{filter:drop-shadow(0 0 6px #ffd24a)}.grid{grid-template-columns:repeat(6,1fr)}.nb-hero{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:14px;border-radius:18px;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--nc) 30%,transparent),transparent 70%)}.nb-crest{width:96px;height:96px;filter:drop-shadow(0 0 16px var(--ng));animation:crestPulse 2.4s ease-in-out infinite}.nb-none{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;border:2px dashed #6b7280;font-size:2.4rem;color:#6b7280}.nb-name{font-size:1.2rem;margin:6px 0 2px}.nb-title{font-family:var(--display);font-size:1.5rem;color:var(--ng)}.nb-hero small{color:#b9a98a}.nb-don{margin-top:6px}.nb-don b{color:var(--gold);font-family:var(--display);font-size:1.15rem}.nb-hero .bk-prog{width:100%;margin:8px 0 2px}.nb-hero .bk-prog .bar{background:#ffffff14}.nb-hero .bk-prog .bar i{background:linear-gradient(90deg,var(--nc),var(--ng))}.nb-perks{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}.nb-perks span{padding:4px 10px;border-radius:99px;font-size:.78rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.nb-perks.small{justify-content:flex-start;margin:4px 0 0}.nb-perks.small span{font-size:.7rem;padding:2px 8px}.nb-perks small{color:#9a8c70}.nb-row{align-items:flex-start;border:1px solid transparent}.nb-row.me{border-color:var(--nc);background:color-mix(in srgb,var(--nc) 10%,transparent)}.nb-row .g-ico{width:48px;height:48px;padding:4px;filter:drop-shadow(0 0 6px var(--ng))}.nb-row b small{font-size:.72rem;color:#9a8c70;font-family:var(--font)}.don-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.don-custom{display:flex;gap:6px;margin-top:6px}.don-custom input{margin:0;flex:1}@media (max-width: 520px){.don-btns{grid-template-columns:repeat(2,1fr)}}.crowning{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:#05030ad1;animation:fade .3s;overflow:hidden}.cr-rays{position:absolute;width:160vmax;height:160vmax;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--nc) 35%,transparent) 0 8deg,transparent 8deg 22deg);animation:spin 18s linear infinite;mask:radial-gradient(circle,#000 0,transparent 55%);-webkit-mask:radial-gradient(circle,#000 0,transparent 55%)}.cr-card{position:relative;width:min(400px,100%);padding:24px;text-align:center;border-radius:24px;background:#120c1ceb;border:2px solid var(--nc);box-shadow:0 0 60px color-mix(in srgb,var(--nc) 50%,transparent);animation:pop .6s cubic-bezier(.3,1.5,.5,1)}.cr-crest{width:130px;height:130px;margin:-80px auto 6px;filter:drop-shadow(0 0 24px var(--ng));animation:crownDrop .9s cubic-bezier(.3,1.4,.5,1)}@keyframes crownDrop{0%{transform:translateY(-120px) scale(.4) rotate(-20deg);opacity:0}}.cr-card h2{margin:4px 0;font-family:var(--display);font-size:2.2rem;color:var(--ng);text-shadow:0 0 20px var(--nc)}.cr-card small{color:#b9a98a}.cr-card p{color:#d8c9a8}.herald{position:absolute;top:max(64px,env(safe-area-inset-top));left:50%;z-index:44;display:flex;align-items:center;gap:10px;padding:10px 18px 10px 14px;border-radius:16px;transform:translate(-50%);background:linear-gradient(90deg,#120c1cf2,color-mix(in srgb,var(--nc) 30%,rgba(18,12,28,.95)),#120c1cf2);border:1px solid var(--nc);box-shadow:0 0 30px color-mix(in srgb,var(--nc) 45%,transparent);animation:heraldIn .6s cubic-bezier(.3,1.4,.5,1);pointer-events:none!important;max-width:calc(100% - 24px)}.herald .crest{width:44px;height:44px;flex:none;animation:crestPulse 1.4s ease-in-out infinite}.herald small{display:block;color:var(--ng);font-size:.75rem}.herald b{font-family:var(--display);font-size:1.05rem}.herald.out{opacity:0;transform:translate(-50%,-20px);transition:.5s}@keyframes heraldIn{0%{transform:translate(-50%,-60px);opacity:0}}.plate .ntag{min-width:0}@media (max-width: 440px){.topbar{gap:6px}.who{max-width:46%;min-width:0;padding-inline-end:8px}.who>span:last-child{min-width:0}.res{gap:4px;flex:none}.res span,.gold-btn{padding:6px 8px;font-size:.82rem}#stamT{display:none}}.plate .pl-top{pointer-events:auto;cursor:pointer;border-radius:10px;transition:background .15s}.plate .pl-top:hover{background:#ffffff0f}.plate .pl-top:after{content:"ⓘ";margin-inline-start:auto;font-size:.75rem;opacity:.45}.profile-sheet{z-index:30}.pf-head{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:12px;border-radius:18px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--nc) 28%,transparent),transparent 70%)}.pf-crest{width:84px;height:84px;filter:drop-shadow(0 0 14px var(--ng));animation:crestPulse 2.4s ease-in-out infinite}.pf-cls{height:64px;display:grid;place-items:center}.pf-sym{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;font-size:1.8rem;box-shadow:0 0 20px color-mix(in srgb,var(--c) 60%,transparent)}.pf-name{font-size:1.35rem;font-family:var(--display)}.pf-sub{font-size:.85rem;color:#d8c9a8}.pf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.pf-chips span{padding:4px 10px;border-radius:99px;background:#ffffff0f;font-size:.8rem;font-weight:700}.pf-ghost{padding:8px 12px;border-radius:12px;background:#818cf81f;border:1px solid rgba(129,140,248,.4);font-size:.82rem}.pf-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.pf-stats div{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:12px;background:#ffffff0a}.pf-stats b{font-family:var(--display);font-size:1rem;color:#fff}.pf-stats small{font-size:.66rem;color:#b9a98a;white-space:nowrap}.pf-gear{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pf-slot{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:10px 6px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--q) 70%,transparent);background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--q) 22%,#1a1226),#0d0914 80%)}.pf-slot.q3{animation:legend 2.4s infinite}.pf-ico{position:relative;width:52px;height:52px}.pf-ico em{position:absolute;top:-6px;inset-inline-end:-10px;font-style:normal;font-family:var(--display);font-weight:800;font-size:.8rem;color:var(--gold);padding:0 6px;border-radius:99px;background:#0d0a14;border:1px solid var(--q)}.pf-slot b{font-size:.85rem}.pf-slot small{font-size:.7rem;color:#b9a98a}.pf-book{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pf-book>div{display:grid;grid-template-columns:26px 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:8px 10px;border-radius:12px;background:#ffffff0a}.pf-em{grid-row:1 / 3;width:26px;height:26px}.pf-book b{font-size:.82rem}.pf-book small{grid-row:1 / 3;grid-column:3;font-weight:700}.pf-book .bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.pf-book .bar i{display:block;height:100%;background:var(--c)}.sh-body h4 small{font-size:.75rem;color:#b9a98a;font-family:var(--font)}.row[data-pid]{cursor:pointer}.row[data-pid]:hover{background:#ffffff12}@media (max-width: 520px){.pf-stats{grid-template-columns:repeat(4,1fr)}.pf-book{grid-template-columns:1fr}}.grid{grid-template-columns:repeat(4,1fr)}.shop-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.1rem}.shop-top b{font-family:var(--display);color:var(--gold)}.garments{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.gcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 10px;border-radius:16px;text-align:center;border:1.5px solid color-mix(in srgb,var(--r) 60%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--r) 18%,#1a1226),#0d0914 80%);transition:transform .15s}.gcard:hover{transform:translateY(-3px)}.gcard.r3{animation:legend 2.4s infinite}.gcard.r2{box-shadow:0 0 14px color-mix(in srgb,var(--r) 35%,transparent)}.gcard.worn{outline:2px solid var(--gold);outline-offset:2px}.gc-art{width:64px;height:80px;display:grid;place-items:center}.manq{width:64px;height:80px}.gc-def{font-size:2.6rem}.gcard b{font-size:.82rem;line-height:1.35}.gcard small{font-size:.68rem}.gcard em{margin-top:4px;font-style:normal;font-size:.76rem;font-weight:800;color:var(--gold)}.g-ico.big{font-size:1.6rem}.gbar{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:8;width:min(620px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:#120c1cf0;border:1px solid var(--line);box-shadow:0 10px 40px #00000080;animation:sheetUp .3s}.gb-txt{flex:1;min-width:0}.gb-txt b{display:block;font-family:var(--display);font-size:1.1rem}.gb-txt small{font-size:.78rem;color:#b9a98a}.gb-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 520px){.gbar{flex-direction:column;align-items:stretch}.gb-btns{justify-content:stretch}.gb-btns .btn{flex:1}}body.previewing .home{opacity:0;pointer-events:none!important;transition:opacity .25s}body.previewing .home *{pointer-events:none!important}.gc-parts{font-size:.64rem!important;color:#e9d9b4;opacity:.85}.ctag{display:inline-block;margin-inline-end:.3em;padding:0 .4em;border-radius:5px;font-size:.72em;font-weight:800;font-family:var(--display);line-height:1.5;color:#fff;background:color-mix(in srgb,var(--cc) 70%,#000);border:1px solid var(--cc);box-shadow:0 0 6px color-mix(in srgb,var(--cc) 50%,transparent);vertical-align:middle}.clan-tile span{filter:drop-shadow(0 0 6px var(--cc, #f2c75c))}.clan-tile{border-color:color-mix(in srgb,var(--cc, transparent) 50%,transparent)!important}.cl-actions{display:flex;gap:8px;margin-bottom:10px}.cl-actions input{margin:0!important;flex:1}.cl-mini{flex:none;width:34px;display:grid;place-items:center}.cl-create{display:flex;flex-direction:column;gap:4px}.cl-preview{display:grid;place-items:center;margin-bottom:6px}.banner{filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.pick-em,.pick-col{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pick-em button{width:42px;height:42px;border-radius:12px;font-size:1.4rem;background:#ffffff0f;border:2px solid transparent}.pick-col button{width:32px;height:32px;border-radius:50%;border:3px solid transparent}.pick-em .on,.pick-col .on{border-color:var(--gold);transform:scale(1.1)}.clan-hall{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at top,#1e1428d9,#05030af0);animation:fade .25s}.ch-panel{position:relative;width:min(920px,100%);height:100%;display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 16%,#150e20),#120c1c 40%);border:1px solid color-mix(in srgb,var(--cc) 50%,var(--line));box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0f;overflow:hidden}.ch-x{position:absolute;top:12px;left:12px;z-index:2}.ch-head{display:flex;gap:14px;align-items:flex-start;padding:0 18px 12px}.ch-banner{margin-top:-4px;flex:none}.ch-title{flex:1;min-width:0;padding-top:14px}.ch-title h2{margin:0 0 6px;font-family:var(--display);font-size:1.7rem;color:#fff;text-shadow:0 0 18px var(--cc)}.ch-lvl{display:flex;align-items:center;gap:8px;font-size:.85rem}.ch-lvl .bar{flex:1;max-width:240px;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.ch-lvl .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cc),#fff)}.ch-lvl small{color:#b9a98a}.ch-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.ch-chips span{padding:3px 10px;border-radius:99px;background:#00000059;font-size:.78rem;font-weight:700}.ch-role{color:#b9a98a}.ch-role b{color:var(--gold)}.ch-tabs{padding:0 14px;margin-bottom:0}.ch-tabs button{font-size:.85rem;padding:10px 4px}.ch-tabs .on{background:color-mix(in srgb,var(--cc) 30%,transparent);color:#fff}.ch-tabs .hot{animation:pulse 1.2s infinite;color:#ff6b6b}.ch-body{flex:1;overflow:auto;padding:12px 18px 18px;touch-action:pan-y;user-select:text;-webkit-user-select:text}.ch-body h4{margin:14px 0 8px;font-family:var(--display);color:#e9d9b4}.motd textarea{width:100%;min-height:70px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0d0a14;color:inherit;font:inherit;resize:vertical}.motd p{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--cc) 12%,rgba(255,255,255,.03));border-inline-start:3px solid var(--cc);margin:0;line-height:1.8}.ch-settings{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0;font-size:.85rem}.ch-log{display:flex;flex-direction:column;gap:4px}.ch-log>div{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:10px;background:#ffffff08;font-size:.84rem}.ch-log small{color:#8a7d64;white-space:nowrap}.ch-log .us{border-inline-start:3px solid #22c55e}.ch-log .them{border-inline-start:3px solid #ef4444}.danger{color:#fca5a5!important}.ghost.danger{margin-top:16px}.mem .role{width:30px;text-align:center;font-size:1.2rem}.btn.sm{padding:6px 10px;font-size:.75rem}.on-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;font-style:normal}.contrib{display:flex;gap:8px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(135deg,#f2c75c1f,#f2c75c05);border:1px solid var(--line);margin-bottom:12px}.contrib input{width:110px;margin:0!important;padding:9px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0d0a14;color:inherit;font:inherit}.bld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.bld{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;text-align:center;border-radius:18px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--cc) 18%,#1a1226),#0f0a17 80%);border:1px solid rgba(255,255,255,.08)}.bld.max{border-color:var(--gold);box-shadow:0 0 18px #f2c75c40}.bld-ico{font-size:2.2rem;filter:drop-shadow(0 0 10px var(--cc))}.bld b{font-family:var(--display)}.bld small{font-size:.74rem;color:#d8c9a8}.bld .nx{color:#8a7d64}.bld em{font-style:normal;color:var(--gold);font-weight:800;font-size:.8rem}.pips{display:flex;gap:4px}.pips i{width:14px;height:6px;border-radius:3px;background:#ffffff1f}.pips i.on{background:linear-gradient(90deg,var(--cc),#fff);box-shadow:0 0 6px var(--cc)}.chs button{font-size:.78rem}.chs .on{background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff}.chs .locked{opacity:.55}.cb-sum{margin:8px 0;font-size:.88rem}.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.cb-grid.dim{opacity:.45;filter:grayscale(.7)}.cb-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;text-align:center;border-radius:14px;background:linear-gradient(160deg,#f6e8c41a,#cfae6c0a);border:1.5px solid color-mix(in srgb,var(--r) 45%,transparent)}.cb-card.done{border-color:var(--r);box-shadow:0 0 16px color-mix(in srgb,var(--r) 45%,transparent);background:linear-gradient(160deg,#f6e8c438,#cfae6c14)}.cb-art{width:48px;height:48px}.cb-card b{font-size:.8rem}.cb-card small{font-size:.7rem}.cb-card .bar{width:100%;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.cb-card .bar i{display:block;height:100%;background:var(--r)}.war-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 25%,transparent),#0006,#ef444433);border:1px solid rgba(255,255,255,.1)}.wb-side{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.wb-side b{font-size:.88rem}.wb-pts{font-family:var(--display);font-size:2.4rem;font-weight:800;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.4)}.war-board.lead .wb-side:first-child .wb-pts{color:#4ade80}.war-board.behind .wb-side:first-child .wb-pts{color:#fca5a5}.wb-mid{display:flex;flex-direction:column;align-items:center}.wb-mid small{font-size:.72rem;color:#b9a98a}.war-clock{font-family:var(--display);font-size:1.3rem;color:var(--gold)}.vs{margin-top:4px;font-family:var(--display);font-weight:900;font-size:1.6rem;color:#ef4444;text-shadow:0 0 14px #ef4444}.war-me{margin:12px 0 4px;text-align:center;font-size:1rem}.war-me span{font-size:1.4rem;filter:grayscale(1) opacity(.3)}.war-me span.on{filter:drop-shadow(0 0 6px #f2c75c)}.tgt .tgt-pts{font-family:var(--display);font-weight:800;color:#4ade80;margin-inline-end:6px}.war-idle{text-align:center;padding:10px 0}.wi-ico{font-size:3rem;filter:drop-shadow(0 0 14px #ef4444)}.war-idle p{color:#d8c9a8;line-height:1.8}.pf-clan{display:flex;align-items:center;gap:8px;margin:10px 0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--cc) 14%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--cc) 50%,transparent)}.pf-clan span{font-size:1.4rem}.pf-clan small{margin-inline-start:auto;color:#b9a98a}@media (max-width: 600px){.ch-head{gap:8px;padding:0 12px 8px}.ch-banner svg{width:66px;height:86px}.ch-title h2{font-size:1.25rem;padding-inline-end:34px}.ch-tabs button{font-size:.7rem;padding:8px 2px}.ch-body{padding:10px 12px 14px}.wb-pts{font-size:1.8rem}.war-board{padding:10px 6px}.contrib{flex-wrap:wrap}.contrib .g-txt{flex-basis:100%}}.grid{grid-template-columns:repeat(5,1fr)}@media (max-width: 560px){.grid{grid-template-columns:repeat(3,1fr)}}.pet-card{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:16px;background:radial-gradient(circle at 10% 30%,color-mix(in srgb,var(--pc) 16%,#1a1226),#0f0a17 75%);border:1.5px solid color-mix(in srgb,var(--r) 40%,transparent)}.pet-card.big{grid-template-columns:96px 1fr;padding:14px;border-color:var(--r);box-shadow:0 0 22px color-mix(in srgb,var(--pc) 30%,transparent)}.pet-card.st2{animation:legend 2.4s infinite}.pc-ico{width:64px;height:64px}.pet-card.big .pc-ico{width:96px;height:96px}.pet-card .g-txt b em{font-style:normal;font-size:.78rem;color:var(--gold);margin-inline-start:4px}.pet-card p{margin:4px 0;font-size:.8rem;color:#e9d9b4}.pet-card .bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden;margin-top:4px}.pet-card .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pc),#fff)}.pc-btns{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.pet-none{padding:18px;text-align:center;border-radius:16px;border:1.5px dashed rgba(255,255,255,.15);color:#b9a98a}.eggs{display:flex;gap:8px;flex-wrap:wrap}.egg{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:16px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--e) 22%,#1a1226),#0f0a17 80%);border:1.5px solid color-mix(in srgb,var(--e) 50%,transparent);animation:eggWobble 2.5s infinite}.egg span{width:54px;height:54px}.egg b{font-size:.85rem}.egg small{font-size:.7rem;color:#b9a98a}@keyframes eggWobble{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}95%{transform:rotate(-2deg)}}.ico.inl{display:inline-block;width:1.3em;height:1.3em;vertical-align:middle}.egg-big{width:130px;height:130px;margin:0 auto}.egg-big.shake{animation:cshake .2s infinite}.egg-big.crack{animation:cburst .5s forwards;filter:drop-shadow(0 0 30px #fff)}.egg-big.born{animation:pop .6s cubic-bezier(.3,1.6,.5,1);filter:drop-shadow(0 0 22px #ffe48a)}.hatch-out b{display:block;font-family:var(--display);font-size:1.4rem}.hatch-out p{margin:6px 0}.pet-call{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:petCall 1.4s ease-out forwards;z-index:4}.pet-call small{display:block;font-size:.72rem;color:#e9d9b4;text-shadow:0 1px 4px #000}.pet-call b{font-family:var(--display);font-size:1.15rem;color:#fff;text-shadow:0 0 10px var(--c),0 2px 0 #000}@keyframes petCall{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)}}.pf-pet{display:flex;gap:10px;align-items:center;margin:10px 0;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--pc) 12%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--pc) 45%,transparent)}.pf-pet>span{width:52px;height:52px;flex:none}.pf-pet b{display:block}.pf-pet small{font-size:.72rem}.pf-pet p{margin:2px 0 0;font-size:.78rem;color:#d8c9a8}.main-btns{grid-template-columns:1fr 1fr}.main-btns .go{padding:12px 6px;font-size:1.1rem}.wars-btn{background:linear-gradient(180deg,#ff8a5c,#ef4444 55%,#991b1b)!important;color:#fff!important;box-shadow:0 6px #5c0f0f,0 12px 30px #ef444459!important}.wars-hall{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at top,#3c0c0cd9,#05030af2);animation:fade .25s}.wh-panel{position:relative;width:min(1040px,100%);height:100%;display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(180deg,#2a0f14,#120c1c 30%);border:1px solid rgba(239,68,68,.45);box-shadow:0 20px 60px #0009;overflow:hidden}.wh-x{position:absolute;top:12px;left:12px;z-index:2}.wh-head{padding:16px 20px 6px}.wh-head h2{margin:0;font-family:var(--display);font-size:1.7rem;color:#fff;text-shadow:0 0 18px #ef4444}.wh-head p{margin:4px 0 0;color:#d8c9a8;font-size:.85rem}.wh-body{flex:1;overflow:auto;padding:10px 16px 18px;touch-action:pan-y}.wh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.wcard{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:18px;cursor:pointer;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--c) 22%,#1a1226),#0f0a17 75%);border:1.5px solid color-mix(in srgb,var(--c) 35%,transparent);transition:transform .15s}.wcard:hover{transform:translateY(-3px)}.wcard.live{border-color:var(--c);box-shadow:0 0 22px color-mix(in srgb,var(--c) 35%,transparent)}.wcard.live:after{content:"";position:absolute;top:12px;inset-inline-end:12px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px #ef4444;animation:pulse 1.2s infinite}.wcard.soon{opacity:.82}.wc-top{display:flex;gap:10px;align-items:center}.wc-ico{font-size:2.2rem;filter:drop-shadow(0 0 10px var(--c))}.wc-top b{display:block;font-family:var(--display);font-size:1.1rem}.wc-top small{color:#d8c9a8;font-size:.76rem}.wc-st{font-size:.82rem}.wc-st b{font-family:var(--display);color:var(--gold)}.wc-st.live b,.wcard.live .wc-st b{color:#fca5a5}.wc-sch{color:#9a8c70;font-size:.74rem}.wh-boss .bar,.wd-boss .bar{height:9px;border-radius:5px;background:#00000080;overflow:hidden}.wh-boss .bar i,.wd-boss .bar i{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#f97316);box-shadow:0 0 10px #ef4444}.wh-boss small,.wd-boss small{font-size:.72rem;color:#fca5a5}.wc-foot{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:.78rem;color:#d8c9a8}.wc-foot b{color:#fff}.wc-foot .btn{margin-inline-start:auto}.wdetail{max-width:760px;margin:0 auto}.sm-back{padding:6px 14px;margin-bottom:10px;font-size:.85rem}.wd-head{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--c) 25%,#1a1226),#0f0a17 75%);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}.wd-ico{font-size:3.4rem;filter:drop-shadow(0 0 16px var(--c))}.wd-head h3{margin:0;font-family:var(--display);font-size:1.5rem}.wd-head p{margin:2px 0 6px;color:#d8c9a8}.wd-head small{color:#9a8c70}.wd-note{margin:10px 0;padding:10px 14px;border-radius:14px;background:#f2c75c1a;border:1px solid var(--line)}.wd-boss{margin:10px 0;padding:10px 14px;border-radius:14px;background:#ef444414;border:1px solid rgba(239,68,68,.4)}.wd-boss b{display:block;margin-bottom:6px}.wd-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}.wd-stats b{color:var(--gold);font-family:var(--display)}.wd-stats .go{width:auto;margin:0 0 0 auto;padding:10px 22px}.wd-rules{padding-inline-start:20px;line-height:1.9;color:#e9d9b4}.wd-rew{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.rw{padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.rw small{display:block;color:#9a8c70;font-size:.72rem}.rw b{font-size:.85rem}.hunted{color:#4ade80;font-weight:800;font-size:.8rem}.limit{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 58px);left:calc(var(--stage-w, 100vw) / 2);transform:translate(-50%);padding:3px 12px;border-radius:99px;background:#000000a6;border:1px solid var(--line);font-weight:800;font-size:.82rem;white-space:nowrap}.limit.low{color:#fca5a5;border-color:#ef4444;animation:pulse 1s infinite}@media (max-width: 560px){.wh-grid{grid-template-columns:1fr}.wh-head h2{font-size:1.3rem}.wd-ico{font-size:2.4rem}.main-btns .go{font-size:.95rem}}.daily-row{grid-template-columns:1fr 1fr}.daily-btn,.pass-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.daily-btn small,.pass-btn small{color:#d8c9a8;font-size:.72rem}.daily-btn .dot,.pass-btn .dot,.tabs .tdot{position:absolute;top:6px;inset-inline-end:8px;width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse 1.4s infinite}.tabs button{position:relative}.tabs .tdot{top:2px;inset-inline-end:2px;width:7px;height:7px}.pass-btn .pbar{flex-basis:100%;height:4px;border-radius:3px;background:#00000073;overflow:hidden}.pass-btn .pbar i{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#f2c75c)}.pass-btn.prem{border-color:#f2c75c;box-shadow:0 0 14px #f2c75c4d}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0 14px}.sk{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.sk small{font-size:.66rem;color:#9a8c70}.sk span .ico{width:34px;height:34px}.sk b{font-size:.62rem;line-height:1.3;color:#e9d9b4}.sk.got{opacity:.55}.sk em{position:absolute;top:4px;inset-inline-end:6px;color:#4ade80;font-style:normal;font-weight:900}.sk.now{border-color:var(--gold);background:radial-gradient(circle at 50% 30%,#f2c75c40,#ffffff08);box-shadow:0 0 18px #f2c75c59;animation:skGlow 1.6s infinite}@keyframes skGlow{50%{box-shadow:0 0 28px #f2c75cb3}}.sk.big{background:radial-gradient(circle at 50% 30%,#a78bfa40,#ffffff08);border-color:#a78bfa}.quest{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.quest .q-txt{flex:1;min-width:0}.quest .q-txt b{display:block;font-size:.9rem}.quest .q-txt small{color:#b9a98a;font-size:.74rem}.quest .bar{height:6px;margin:5px 0 3px;border-radius:4px;background:#00000073;overflow:hidden}.quest .bar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#a3e635)}.quest.ready{border-color:var(--gold);box-shadow:0 0 12px #f2c75c40}.quest.done{opacity:.55}.quest.all{background:radial-gradient(circle at 10% 50%,#a78bfa33,#ffffff08);border-color:#a78bfa80}.q-ok{color:#4ade80;font-weight:900;font-size:1.2rem}.ps-head{display:flex;align-items:center;gap:10px}.ps-head>div:first-child{flex:1}.ps-head b{font-family:var(--display);font-size:1.2rem}.ps-head small{display:block;color:#b9a98a;font-size:.74rem}.ps-lvl{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,#3b2a63,#160f22);border:2px solid #a78bfa;box-shadow:0 0 16px #a78bfa73}.ps-lvl b{font-size:1.5rem;line-height:1}.ps-lvl small{font-size:.65rem;margin-top:-14px}.ps-bar{height:8px;margin:10px 0 4px;border-radius:5px;background:#00000073;overflow:hidden}.ps-bar i{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#f2c75c)}.ps-xp{color:#b9a98a;font-size:.74rem}.ps-prem{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px;border-radius:16px;background:linear-gradient(135deg,#f2c75c2e,#783c0a33);border:1px solid rgba(242,199,92,.55)}.ps-prem>div{flex:1}.ps-prem small{display:block;color:#e9d9b4;font-size:.74rem}.ps-prem.on{justify-content:center;font-weight:800;color:var(--gold)}.ps-track{overflow-x:auto;margin:6px -4px 12px;padding:4px 4px 10px;touch-action:pan-x pan-y}.ps-rows{display:flex;gap:6px;width:max-content}.ps-col{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px}.ps-col>b{font-size:.8rem;color:#9a8c70}.ps-col.reached>b{color:var(--gold)}.pt{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;height:94px;padding:6px 4px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center;overflow:hidden}.pt span .ico{width:32px;height:32px}.pt small{font-size:.6rem;line-height:1.25;color:#d8c9a8}.pt.prem{background:linear-gradient(180deg,#f2c75c24,#ffffff08);border-color:#f2c75c59}.pt.big{border-width:2px}.pt.reached:not(.got):not(.locked){border-color:#4ade80;box-shadow:0 0 10px #4ade8059}.pt.got{opacity:.45}.pt.locked{filter:saturate(.5)}.pt em{position:absolute;top:3px;inset-inline-end:5px;font-style:normal;font-size:.75rem;color:#4ade80}.season-card .sn-loot b{display:inline-block;padding:8px 14px;border-radius:12px;background:#f2c75c1f;border:1px solid var(--line);color:var(--gold)}@media (max-width: 560px){.streak{grid-template-columns:repeat(4,1fr)}.sk.big{grid-column:span 2}}.coach{position:absolute;inset:0;z-index:30;animation:fade .3s}.coach.dim{background:#05030ab8}.coach.pass{pointer-events:none}.coach .c-hole{position:absolute;border-radius:18px;box-shadow:0 0 0 9999px #05030ab8,0 0 0 3px var(--gold),0 0 26px 6px #f2c75c8c;pointer-events:none;animation:cHole 1.4s ease-in-out infinite}@keyframes cHole{50%{box-shadow:0 0 0 9999px #05030ab8,0 0 0 5px var(--gold),0 0 40px 10px #f2c75cb3}}.coach:not(.pass):has(.c-hole){pointer-events:none}.coach .c-bub{pointer-events:auto}.c-bub{position:absolute;left:50%;transform:translate(-50%);width:min(380px,calc(100% - 24px));padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#2a1d42,#160f22);border:1.5px solid var(--gold);box-shadow:0 14px 40px #0009;animation:pop .4s cubic-bezier(.3,1.5,.5,1)}.c-bub.mid{top:50%;transform:translate(-50%,-50%)}.c-bub.topc{top:calc(max(8px,env(safe-area-inset-top)) + 96px)}.c-bub p{margin:0 0 10px;line-height:1.8;font-size:.95rem}.c-bub b{color:var(--gold)}.c-btns{display:flex;align-items:center;justify-content:space-between;gap:10px}.c-btns .btn{margin-inline-start:auto}.c-skip{background:none;color:#9a8c70;font-size:.78rem;text-decoration:underline}.coach.pass .c-bub{opacity:.96}.mk-lock{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;text-align:center;border-radius:18px;background:#ffffff0a;border:1px dashed rgba(242,199,92,.45)}.mk-lock>span{font-size:2.6rem}.mk-lock b{font-family:var(--display);font-size:1.2rem}.mk-lock p{margin:0;color:#d8c9a8;line-height:1.7}.mk-left b{color:var(--gold)}.band.bad{color:#fca5a5}.go:disabled{filter:grayscale(1) brightness(.6);cursor:default}.arena-mode{display:flex;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:14px 16px;border-radius:18px;text-align:start;color:inherit;background:radial-gradient(circle at 10% 50%,#f2c75c33,#ffffff08);border:1.5px solid rgba(242,199,92,.5);transition:transform .15s}.arena-mode:hover{transform:translateY(-2px)}.arena-mode>span{font-size:2.4rem}.arena-mode b{display:block;font-family:var(--display);font-size:1.15rem}.arena-mode small{color:#d8c9a8;font-size:.78rem;line-height:1.6}.arena-mode.fair{background:radial-gradient(circle at 10% 50%,#38bdf833,#ffffff08);border-color:#38bdf88c}.chat-fab{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));inset-inline-start:16px;z-index:6;width:58px;height:58px;border-radius:50%;font-size:1.6rem;background:radial-gradient(circle at 35% 30%,#4c3a7a,#1d1430);border:1.5px solid var(--gold);box-shadow:0 8px 24px #00000080,0 0 18px #f2c75c40}.chat-fab .badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#ef4444;color:#fff;font-style:normal;font-size:.75rem;font-weight:900;line-height:22px;box-shadow:0 0 10px #ef4444}.chat-sheet .sheet{height:88vh}.chat-sheet .sh-body{display:flex;flex-direction:column;min-height:0;flex:1}.ct-tabs{flex:none}.chat-list{flex:1;min-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 2px;touch-action:pan-y}.cm{align-self:flex-start;max-width:82%;padding:7px 12px 8px;border-radius:16px 16px 16px 4px;background:#ffffff0f;border-inline-start:3px solid var(--c);cursor:pointer}.cm.mine{align-self:flex-end;border-radius:16px 16px 4px;background:linear-gradient(135deg,#f2c75c38,#f2c75c1a);border-inline-start:0}.cm-top{display:flex;align-items:baseline;gap:8px;font-size:.78rem}.cm-top small{color:#8f8169;font-size:.66rem;margin-inline-start:auto}.cm-name{cursor:pointer;font-weight:800}.cm p{margin:2px 0 0;line-height:1.6;word-break:break-word;user-select:text;-webkit-user-select:text}.cm-menu{align-self:center;display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:14px;background:#241a38;border:1px solid var(--line);animation:pop .25s}.cm-menu button{padding:6px 10px;border-radius:10px;background:#ffffff14;color:inherit;font-size:.8rem;font-weight:700}.chat-in{flex:none;display:flex;gap:8px;margin-top:8px}.chat-in input{flex:1;margin:0!important}.chat-in .btn{font-size:1.1rem;padding:0 16px}.chat-muted{flex:none;text-align:center;color:#fca5a5}.chat-rules{flex:none;margin:6px 0 0;font-size:.7rem;text-align:center}.cm-quote{padding:10px 12px;border-radius:12px;background:#ffffff0d;font-style:italic}.rep-r{width:100%;margin-bottom:6px}.fr-add{display:flex;gap:8px;margin:6px 0}.fr-add input{flex:1;margin:0!important}.row.fr{gap:10px}.fr-dot{width:10px;height:10px;border-radius:50%;background:#4b5563;flex:none}.fr-dot.on{background:#22c55e;box-shadow:0 0 8px #22c55e}.fr b[data-p]{cursor:pointer}.fr-u{min-width:20px;padding:0 6px;border-radius:10px;background:#ef4444;color:#fff;font-style:normal;font-size:.72rem;font-weight:900;text-align:center}.push-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.push-box .btn{align-self:flex-start}.tg{display:flex!important;align-items:center;gap:10px;cursor:pointer}.tg input{width:20px!important;height:20px;margin:0!important;accent-color:var(--gold)}.pf-social{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.pf-on{color:#4ade80;font-size:.82rem;font-weight:800}#ui:has(.sheet-wrap,.result,.coach) .chat-fab{display:none}@media (max-width: 560px){.chat-fab{bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 64px);width:48px;height:48px;font-size:1.3rem}}.ld-arena{display:block;margin-top:6px;color:#d8c9a8;font-size:.85rem;font-weight:600}.boss-tag{display:inline-block;margin:2px 0 4px;padding:1px 9px;border-radius:99px;font-size:.72rem;font-weight:800;color:#fff;background:color-mix(in srgb,var(--bc) 35%,rgba(0,0,0,.6));border:1px solid var(--bc);box-shadow:0 0 10px color-mix(in srgb,var(--bc) 50%,transparent)}.callout.boss .bc-desc{display:block;margin-top:4px;font-size:.78rem;font-style:normal;font-weight:600;color:#f5ecd6;max-width:320px}.row.stage.boss{border:1.5px solid var(--bc);background:radial-gradient(circle at 90% 50%,color-mix(in srgb,var(--bc) 18%,transparent),#ffffff08)}.row.stage.boss .g-ico{filter:drop-shadow(0 0 8px var(--bc))}.boss-line{display:block;color:color-mix(in srgb,var(--bc) 70%,#fff)!important}.wd-trait{margin:10px 0;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--bc) 12%,transparent);border:1px solid var(--bc)}.wd-trait small{display:block;color:#e9d9b4}
