@import "https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Lobster&display=swap&subset=vietnamese";:root{--font-serif:"Noto Serif", Georgia, serif;--font-brush:"Lobster", "Noto Serif", serif;--gold:#e9c46a;--gold-bright:#fde68a;--gold-deep:#b7832f;--jade:#5eead4;--jade-deep:#0f766e;--qi:#7dd3fc;--ink:#0d1719;--ink-2:#14242a;--panel-bg:linear-gradient(160deg, #16282cf0, #0c161af2);--panel-border:#e9c46a8c;--text:#f4ecd8;--text-dim:#b9b2a0;--danger:#f87171;--radius:14px;--shadow:0 18px 40px #00000073}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{touch-action:manipulation;height:100%}body{font-family:var(--font-serif);color:var(--text);background:#0b1416;overflow:hidden}#app{width:100%;height:100%;position:relative}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#e9c46ad9,#a07026e6);border-radius:999px;box-shadow:inset 0 0 0 1px #0d17198c}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fde68af2,#e9b949f2)}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--gold-bright), var(--gold-deep))}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#e9c46a8c transparent}}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow), inset 0 0 0 3px #0d1719e6, inset 0 0 0 4px #e9c46a2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.panel:before,.panel:after{content:"";border:2px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute}.panel:before{border-top-left-radius:var(--radius);border-bottom:none;border-right:none;top:-1px;left:-1px}.panel:after{border-bottom-right-radius:var(--radius);border-top:none;border-left:none;bottom:-1px;right:-1px}.btn-primary-large{color:#3b1d00;letter-spacing:.6px;background:linear-gradient(#fde68a 0%,#e9b949 45%,#b7832f 100%);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:15px;font-weight:900;transition:transform .12s,filter .12s;display:flex;box-shadow:0 6px 18px #e9b94959,inset 0 1px #fff9,inset 0 -2px #78460a66}.btn-primary-large small{opacity:.75;font-size:11px;font-weight:600}.btn-primary-large:hover{filter:brightness(1.07)}.btn-primary-large:active{transform:translateY(1px)scale(.99)}.btn-secondary{color:var(--gold-bright);white-space:nowrap;background:#e9c46a14;border:1px solid #e9c46a73;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.btn-secondary small{opacity:.7;font-size:11px;font-weight:500}.btn-secondary:hover{background:#e9c46a2e}.btn-danger{color:#fecaca;background:#f8717114;border:1px solid #f8717180;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-danger:hover{background:#f871712e}.full{width:100%}.btn-link{color:var(--qi);text-underline-offset:3px;font-size:12px;font-weight:700;text-decoration:underline}.creation-screen{background:#081416;height:100%;min-height:100%;position:relative;overflow:hidden auto}.sky-backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sky-backdrop .sky-svg{width:100%;height:100%;position:absolute;inset:0}.celestial-halo-uniform{transform-origin:0 0;animation:8s ease-in-out infinite celestialPulseUniform}.rune-disc-uniform{transform-origin:0 0;animation:100s linear infinite runeRotateUniform}@keyframes celestialPulseUniform{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes runeRotateUniform{to{transform:rotate(360deg)}}.crane-anim-mid-1{animation:32s linear infinite craneFly1Mid}.crane-anim-mid-2{animation:38s linear -14s infinite craneFly2Mid}@keyframes craneFly1Mid{0%{transform:translate(-25vw,40vh)scale(.85)}to{transform:translate(115vw,35vh)scale(.85)}}@keyframes craneFly2Mid{0%{transform:translate(-32vw,47vh)scale(.68)}to{transform:translate(115vw,42vh)scale(.68)}}.crane-wing-f{transform-origin:0 0;animation:1.6s ease-in-out infinite craneWingFront}.crane-wing-b{transform-origin:0 0;animation:1.6s ease-in-out infinite craneWingBack}@keyframes craneWingFront{0%,to{transform:rotate(0)}50%{transform:rotate(-16deg)translateY(-5px)}}@keyframes craneWingBack{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)translateY(3px)}}.sword-anim-mid{animation:18s cubic-bezier(.2,.7,.4,1) 2s infinite swordFlyMid}@keyframes swordFlyMid{0%{opacity:0;transform:translate(-15vw,54vh)rotate(-10deg)}12%{opacity:.95}88%{opacity:.95}to{opacity:0;transform:translate(115vw,36vh)rotate(-10deg)}}.sky-petals-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sky-petal{pointer-events:none;filter:drop-shadow(0 0 4px #f43f5e80);background:radial-gradient(circle,#fda4af 0%,#f43f5e 100%);border-radius:60% 0;position:absolute}.sky-petal.p1{width:14px;height:18px;animation:14s linear infinite petalDrift;top:-5%;left:88%}.sky-petal.p2{width:10px;height:14px;animation:18s linear -4s infinite petalDrift;top:-2%;left:75%}.sky-petal.p3{width:12px;height:16px;animation:12s linear -7s infinite petalDrift;top:-8%;left:92%}.sky-petal.p4{width:8px;height:12px;animation:20s linear -11s infinite petalDrift;top:15%;left:80%}@keyframes petalDrift{0%{opacity:0;transform:translate(0)rotate(0)}20%{opacity:.85}80%{opacity:.85}to{opacity:0;transform:translate(-28vw,90vh)rotate(360deg)}}.sky-vignette-bottom{inset-x:0;pointer-events:none;background:linear-gradient(#0000,#081416d9);height:160px;position:absolute;bottom:0}.creation-layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:28px;max-width:1120px;min-height:100%;margin:0 auto;padding:32px 20px 40px;display:grid;position:relative}.creation-layout>*{min-width:0}.creation-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.xianxia-header{text-align:center}.badge-tag{color:var(--gold-bright);letter-spacing:1.5px;text-transform:uppercase;background:#143234bf;border:1px solid #e9c46ab3;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex}.game-title{color:#fff;text-shadow:0 2px 10px #000000b3;letter-spacing:1px;margin-top:12px;font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.05}.game-title span{background:linear-gradient(#fde68a,#d9a63f);color:#0000;text-shadow:0 0 20px #fde68a59;-webkit-background-clip:text;background-clip:text;display:block}.subtitle{color:#cbd5e1;text-shadow:0 1px 4px #0009;margin-top:8px;font-size:14px;font-style:italic}.hero-stage{width:min(320px,70vw);height:min(340px,74vw);position:relative}.hero-halo{background:radial-gradient(circle,#fffae1f2 0%,#fde68a59 45%,#fde68a00 70%);border-radius:50%;animation:4s ease-in-out infinite halo-breathe;position:absolute;inset:8% 10% 12%}@keyframes halo-breathe{0%,to{opacity:.85;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.preview-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-stage-label{color:var(--gold-bright);white-space:nowrap;background:#143234d9;border:1px solid #e9c46a99;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hero-class-info{max-width:420px}.hero-class-name{color:#1d3b3a;font-size:22px;font-weight:900}.hero-class-tag{color:#8a5410;margin-top:2px;font-size:13px;font-weight:700}.hero-class-desc{color:#3d5653;margin-top:6px;font-size:13px;line-height:1.55}.creation-card{flex-direction:column;gap:18px;padding:22px 20px;display:flex}.section-box{flex-direction:column;gap:10px;display:flex}.section-label{color:var(--gold-bright);letter-spacing:.5px;align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.section-num{font-family:var(--font-brush);color:#fff5e1;background:#b91c1cd9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;font-weight:400;display:inline-grid;box-shadow:0 0 0 2px #e9c46a99}.name-input-row{gap:8px;display:flex}.xianxia-input{min-width:0;color:var(--text);font-family:var(--font-serif);background:#00000059;border:1px solid #e9c46a59;border-radius:10px;outline:none;flex:1;padding:11px 14px;font-size:15px;font-weight:700}.xianxia-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e9c46a2e}.classes-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.class-card{text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 6px;transition:border-color .15s,background .15s,transform .15s;display:flex}.class-card:hover{border-color:#e9c46a80;transform:translateY(-1px)}.class-card.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 6px 18px #e9c46a2e;background:linear-gradient(135deg,#e9c46a33,#5eead414)}.class-portrait{object-fit:cover;background:radial-gradient(circle at 50% 35%,#fef3c7,#c7d9cf);border:2px solid #e9c46a99;border-radius:50%;flex-shrink:0;width:52px;height:52px}.class-info{flex-direction:column;gap:3px;min-width:0;display:flex}.class-name{color:var(--text);font-size:13px;font-weight:900}.class-perk{color:var(--text-dim);font-size:11px;line-height:1.35}.stat-header-row{justify-content:space-between;align-items:center;display:flex}.points-badge{color:var(--jade);background:#5eead424;border:1px solid #5eead466;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.stats-allocator{flex-direction:column;gap:6px;display:flex}.stat-row{background:#00000038;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.stat-icon{background:color-mix(in srgb, var(--c) 16%, transparent);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.stat-label-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.stat-title{font-size:13px;font-weight:700}.stat-desc{color:var(--text-dim);font-size:11px}.stat-controls{align-items:center;gap:8px;display:flex}.stat-value{text-align:center;min-width:26px;color:var(--gold-bright);font-size:16px;font-weight:900}.btn-stat-minus,.btn-stat-plus{width:28px;height:28px;color:var(--gold-bright);background:#e9c46a1a;border:1px solid #e9c46a66;border-radius:8px;font-size:16px;font-weight:700;line-height:1}.btn-stat-plus:hover,.btn-stat-minus:hover{background:#e9c46a40}.stat-auto-hint{color:var(--text-dim);margin-top:8px;font-size:11px;line-height:1.45}.path-prediction{color:#d6eefb;background:#7dd3fc12;border:1px dashed #7dd3fc59;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.game-root{background:#0b1416;position:fixed;inset:0;overflow:hidden}.world-canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.hud,.controls{pointer-events:none;position:absolute;inset:0}.hud button,.hud .player-frame,.controls button,.controls .joystick,.controls .minimap-frame{pointer-events:auto}.hud-top-left{top:max(12px, env(safe-area-inset-top));position:absolute;left:12px}.player-frame{cursor:pointer;align-items:center;gap:12px;width:330px;padding:10px 14px 10px 10px;display:flex}.portrait-ring{background:conic-gradient(from 200deg,#fde68a,#b7832f,#fde68a,#b7832f,#fde68a);border-radius:50%;flex-shrink:0;width:66px;height:66px;padding:3px;position:relative;box-shadow:0 0 14px #e9c46a73}.portrait-ring img{object-fit:cover;background:radial-gradient(circle at 50% 35%,#fff7e0,#b9d7cf);border-radius:50%;width:100%;height:100%;display:block}.portrait-ring.burnt{background:conic-gradient(#ef4444,#7f1d1d,#ef4444);box-shadow:0 0 14px #ef444499}.portrait-ring.burnt img{background:radial-gradient(circle,#57534e,#1c1917)}.realm-lv{border:2px solid var(--gold-bright);color:#fff;background:#9b1c1c;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:-4px;right:-4px}.frame-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.frame-name{color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0009;font-size:16px;font-weight:900;overflow:hidden}.frame-sub{white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex;overflow:hidden}.frame-realm{color:var(--jade);font-weight:700}.frame-title{color:var(--text-dim);text-overflow:ellipsis;overflow:hidden}.frame-title:before{content:"·";margin-right:6px}.qi-bar{background:#00000080;border:1px solid #7dd3fc66;border-radius:999px;height:18px;position:relative;overflow:hidden}.qi-fill{background:linear-gradient(90deg,#0e7490,#22d3ee 60%,#a5f3fc);border-radius:999px;transition:width .25s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #22d3ee99}.qi-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000) 0 0/60px 100%;animation:1.8s linear infinite qi-shine;position:absolute;inset:0}@keyframes qi-shine{0%{background-position:-60px 0}to{background-position:400px 0}}.qi-bar.full{border-color:var(--gold-bright)}.qi-bar.full .qi-fill{background:linear-gradient(90deg,#b7832f,#fde68a);box-shadow:0 0 14px #fde68acc}.qi-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000000e6;font-size:10.5px;font-weight:700;line-height:16px;display:block;position:relative}.stamina-bar{background:#0000008c;border:1px solid #38bdf873;border-radius:999px;height:12px;position:relative;overflow:hidden}.stamina-fill{background:linear-gradient(90deg,#0284c7,#38bdf8 70%,#93c5fd);border-radius:999px;transition:width .15s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #38bdf880}.stamina-text{text-align:center;color:#e0f2fe;text-shadow:0 1px 2px #000000f2;letter-spacing:.2px;font-size:9px;font-weight:700;line-height:11px;display:block;position:relative}.frame-chips{flex-wrap:wrap;gap:5px;display:flex}.chip{background:#00000059;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.chip-stone{color:#bae6fd}.chip-burnt{color:#fecaca;border-color:#f8717180}.hud-top-center{top:max(12px, env(safe-area-inset-top));flex-direction:column;align-items:center;gap:8px;width:min(440px,40vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.map-scroll{text-align:center;color:#3b2a14;background:linear-gradient(#faf0d6f5,#e8d6acf5);border-top:3px solid #7a4a1e;border-bottom:3px solid #7a4a1e;border-radius:6px;padding:7px 34px 8px;position:relative;box-shadow:0 8px 22px #00000059}.map-scroll:before,.map-scroll:after{content:"";background:linear-gradient(90deg,#5c3412,#9a6230,#5c3412);border-radius:6px;width:12px;position:absolute;top:-6px;bottom:-6px}.map-scroll:before{left:-8px}.map-scroll:after{right:-8px}.map-scroll-name{letter-spacing:.5px;font-size:16px;font-weight:900}.map-scroll-buff{color:#6b4a22;margin-top:1px;font-size:11px}.room-announcement{color:#ede9fe;text-align:center;background:#4c1d95e0;border:1px solid #c4b5fd99;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;animation:.3s ease-out announce-in;box-shadow:0 0 18px #8b5cf680}@keyframes announce-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.minimap-frame{top:max(12px, env(safe-area-inset-top));border:2px solid var(--gold);width:200px;height:142px;box-shadow:var(--shadow), inset 0 0 0 2px #00000080;cursor:pointer;background:radial-gradient(#c8e6eb40,#0a191ed9);border-radius:12px;transition:border-color .15s,box-shadow .15s,transform .15s;position:absolute;right:12px;overflow:hidden}.minimap-frame:hover{border-color:var(--gold-bright);box-shadow:var(--shadow), inset 0 0 0 2px #00000080, 0 0 12px #e9c46a59}.minimap-frame canvas{width:100%;height:100%;display:block}.hud-menu{top:calc(max(12px, env(safe-area-inset-top)) + 154px);grid-template-columns:repeat(4,minmax(48px,auto));gap:6px;display:grid;position:absolute;right:12px}.menu-btn{min-width:48px;height:48px;color:var(--gold-bright);background:linear-gradient(#1e373aeb,#0e1a1ef2);border:1px solid #e9c46a80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 7px 5px;transition:transform .12s,border-color .12s;display:flex;position:relative;box-shadow:0 4px 10px #00000059}.menu-btn:hover,.menu-btn.active{border-color:var(--gold-bright);background:linear-gradient(#503c14f2,#281c0af2);transform:translateY(-1px)}.menu-icon{justify-content:center;align-items:center;line-height:0;display:flex}.menu-label{letter-spacing:.1px;text-align:center;white-space:nowrap;color:var(--text);opacity:1;pointer-events:none;font-size:9px;line-height:1.1;display:block}.menu-btn:hover .menu-label,.menu-btn.active .menu-label{color:var(--gold-bright)}.quick-chat{left:50%;bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:6px;width:min(520px,100vw - 520px);display:flex;position:absolute;transform:translate(-50%)}.chat-compose{-webkit-backdrop-filter:blur(6px);background:#0e1a1ee6;border:1px solid #e9c46a73;border-radius:999px;align-items:center;gap:6px;width:100%;padding:4px 5px 4px 12px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 8px 22px #00000073}.chat-compose:focus-within{border-color:var(--gold-bright);box-shadow:0 0 0 2px #e9c46a2e,0 8px 22px #00000073}.chat-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:7px 0;font-size:13px}.chat-input::placeholder{color:#b9b2a0b3}.chat-send{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949 55%,#b7832f);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;transition:filter .12s,transform .12s;display:grid;box-shadow:inset 0 1px #ffffff80}.chat-send:hover{filter:brightness(1.07)}.chat-send:active{transform:scale(.94)}.chat-meta{width:100%;color:var(--text-dim);text-shadow:0 1px 2px #000000d9;justify-content:space-between;gap:8px;padding:0 10px;font-size:9.5px;display:flex}.chat-count{font-variant-numeric:tabular-nums}.chat-count.near{color:#fbbf24;font-weight:800}.chat-pills{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.btn-chat-pill{white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1a1ed1;border:1px solid #e9c46a66;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:700;transition:background .12s;display:inline-flex}.btn-chat-pill:hover{background:#503c14e6}.hud-hint{left:14px;bottom:max(14px, env(safe-area-inset-bottom));color:#ffffffd9;text-shadow:0 1px 2px #000000e6;flex-direction:column;gap:4px;font-size:11px;display:flex;position:absolute}kbd{min-width:20px;font-family:var(--font-serif);text-align:center;background:#0000008c;border:1px solid #ffffff59;border-bottom-width:2px;border-radius:4px;margin-right:2px;padding:1px 5px;font-size:10px;display:inline-block}.joystick{left:max(24px, calc(env(safe-area-inset-left) + 18px));bottom:max(26px, calc(env(safe-area-inset-bottom) + 12px));touch-action:none;background:radial-gradient(circle,#ffffff14,#ffffff2e);border:2px solid #e9c46a80;border-radius:50%;place-items:center;width:128px;height:128px;display:none;position:absolute}.joy-knob{pointer-events:none;background:radial-gradient(circle at 40% 35%,#fde68a,#b7832f);border-radius:50%;width:56px;height:56px;box-shadow:0 4px 14px #0006}.action-cluster{right:20px;bottom:max(20px, calc(env(safe-area-inset-bottom) + 8px));width:190px;height:190px;position:absolute}.btn-cultivate{border:3px solid var(--gold-bright);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 50% 35%,#34d3c0 0%,#0f766e 60%,#0b4f4a 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:108px;height:108px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 0 0 4px #0d171999,0 0 26px #5eead48c,inset 0 -6px 12px #00000059}.btn-cultivate:active{transform:scale(.95)}.btn-cultivate.holding{border-color:#a5f3fc;transform:scale(.96);box-shadow:0 0 0 4px #0d171999,0 0 34px #a5f3fcd9,inset 0 -6px 12px #00000059}.btn-cultivate.holding .cultivate-ring{border-color:#a5f3fcf2;animation-duration:2.2s}.cultivate-label{color:#fff7d6;text-shadow:0 1px 2px #0009;font-size:13px;font-weight:900}.cultivate-hold{letter-spacing:.01em;color:#fff7d6b8;text-shadow:0 1px 2px #0000008c;white-space:nowrap;pointer-events:none;margin-top:-1px;font-size:8.5px;font-weight:700}.cultivate-ring{pointer-events:none;border:2px dashed #fde68a99;border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-10px}.btn-cultivate.pulse:after{content:"";pointer-events:none;border:3px solid #a5f3fce6;border-radius:50%;animation:.45s ease-out forwards cultivate-pulse;position:absolute;inset:-4px}@keyframes cultivate-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes spin{to{transform:rotate(360deg)}}.btn-skill{width:60px;height:60px;color:var(--gold-bright);background:radial-gradient(circle at 50% 35%,#32464bf2,#0e1a1ef5);border:2px solid #e9c46a99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:transform .12s,filter .12s;display:flex;position:absolute;box-shadow:0 4px 12px #00000073}.btn-skill span{white-space:nowrap;font-size:9.5px;font-weight:900;line-height:1}.btn-skill:active{transform:scale(.94)}.btn-tribulate{bottom:6px;right:118px}.btn-auto{bottom:82px;right:102px}.btn-active-skill{bottom:120px;right:38px}.btn-interact{border-radius:999px;flex-direction:row;gap:6px;width:auto;height:40px;padding:0 14px;bottom:200px;right:0}.btn-interact span{font-size:12px}.btn-interact{color:#3b1d00;background:linear-gradient(#fde68a,#d39e36);border-color:#fff3c4;animation:1.2s ease-in-out infinite interact-bob}@keyframes interact-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn-tribulate:disabled{filter:grayscale(.8)brightness(.75);cursor:not-allowed}.btn-tribulate.ready{color:#fff;background:radial-gradient(circle at 50% 35%,#c4b5fd,#6d28d9 70%);border-color:#ede9fe;animation:1.1s ease-in-out infinite trib-glow}@keyframes trib-glow{0%,to{box-shadow:0 0 10px #a78bfa99}50%{box-shadow:0 0 28px #c4b5fd,0 0 0 6px #a78bfa40}}.tribulate-rate{text-align:center;letter-spacing:-.2px;pointer-events:auto;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;z-index:6;background:#0d171cf0;border:1px solid #ffffff2e;border-radius:999px;width:70px;padding:1px 4px;font-size:9.5px;font-weight:800;line-height:1.25;transition:color .2s,border-color .2s,background-color .2s;position:absolute;bottom:-4px;right:113px;box-shadow:0 2px 6px #00000080}.tribulate-rate.risk-safe,.tribulate-rate.risk-low{color:#4ade80;border-color:#4ade8073}.tribulate-rate.risk-warn,.tribulate-rate.risk-med{color:#facc15;border-color:#facc1573}.tribulate-rate.risk-danger,.tribulate-rate.risk-high{color:#f87171;border-color:#f8717173}.btn-auto.active{color:#fff;background:radial-gradient(circle at 50% 35%,#6ee7b7,#047857 70%);border-color:#d1fae5}.toast-layer{z-index:76;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--gold);color:var(--gold-bright);box-shadow:var(--shadow);text-align:center;background:#0e1a1eeb;border-radius:999px;max-width:86vw;padding:9px 18px;font-size:13px;font-weight:700;transition:opacity .4s,transform .4s;animation:.25s ease-out toast-in}.toast-warn{color:#fecaca;border-color:#f87171}.toast.leave{opacity:0;transform:translateY(-10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=600px){.toast-layer{gap:6px;width:80vw}.toast{border-radius:12px;width:100%;max-width:100%;padding:7px 12px;font-size:11.5px;font-weight:600;line-height:1.4}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#0812148c,#040a0ccc);grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-box{flex-direction:column;width:min(460px,100%);max-height:min(86vh,760px);animation:.22s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex}.modal-box.wide{width:min(640px,100%)}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}.modal-header{border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,#e9c46a1f,#0000);border-bottom:1px solid #e9c46a40;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.modal-header h3{color:var(--gold-bright);letter-spacing:.4px;align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex}.btn-close-modal{width:32px;height:32px;color:var(--text-dim);border:1px solid #ffffff1a;border-radius:8px;place-items:center;display:grid}.btn-close-modal:hover{color:#fff;background:#ffffff14}.modal-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.modal-desc{color:var(--text-dim);font-size:13px}.divider{background:linear-gradient(90deg,#0000,#e9c46a66,#0000);border:none;height:1px;margin:2px 0}.sub-heading{color:var(--gold-bright);font-size:13px;font-weight:900}.leaderboard-tabs-row{gap:6px;display:flex}.btn-tab{color:var(--text-dim);background:#00000040;border:1px solid #ffffff14;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-size:12px;font-weight:700;display:flex}.btn-tab.active{color:#3b1d00;background:linear-gradient(#fde68a,#d39e36);border-color:#fde68a}.leaderboard-content-list{flex-direction:column;gap:6px;display:flex}.lb-row{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.lb-rank{background:#ffffff14;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.lb-rank.rank-1{color:#3b1d00;background:linear-gradient(#fde68a,#c58b23)}.lb-rank.rank-2{color:#1f2937;background:linear-gradient(#e5e7eb,#9ca3af)}.lb-rank.rank-3{color:#3b1d00;background:linear-gradient(#fdba74,#b45309)}.lb-info{flex:1;min-width:0}.lb-name{font-size:14px;font-weight:700}.lb-sub{color:var(--text-dim);font-size:11px}.lb-score{color:var(--jade);white-space:nowrap;font-size:12px;font-weight:900}.sound-packs-list{flex-direction:column;gap:8px;display:flex}.sound-pack-card{text-align:left;background:#00000040;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.sound-pack-card.active-pack{border-color:var(--gold);background:#e9c46a1a}.pack-icon-box{width:38px;height:38px;color:var(--jade);background:#5eead41f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.pack-info{flex-direction:column;flex:1;min-width:0;display:flex}.pack-name{font-size:13px;font-weight:700}.pack-desc{color:var(--text-dim);font-size:11px}.btn-listen-pack{color:var(--gold-bright);white-space:nowrap;border:1px solid #e9c46a66;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.modal-body .section-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:800}.music-now{background:linear-gradient(135deg,#e9c46a1f,#00000047);border:1px solid #e9c46a52;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.music-disc{background:radial-gradient(circle at 32% 30%, var(--gold-bright), var(--gold) 55%, var(--gold-deep));border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 3px #0d171959,0 4px 12px #0006}.music-now.playing .music-disc{animation:6s linear infinite music-spin}@keyframes music-spin{to{transform:rotate(360deg)}}.music-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.music-title{color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.music-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.music-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.music-btn{width:30px;height:30px;color:var(--text-dim);background:#00000040;border:1px solid #ffffff1f;border-radius:50%;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.music-btn:hover{color:var(--gold-bright);border-color:#e9c46a8c}.music-btn-main{width:36px;height:36px;color:var(--ink);background:linear-gradient(180deg, var(--gold-bright), var(--gold));border-color:#0d171980;box-shadow:0 3px 10px #00000059}.music-btn-main:hover{color:var(--ink);background:linear-gradient(180deg, #fff4cf, var(--gold-bright))}.music-volume-row{align-items:center;gap:10px;padding:0 2px;display:flex}.music-volume{appearance:none;background:linear-gradient(90deg, var(--gold) 0 var(--fill,0%), #ffffff24 var(--fill,0%) 100%);cursor:pointer;border-radius:999px;outline:none;flex:1;height:4px}.music-volume::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%, var(--gold-bright), var(--gold-deep));border:1px solid #0d1719b3;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #00000073}.music-volume::-moz-range-thumb{background:var(--gold);border:1px solid #0d1719b3;border-radius:50%;width:14px;height:14px}.music-volume-value{color:var(--text-dim);text-align:right;width:34px;font-size:11px;font-weight:700}.music-tracks{flex-direction:column;gap:8px;display:flex}.item-art{filter:drop-shadow(0 1px 1.5px #0000008c);flex-shrink:0;display:block}.bag-slot .item-art{width:84%;height:84%}.bag-detail-icon .item-art{width:34px;height:34px}.equipped-name .item-art{vertical-align:middle;display:inline-block}.equip-item-title{align-items:center;gap:6px;display:flex}.codex-icon .item-art{width:26px;height:26px}.loot-drop-overlay{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(at 50% 32%,#09141680,#03080ae0);padding:14px}.loot-drop-card{--radius:18px;border-color:color-mix(in srgb, var(--rarity) 60%, #0d1719);width:min(400px,100%);max-height:min(92dvh,760px);box-shadow:0 26px 60px #0000009e, 0 0 46px color-mix(in srgb, var(--rarity) 20%, transparent), inset 0 0 0 3px #0d1719eb, inset 0 0 0 4px color-mix(in srgb, var(--rarity) 20%, transparent);flex-direction:column;animation:.32s cubic-bezier(.2,.9,.3,1.3) pop-in;display:flex;overflow:hidden}.loot-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rarity) 30%, transparent) 0deg 6deg, transparent 6deg 21deg);opacity:.6;pointer-events:none;border-radius:50%;width:460px;height:460px;margin-left:-230px;animation:30s linear infinite spin;position:absolute;top:-190px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 6%,#00000073 34%,#0000 64%);mask-image:radial-gradient(circle,#000 6%,#00000073 34%,#0000 64%)}.loot-topline{background:linear-gradient(90deg, transparent, var(--rarity), #fff, var(--rarity), transparent);height:2px;box-shadow:0 0 14px color-mix(in srgb, var(--rarity) 80%, transparent);pointer-events:none;border-radius:0 0 3px 3px;position:absolute;top:0;left:12%;right:12%}.loot-close{z-index:4;width:28px;height:28px;color:var(--text-dim);background:#080e10a6;border:1px solid #ffffff1f;border-radius:50%;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;top:9px;right:9px}.loot-close:hover{color:var(--text);background:#000000d9}.loot-body{z-index:2;overscroll-behavior:contain;flex-direction:column;gap:10px;padding:14px 15px 6px;display:flex;position:relative;overflow-y:auto}.loot-head{flex-direction:column;align-items:center;gap:7px;display:flex}.loot-tag{letter-spacing:1.4px;text-transform:uppercase;color:var(--rarity);background:color-mix(in srgb, var(--rarity) 15%, #080e10e6);border:1px solid color-mix(in srgb, var(--rarity) 55%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--rarity) 26%, transparent);border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:10px;font-weight:900;display:inline-flex}.loot-title{letter-spacing:.4px;text-align:center;background:linear-gradient(180deg, #fff7de 0%, var(--gold-bright) 46%, #d9a83f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 7px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:19px;font-weight:900;line-height:1.2}.loot-hero{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.loot-medal{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--rarity) 40%, transparent), #060c0ef0 74%);border:1px solid color-mix(in srgb, var(--rarity) 70%, transparent);width:78px;height:78px;box-shadow:0 0 0 5px color-mix(in srgb, var(--rarity) 9%, transparent), 0 0 30px color-mix(in srgb, var(--rarity) 38%, transparent), inset 0 0 20px color-mix(in srgb, var(--rarity) 26%, transparent);border-radius:50%;place-items:center;margin:2px 0 4px;display:grid;position:relative}.loot-medal:before{content:"";border:1px dashed color-mix(in srgb, var(--rarity) 42%, transparent);pointer-events:none;border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:-10px}.loot-medal .item-art{filter:drop-shadow(0 3px 7px #0009);width:54px;height:54px}.loot-stars{letter-spacing:3px;color:var(--gold-bright);text-shadow:0 0 9px #e9c46aa6;font-size:11px}.loot-hero__name{color:var(--rarity);text-shadow:0 2px 10px #0000008c;font-size:19px;font-weight:900;line-height:1.25}.loot-hero__meta{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:2px;display:flex}.loot-meta-chip{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff17;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.loot-meta-chip--set{color:#a5b4fc;background:#6366f124;border-color:#a5b4fc52}.loot-hero__desc{color:#c8d3cd;margin-top:6px;padding:0 6px;font-size:12.5px;font-style:italic;line-height:1.5}.loot-compare{flex-direction:column;display:flex}.loot-side{background:#00000047;border:1px solid #ffffff0f;border-radius:12px;padding:8px 11px 9px}.loot-side--old{opacity:.85}.loot-side--new{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 13%, #00000052), #00000057);border-color:color-mix(in srgb, var(--rarity) 42%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity) 12%, transparent)}.loot-side__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.loot-side__label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-size:9.5px;font-weight:900}.loot-side--new .loot-side__label{color:var(--rarity)}.loot-side__rarity{letter-spacing:.7px;text-transform:uppercase;opacity:.85;font-size:9.5px;font-weight:800}.loot-side__item{align-items:center;gap:7px;min-width:0;margin-bottom:7px;display:flex}.loot-side__icon{width:30px;height:30px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.loot-side--new .loot-side__icon{background:color-mix(in srgb, var(--rarity) 16%, transparent);border-color:color-mix(in srgb, var(--rarity) 38%, transparent)}.loot-side__icon .item-art{width:24px;height:24px}.loot-side__name{color:#d7e0db;font-size:13px;font-weight:800;line-height:1.3}.loot-side__name--empty{color:var(--text-dim);opacity:.75;font-size:12px;font-style:italic;font-weight:600}.loot-chips{flex-wrap:wrap;gap:5px;display:flex}.loot-chip{color:#cfe9e2;background:#5eead412;border:1px solid #5eead429;border-radius:7px;align-items:baseline;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.loot-chip b{color:var(--jade);font-size:11.5px;font-weight:900}.loot-chip--muted{color:#9aa5a1;background:#ffffff09;border-color:#ffffff12}.loot-chip--muted b{color:#b6c2bd}.loot-chip__delta{color:#4ade80;border-left:1px solid #4ade804d;margin-left:1px;padding-left:5px;font-size:9.5px;font-style:normal;font-weight:900}.loot-vs{z-index:1;background:#080e10eb;border:1px solid #e9c46a47;border-radius:999px;align-self:center;align-items:center;gap:6px;margin:-9px 0;padding:2px 10px 2px 2px;display:inline-flex;box-shadow:0 0 16px #00000080}.loot-vs__arrow{color:#3b1d00;background:linear-gradient(180deg, var(--gold-bright), var(--gold-deep));border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 0 10px #e9c46a66}.loot-vs__delta{letter-spacing:.5px;text-transform:uppercase;color:#4ade80;font-size:10px;font-weight:900}.loot-note{text-align:center;color:#86efac;background:#86efac12;border:1px solid #86efac24;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:11px;line-height:1.4;display:flex}.loot-note svg{flex-shrink:0}.loot-actions{z-index:2;background:linear-gradient(#0a121400 0%,#080e10f0 40%);border-top:1px solid #e9c46a29;flex-direction:column;flex-shrink:0;gap:8px;padding:9px 15px 12px;display:flex;position:relative}.loot-btn{letter-spacing:.3px;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:0;padding:12px 10px;font-size:13px;font-weight:800;transition:transform .12s,filter .12s,background .15s;display:flex}.loot-btn:active{transform:translateY(1px)scale(.995)}.loot-btn--equip{letter-spacing:.6px;color:#3b1d00;background:linear-gradient(#fde68a 0%,#e9b949 48%,#b7832f 100%);padding:14px 10px;font-size:15px;font-weight:900;box-shadow:0 6px 20px #e9b9494d,inset 0 1px #fff9,inset 0 -2px #78460a59}.loot-btn--equip:hover{filter:brightness(1.06)}.loot-actions__row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.loot-btn--ghost{color:var(--gold-bright);background:#e9c46a12;border:1px solid #e9c46a52;font-size:12.5px}.loot-btn--ghost:hover{background:#e9c46a24}.loot-btn--ghost b{color:var(--gold-bright);font-weight:900}@media (width<=360px){.loot-btn--ghost{gap:5px;padding:11px 6px;font-size:11.5px}.loot-hero__name{font-size:18px}.loot-body{padding:16px 12px 6px}}.inventory-layout{align-items:stretch;gap:14px;display:flex}.inventory-portrait{text-align:center;background:radial-gradient(circle at 50% 30%,#fde68a40,#00000040);border:1px solid #e9c46a4d;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:120px;padding:10px 6px;display:flex}.inventory-portrait img{width:90px;height:90px}.inventory-name{color:var(--gold-bright);font-size:13px;font-weight:900}.inventory-realm{color:var(--jade);font-size:11px}.inventory-slots-grid{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.slot-card{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;padding:8px 10px}.slot-header{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:4px;font-size:10px;font-weight:900;display:flex}.empty-slot{color:var(--text-dim);opacity:.7;text-align:center;padding:6px;font-size:12px;font-style:italic}.bag-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.bag-head .sub-heading{align-items:center;gap:6px;margin:0;display:inline-flex}.bag-count{color:var(--text-dim);background:#0000004d;border:1px solid #ffffff14;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.bag-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.bag-slot{aspect-ratio:1;background:linear-gradient(#122224e6,#081012f2);border:1px solid #ffffff12;border-radius:9px;place-items:center;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;position:relative}.bag-slot.empty{background:#00000038;border-style:dashed;border-color:#ffffff0f}.bag-slot.filled{cursor:pointer;border-color:var(--rarity);box-shadow:inset 0 0 10px #00000080}.bag-slot.filled:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000073,inset 0 0 12px #ffffff0f}.bag-slot.selected{border-color:var(--gold-bright);box-shadow:0 0 0 2px #e9c46a59,inset 0 0 12px #e9c46a2e}.bag-detail{border:1px solid var(--rarity);background:linear-gradient(#00000059,#0003);border-radius:12px;margin-top:10px;padding:10px 12px}.bag-detail-head{align-items:center;gap:10px;display:flex}.bag-detail-icon{border:1px solid var(--rarity);background:#0006;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.bag-detail-title{flex:1;min-width:0}.bag-detail-name{color:var(--rarity);font-size:14px;font-weight:900}.bag-detail-sub{color:var(--text-dim);font-size:10.5px}.bag-detail-close{flex-shrink:0;width:24px;height:24px}.bag-detail-stats{color:var(--jade);margin-top:6px;font-size:12px}.bag-detail-desc{color:var(--text-dim);margin:4px 0 0;font-size:11px;line-height:1.4}.bag-detail-compare{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:7px;font-size:11px;display:flex}.bag-detail-current{color:var(--text-dim)}.bag-diff{border-radius:999px;padding:1px 7px;font-weight:800}.bag-diff.up{color:#86efac;background:#22c55e24}.bag-diff.down{color:#fca5a5;background:#ef444424}.bag-diff.same{color:var(--text-dim);background:#ffffff0f}.bag-detail-actions{gap:8px;margin-top:9px;display:flex}.bag-detail-actions .btn-primary{flex:1.2}.bag-detail-actions .btn-secondary{flex:1}.btn-primary{color:#3b1d00;background:linear-gradient(#fde68a 0%,#e9b949 55%,#c2922f 100%);border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff80}.btn-primary:hover{filter:brightness(1.06)}@media (width<=600px){.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.bag-detail-actions{flex-direction:column}.bag-detail-actions .btn-primary,.bag-detail-actions .btn-secondary{width:100%}}.equipped-item-card{border-left:3px solid var(--rarity);padding-left:8px}.equipped-name{color:var(--rarity);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.equipped-rarity{color:var(--rarity);opacity:.75;font-size:10px}.equipped-stats-text{color:var(--jade);margin-top:2px;font-size:11px}.stats-grid-view{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-pill{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:6px;padding:9px 10px;font-size:12px;display:flex}.stat-pill strong{color:var(--gold-bright);margin-left:auto;font-size:15px}.stat-pill em{color:var(--text-dim);font-size:10px;font-style:normal}.furnace-showcase{align-items:center;gap:14px;display:flex}.furnace-svg-wrap{filter:drop-shadow(0 0 16px #fb923c73);flex-shrink:0;animation:3s ease-in-out infinite halo-breathe}.furnace-desc{color:var(--text-dim);font-size:12px;line-height:1.55}.furnace-stats-box,.realm-gallery{background:#00000047;border:1px solid #e9c46a2e;border-radius:12px;padding:10px}.realm-gallery-head{color:var(--gold-bright);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.realm-gallery-head span{align-items:center;gap:6px;display:inline-flex}.realm-gallery-head em{color:var(--text-dim);font-size:11px;font-style:normal}.realm-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.realm-cell{background:linear-gradient(#142628d9,#0a1418e6);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 7px;transition:border-color .15s,transform .15s;display:flex;position:relative}.realm-cell:hover{border-color:#e9c46a80;transform:translateY(-1px)}.realm-cell.active{border-color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold-bright), 0 0 14px #f5c54240}.realm-thumb{display:block}.realm-cell-name{color:var(--text);text-align:center;font-size:10.5px;font-weight:800;line-height:1.2}.realm-cell-sub{color:var(--text-dim);font-size:9px}.realm-cell.active .realm-cell-name{color:var(--gold-bright)}@media (width<=600px){.realm-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.history-list,.offline-rewards-box{background:#00000040;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;display:flex}.furnace-stats-box>div,.history-list>div,.offline-rewards-box>div{justify-content:space-between;gap:10px;display:flex}.furnace-stats-box span,.history-list span,.offline-rewards-box span{color:var(--text-dim)}.c-stone{color:#7dd3fc}.c-gold{color:var(--gold-bright)}.furnace-actions{flex-direction:column;gap:8px;display:flex}.maps-list{flex-direction:column;gap:10px;display:flex}.map-card{background:#00000040;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.map-card.current-map{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.map-thumb{background:#0b1416;border:1px solid #ffffff38;border-radius:10px;flex-shrink:0;width:96px;height:72px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0006}.map-thumb-svg{width:100%;height:100%;transition:transform .28s;display:block}.map-thumb:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff29,#fff0 38%,#0000004d);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000059}.map-card:hover .map-thumb-svg{transform:scale(1.07)}.map-card.current-map .map-thumb{border-color:var(--accent)}.map-card-content{flex:1;min-width:0}.map-card-header{color:var(--accent);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.map-card-desc{color:var(--text-dim);margin-top:2px;font-size:11.5px;line-height:1.4}.map-card-buff{color:var(--jade);margin-top:3px;font-size:11.5px;line-height:1.4}.here-tag{background:var(--accent);color:#0d1719;border-radius:999px;padding:1px 7px;font-size:10px}.btn-travel{color:#3b1d00;background:linear-gradient(#fde68a,#d39e36);border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:900}.thunder-overlay{background:radial-gradient(#28145099,#05020fe6)}.tribulation-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(400px,100%);padding:26px 20px 20px;animation:.3s cubic-bezier(.2,.9,.3,1.3) pop-in;display:flex}.tribulation-icon-wrap{background:radial-gradient(circle,#fde68a40,#0000 70%);border-radius:50%;place-items:center;width:84px;height:84px;animation:2.4s ease-in-out infinite halo-breathe;display:grid}.tribulation-card h2{color:var(--gold-bright);font-size:21px;font-weight:900}.tribulation-fail{border-color:#f87171b3}.tribulation-fail h2{color:#fca5a5}.tribulation-fail .tribulation-icon-wrap{background:radial-gradient(circle,#ef44444d,#0000 70%)}.tribulation-message{color:var(--text-dim);font-size:13px;line-height:1.55}.tribulation-chance-tag{color:var(--qi);background:#00000059;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.tribulation-chance-tag.reward{color:var(--jade)}.offline-rewards-box{width:100%}@media (pointer:coarse){.joystick{display:grid}.hud-hint{display:none}}@media (width<=1100px){.quick-chat{bottom:auto;left:auto;right:12px;top:calc(max(12px, env(safe-area-inset-top)) + 262px);flex-direction:column;align-items:flex-end;width:min(340px,100vw - 32px);max-width:none;display:none;transform:none}.quick-chat.open{display:flex}}@media (width>=1101px){.hud-menu .menu-btn[data-action=toggle-chat]{display:none}.hud-menu{grid-template-columns:repeat(3,minmax(48px,auto));right:12px}}@media (width<=860px){.creation-layout{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 16px 32px}.hero-stage{width:min(240px,60vw);height:min(260px,60vw)}.hud-top-center{display:none}.player-frame{gap:9px;width:250px;padding:8px 11px 8px 8px}.portrait-ring{width:54px;height:54px}.frame-name{font-size:14px}}@media (width<=600px){.hud-top-left{top:max(8px, env(safe-area-inset-top));left:8px}.player-frame{border-radius:12px;gap:7px;width:auto;max-width:min(210px,58vw);padding:5px 9px 5px 5px}.portrait-ring{width:38px;height:38px;padding:2px}.realm-lv{border-width:1.5px;min-width:17px;height:17px;padding:0 3px;font-size:9px;bottom:-3px;right:-3px}.frame-info{gap:2px}.frame-name{font-size:11.5px}.frame-sub{gap:4px;font-size:9px}.frame-sub .frame-title{display:none}.qi-bar{height:11px}.qi-text{font-size:8px;line-height:9px}.stamina-bar{height:8px}.stamina-text{font-size:7px;line-height:8px}.frame-chips{gap:3px}.chip{border-width:1px;gap:2px;padding:0 5px;font-size:8.5px}.chip svg{width:9px;height:9px}.frame-chips .chip:not(.chip-stone):not(.chip-burnt){display:none}.minimap-frame{width:116px;height:84px}.hud-menu{top:calc(max(12px, env(safe-area-inset-top)) + 94px);grid-template-columns:42px;gap:6px}.menu-btn{min-width:42px;height:42px;padding:3px 4px}.menu-label{display:none}.quick-chat{top:calc(max(12px, env(safe-area-inset-top)) + 94px);right:62px}.classes-grid{grid-template-columns:1fr}.inventory-layout{flex-direction:column}.inventory-portrait{flex-direction:row;justify-content:center;gap:10px;width:100%}.inventory-portrait img{width:60px;height:60px}.action-cluster{transform-origin:100% 100%;right:12px;transform:scale(.92)}.joystick{left:max(24px, calc(env(safe-area-inset-left) + 18px));width:116px;height:116px}.map-thumb{width:60px;height:52px}.map-card{flex-wrap:wrap}.btn-travel{width:100%}}@media (height<=560px) and (orientation:landscape){.hud-menu{grid-template-columns:repeat(8,minmax(42px,auto));top:auto;bottom:12px;right:50%;transform:translate(50%)}.menu-btn{gap:1px;min-width:42px;height:44px;padding:3px 5px 4px}.menu-label{font-size:8px}.minimap-frame{width:120px;height:86px}.quick-chat{top:108px}}.daolo-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.daolo-tabs .btn-secondary.active{border-color:var(--gold);color:var(--gold-bright);background:#e9c46a1f}.power-card{background:#0d17198c;border:1px solid #e9c46a47;border-radius:10px;margin-bottom:12px;padding:10px 12px}.power-total{color:var(--gold-bright);margin-bottom:6px;font-size:14px}.power-grid{color:var(--text-dim);grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;font-size:11px;display:grid}.quest-main{border:1px dashed #e9c46a59;border-radius:10px;margin-bottom:10px;padding:8px 10px}.quest-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;display:flex}.quest-row:last-child{border-bottom:none}.quest-row.ready{background:#34d39912;border-radius:8px}.quest-row.done{opacity:.55}.quest-info{flex:1;min-width:0}.quest-name{color:var(--text);font-size:12px}.quest-desc{color:var(--text-dim);margin-bottom:4px;font-size:10px}.quest-bar{background:#ffffff17;border-radius:99px;height:5px;overflow:hidden}.quest-fill{background:linear-gradient(90deg, var(--jade-deep), var(--jade));border-radius:99px;height:100%;transition:width .2s}.quest-side{flex-direction:column;align-items:flex-end;gap:4px;min-width:74px;display:flex}.quest-progress{color:var(--text-dim);font-size:10px}.quest-claimed{color:var(--jade);font-size:10px}.quest-wait{color:var(--text-dim);font-size:10px}.ach-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.ach-name{color:var(--text);font-size:12px}.ach-desc{color:var(--text-dim);font-size:10px}.ach-tiers{flex-shrink:0;gap:4px;display:flex}.tier-chip{color:var(--text-dim);background:0 0;border:1px solid #ffffff1f;border-radius:99px;padding:2px 7px;font-size:10px}.tier-chip.ready{border-color:var(--gold);color:var(--gold-bright);cursor:pointer}.tier-chip.claimed{color:var(--jade);border-color:#34d39973}.title-list{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.title-chip{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:99px;padding:4px 8px;font-size:10px}.title-chip.active{border-color:var(--gold);color:var(--gold-bright);background:#e9c46a1f}.codex-section{margin-bottom:14px}.codex-head{color:var(--text);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.codex-milestones{gap:4px;margin:5px 0 7px;display:flex}.codex-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.codex-cell{background:#0000002e;border:1px solid #ffffff0f;border-radius:7px;flex-direction:column;align-items:center;gap:3px;min-height:44px;padding:5px 3px;display:flex}.codex-cell.found{background:#e9c46a0f;border-color:#e9c46a47}.codex-icon{font-size:14px;line-height:1}.codex-name{color:var(--text-dim);text-align:center;font-size:8px;line-height:1.15}.equip-grid{gap:5px;margin-bottom:10px;display:grid}.equip-slot{background:#00000029;border:1px solid #ffffff12;border-radius:7px;padding:6px 8px;font-size:11px}.enhance-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.enhance-row .btn-secondary{flex-shrink:0;padding:5px 8px;font-size:10px}@media (width<=520px){.codex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.power-grid{grid-template-columns:1fr}}.slot-card{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background .15s;display:block}.slot-card:hover{border-color:#e9c46a59}.slot-card.selected{border-color:var(--gold);background:#e9c46a14}.equipped-set{color:var(--gold);margin-top:1px;font-size:10px}.bag-detail-set{color:var(--gold);align-items:center;gap:4px;margin-top:5px;font-size:11px;display:flex}.bag-detail-pity{color:var(--gold-bright);margin-top:5px;font-size:10px}.equip-slot-action{justify-content:space-between;align-items:center;gap:8px;display:flex}.equip-slot-action .btn-secondary{flex-shrink:0;padding:5px 8px;font-size:10px}.item-detail-overlay{z-index:70;background:radial-gradient(#081214b3,#040a0ce6)}.item-detail-box{width:min(500px,100%);position:relative}.item-detail-box .bag-detail{box-shadow:0 18px 50px #0009, 0 0 24px color-mix(in srgb, var(--rarity) 25%, transparent);background:linear-gradient(#14272a,#0a1517);margin-top:0;padding:14px 16px}.item-detail-box .bag-detail-head{padding-right:36px}.item-detail-close{z-index:1;background:#00000059;width:28px;height:28px;position:absolute;top:10px;right:10px}.bag-hint{color:var(--text-dim);align-items:center;gap:5px;margin-top:7px;font-size:10px;display:flex}.equip-slot-actions{flex-shrink:0;gap:4px;display:flex}.equip-slot-actions .btn-secondary{padding:5px 7px;font-size:9.5px}#active-skill-slot{display:contents}.btn-active-skill{color:#fde047;background:radial-gradient(circle at 50% 35%,#412d19f2,#140f0af5);border-color:#f59e0bb3;bottom:120px;right:38px;box-shadow:0 4px 12px #00000073,0 0 10px #f59e0b40}.btn-active-skill:hover{border-color:#fde047;box-shadow:0 4px 14px #0000008c,0 0 14px #f59e0b66}.btn-active-skill span{text-align:center;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:50px;font-size:8px;line-height:1.1;display:-webkit-box;overflow:hidden}.btn-active-skill.cooling{opacity:.55;filter:grayscale(.6);color:#d1d5db;border-color:#fff3;box-shadow:0 2px 6px #0006}.btn-active-skill.cooling span{color:#fbbf24;font-size:11px;font-weight:900}.modal-body.tl-modal-body{flex:auto;gap:0;min-height:0;padding:0;overflow:hidden}.modal-body.tl-modal-body>.tl{flex-direction:column;flex:auto;min-height:0;display:flex}.tl-hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:9px;padding:12px 16px 0;display:grid}.tl-power{background:radial-gradient(circle at 8% -20%,#e9c46a2e,#0000 62%),#0000004d;border:1px solid #e9c46a42;border-radius:13px;padding:10px 12px 11px}.tl-power__label{letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim);font-size:9px}.tl-power__num{letter-spacing:.5px;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff7de, var(--gold-bright) 52%, #d9a83f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;line-height:1.1;display:block}.tl-power__bar{gap:2px;height:6px;margin:8px 0 7px;display:flex}.tl-power__bar i{border-radius:999px;height:100%}.tl-power__legend{flex-wrap:wrap;gap:4px 10px;display:flex}.tl-lg{color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:9.5px;display:inline-flex}.tl-lg b{color:var(--text);font-weight:700}.tl-lg i{border-radius:50%;width:6px;height:6px}.tl-insight{background:radial-gradient(circle at 100% 120%,#5eead429,#0000 65%),#0000004d;border:1px solid #5eead442;border-radius:13px;flex-direction:column;justify-content:center;padding:10px 12px;display:flex}.tl-insight__label{letter-spacing:1.6px;text-transform:uppercase;color:#5eead4cc;font-size:9px}.tl-insight__num{color:var(--jade);font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1.1}.tl-insight__hint{color:var(--text-dim);margin-top:3px;font-size:9px;line-height:1.35}.tl-tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding:11px 16px;display:grid}.tl-tab{font:inherit;color:var(--text-dim);background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:12.5px;font-weight:800;transition:background .15s,color .15s;display:flex}.tl-tab:hover{background:#ffffff12}.tl-tab.on{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949 55%,#c2922f);border-color:#ffffff47;box-shadow:0 4px 14px #e9b94940,inset 0 1px #ffffff80}.tl-tab.is-locked{color:#7b7566;background:#ffffff05}.tl-tab__n{color:#fda4af;background:#f43f5e38;border-radius:999px;padding:1px 5px;font-size:9.5px;font-weight:900}.tl-tab.on .tl-tab__n{color:#3b1d00;background:#3b1d0038}.tl-tab__dot{background:#fb7185;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #fb7185cc}.tl-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:0 16px 10px;display:flex;overflow-y:auto}.tl-school{background:radial-gradient(circle at 6% -30%,#e9c46a33,#0000 62%),#00000042;border:1px solid #e9c46a47;border-radius:13px;grid-template-columns:44px minmax(0,1fr);gap:11px;padding:11px 12px;display:grid}.tl-school__ico{background:#e9c46a1f;border:1px solid #e9c46a61;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 14px #e9c46a2e}.tl-school__top{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tl-school__top h4{color:var(--gold-bright);letter-spacing:.2px;font-size:15px}.tl-school__body p{color:var(--text-dim);margin:3px 0 7px;font-size:10.5px;line-height:1.45}.tl-chip{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:8.5px;font-weight:900}.tl-chip--main{color:#0f766e;background:#5eead429;border:1px solid #5eead459}.tl-chip--sub{color:#a5b4fc;background:#a5b4fc24;border:1px solid #a5b4fc52}.tl-prog{align-items:center;gap:8px;display:flex}.tl-bar{background:#ffffff14;border-radius:999px;flex:1;height:5px;overflow:hidden}.tl-bar i{background:linear-gradient(90deg, var(--jade), var(--gold));border-radius:999px;height:100%;display:block}.tl-prog__n{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:9.5px}.tl-tier{align-items:center;gap:8px;margin:6px 0 -1px;display:flex}.tl-tier b{letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);font-size:9px;font-weight:900}.tl-tier i{background:linear-gradient(90deg,#e9c46a57,#e9c46a05);flex:1;height:1px}.tl-tier span{color:var(--text-dim);font-size:9px}.tl-node{background:linear-gradient(#ffffff0b,#0000003d);border:1px solid #ffffff12;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.tl-node__ico{letter-spacing:.5px;width:32px;height:32px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;place-items:center;font-size:11px;font-weight:900;display:grid}.tl-node__main{min-width:0}.tl-node__name{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;font-weight:800;display:flex}.tl-node__name small{letter-spacing:.8px;color:var(--text-dim);text-transform:uppercase;font-size:8.5px;font-weight:800}.tl-node__desc{color:var(--text-dim);margin-top:2px;font-size:10.5px;line-height:1.4}.tl-node__req{color:#f87171;align-items:center;gap:4px;margin-top:3px;font-size:9.5px;display:flex}.tl-pips{gap:3px;display:inline-flex}.tl-pips i{background:#ffffff29;border-radius:50%;width:6px;height:6px}.tl-pips i.on{background:var(--gold-bright);box-shadow:0 0 6px #fde68aa6}.tl-node--max{background:linear-gradient(#5eead417,#00000042);border-color:#5eead452}.tl-node--max .tl-node__ico{color:#08302c;background:linear-gradient(#a7f3d0,#5eead4);border-color:#5eead4cc}.tl-node--ready{border-color:#e9c46a4d}.tl-node--ready .tl-node__ico{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949);border-color:#fde68ad9}.tl-node--short{border-color:#e9c46a29}.tl-node--locked{opacity:.56}.tl-node--active{background:linear-gradient(#f43f5e1a,#00000042);border-color:#f43f5e57}.tl-node--active .tl-node__ico{color:#fecdd3;background:#f43f5e38;border-color:#f43f5e80}.tl-node--ult{background:radial-gradient(circle at 10% 0,#fbbf2433,#0000 60%),linear-gradient(#0003,#0000004d);border-color:#fbbf2480;box-shadow:inset 0 0 18px #fbbf241a}.tl-node--ult .tl-node__ico{color:#3b1d00;background:linear-gradient(#fde68a,#d97706);border-color:#fde68ae6}.tl-buy{min-width:88px;font:inherit;font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;line-height:1.15;display:flex}.tl-buy small{letter-spacing:.4px;opacity:.72;font-size:8.5px;font-weight:800}.tl-buy--gold{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949 55%,#b7832f);box-shadow:0 3px 12px #e9b94947,inset 0 1px #ffffff8c}.tl-buy--gold:hover{filter:brightness(1.06)}.tl-buy--gold:active{transform:translateY(1px)}.tl-buy--ghost{color:var(--gold-bright);opacity:.85;background:#e9c46a12;border-color:#e9c46a52}.tl-buy--max{color:var(--jade);background:#5eead41a;border-color:#5eead452}.tl-buy--locked{color:#86807a;background:#ffffff08;border-color:#ffffff14}.tl-buy[disabled]{cursor:not-allowed}.tl-pick-head{flex-direction:column;gap:2px;padding:2px 2px 0;display:flex}.tl-pick-head b{color:var(--gold-bright);font-size:13px}.tl-pick-head span{color:var(--text-dim);font-size:10.5px}.tl-pick-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tl-pick{text-align:left;font:inherit;color:var(--text);background:#00000038;border:1px solid #ffffff1a;border-radius:11px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;transition:border-color .15s,background .15s;display:grid}.tl-pick:hover{background:#e9c46a12;border-color:#e9c46a73}.tl-pick__ico{background:#e9c46a1a;border:1px solid #e9c46a47;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.tl-pick__body{flex-direction:column;gap:2px;min-width:0;display:flex}.tl-pick__body strong{color:var(--gold-bright);font-size:12px}.tl-pick__body small{color:var(--text-dim);font-size:9.5px;line-height:1.35}.tl-pick--sm{grid-template-columns:28px minmax(0,1fr);padding:7px 9px}.tl-pick--sm .tl-pick__ico{border-radius:8px;width:28px;height:28px}.tl-pick--sm .tl-pick__body strong{font-size:11.5px}.tl-subschool{color:var(--text-dim);background:#e9c46a0a;border:1px dashed #e9c46a4d;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:10.5px;display:flex}.tl-subschool b{color:var(--text);font-weight:800}.tl-switch{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tl-switch>span{color:var(--text-dim);margin-right:2px;font-size:9.5px}.tl-switch__btn{font:inherit;color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.tl-switch__btn.on{color:var(--gold-bright);background:#e9c46a24;border-color:#e9c46a73}.tl-note{color:var(--text-dim);background:#5eead40d;border:1px solid #5eead424;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:10.5px;display:flex}.tl-note b{color:var(--jade)}.tl-foot{background:linear-gradient(#080e1000,#080e10eb 45%);border-top:1px solid #e9c46a29;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px 13px;display:flex}.tl-ghost{font:inherit;color:var(--gold-bright);background:#e9c46a12;border:1px solid #e9c46a4d;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;font-weight:800;display:flex}.tl-ghost:hover{background:#e9c46a24}.tl-foot small{color:var(--text-dim);text-align:right;font-size:9.5px;line-height:1.4}@media (width<=560px){.tl-hero{gap:7px;padding:10px 13px 0}.tl-power,.tl-insight{padding:9px 10px}.tl-power__num,.tl-insight__num{font-size:22px}.tl-power__legend{gap:3px 8px}.tl-lg{font-size:9px}.tl-tabs{gap:5px;padding:9px 13px}.tl-tab{gap:4px;padding:8px 4px;font-size:11px}.tl-scroll{padding:0 13px 8px}.tl-school{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:10px}.tl-school__ico{width:38px;height:38px}.tl-school__top h4{font-size:14px}.tl-node{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:8px 9px}.tl-node__ico{width:28px;height:28px;font-size:10px}.tl-node__name{font-size:12px}.tl-node__desc{font-size:10px}.tl-buy{min-width:64px;padding:6px 7px;font-size:11px}.tl-buy small{font-size:8px}.tl-foot{padding:8px 13px 12px}.tl-pick-grid{grid-template-columns:1fr}}@media (width<=380px){.tl-power__legend .tl-lg:nth-child(3){display:none}.tl-buy{min-width:58px}}.destiny-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.destiny-card{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;display:flex}.destiny-card strong{color:var(--gold-bright);font-size:12px}.destiny-card span{color:var(--text-dim);font-size:10px;line-height:1.3}.destiny-head{align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.destiny-milestones{flex-direction:column;gap:4px;margin:9px 0;display:flex}.destiny-milestone{color:var(--text-dim);background:#00000029;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;font-size:10.5px;display:flex}.destiny-milestone.reached{color:var(--jade);background:#34d3990f}.timing-overlay{z-index:80}.timing-box{width:min(460px,100%)}.timing-head{justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.timing-chance{color:#34d399}.timing-track{background:#00000073;border:1px solid #ffffff1a;border-radius:10px;height:34px;position:relative;overflow:hidden}.timing-target{position:absolute;top:0;bottom:0}.timing-target.good{background:#34d39938}.timing-target.perfect{background:#fbbf246b}.timing-needle{background:#fff7d6;width:3px;margin-left:-1.5px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 8px #fde68a}.timing-feedback{text-align:center;height:22px;color:var(--gold-bright);margin-top:7px;font-size:14px;font-weight:900}.timing-hint{text-align:center;color:var(--text-dim);margin-bottom:10px;font-size:10.5px}.boss-hud{background:linear-gradient(#ffffff0f,#0000 40%),linear-gradient(135deg,#3c0c0cf0,#160608f0);border:1px solid #f871718c;border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex;box-shadow:0 8px 24px #00000073,0 0 18px #dc262640,inset 0 0 0 1px #0006}.boss-hud-emblem{background:radial-gradient(circle at 40% 35%,#b91c1c,#450a0a 70%);border:2px solid #fca5a5b3;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 12px #ef444480}.boss-hud-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.boss-hud-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.boss-hud-name{white-space:nowrap;text-overflow:ellipsis;color:#fee2e2;text-shadow:0 1px 4px #000000b3;font-size:13px;font-weight:900;overflow:hidden}.boss-hud-meta{color:#fca5a5;flex-shrink:0;gap:8px;font-size:10px;display:flex}.boss-hud-meta>span{align-items:center;gap:3px;display:inline-flex}.boss-hp{background:#0000008c;border:1px solid #0009;border-radius:8px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0009}.boss-hp-fill{background:linear-gradient(#f87171,#dc2626 55%,#991b1b);border-radius:8px;transition:width .35s;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff59}.boss-hud.low .boss-hp-fill{background:linear-gradient(#fb923c,#ea580c 55%,#9a3412)}.boss-hp-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000000e6;font-size:10px;font-weight:800;line-height:14px;display:block;position:relative}.btn-boss-challenge{color:#451a03;cursor:pointer;background:linear-gradient(#fbbf24,#d97706);border:1px solid #fcd34d;border-radius:11px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:6px 10px;font-size:10.5px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:0 3px #92400e,0 4px 12px #0006}.boss-fill{background:linear-gradient(90deg,#991b1b,#f87171)}.btn-boss-challenge:hover{filter:brightness(1.08)}.btn-boss-challenge:active{transform:translateY(2px);box-shadow:0 1px #92400e,0 2px 6px #0006}.room-event-banner{width:fit-content;color:var(--gold-bright);background:#e9c46a1f;border:1px solid #e9c46a4d;border-radius:99px;margin:4px auto 0;padding:3px 10px;font-size:10px}.boss-card{background:#280a0a59;border:1px solid #f8717159;border-radius:10px;margin-bottom:10px;padding:10px}.boss-card-name{color:#fecaca;margin-bottom:6px;font-size:14px;font-weight:900}.boss-card-meta{color:var(--text-dim);margin:4px 0 8px;font-size:10.5px}.boss-card .btn-primary-large{margin-bottom:6px}.boss-reward{color:var(--jade);background:#34d39914;border:1px solid #34d3994d;border-radius:8px;padding:8px 10px;font-size:11px}.move-row{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.move-chip{color:var(--text-dim);cursor:pointer;background:#0003;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;display:inline-flex}.move-chip.active{border-color:var(--gold);color:var(--gold-bright);background:#e9c46a1f}.duel-opponent{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:11px;display:flex}.duel-result{background:#34d39914;border:1px solid #34d39959;border-radius:9px;flex-direction:column;gap:3px;margin:8px 0;padding:8px 10px;font-size:12px;display:flex}.duel-result.lose{background:#f8717114;border-color:#f8717159}.duel-result.draw{background:#e9c46a14;border-color:#e9c46a59}.partner-request{background:#f472b612;border:1px solid #f472b666;border-radius:10px;flex-direction:column;gap:8px;padding:10px;font-size:12px;display:flex}#boss-hud-layer{z-index:6;pointer-events:none;width:min(400px,92vw);position:fixed;top:92px;left:50%;transform:translate(-50%)}#announce-layer{pointer-events:none}#announce-layer [hidden]{display:none!important}#announce-layer .room-announcement{z-index:6;max-width:min(420px,90vw);animation:none;position:fixed;top:92px;left:50%;transform:translate(-50%)}#boss-hud-layer:not(:empty)~#announce-layer .room-announcement{top:162px}.boss-alert{z-index:40;background:linear-gradient(#ffffff14,#0000 45%),linear-gradient(135deg,#7f1d1df2,#28060af2);border:2px solid #fca5a5bf;border-radius:18px;align-items:center;gap:16px;width:min(460px,92vw);padding:16px 22px;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000008c,0 0 40px #dc262666}.boss-alert-icon{background:radial-gradient(circle at 40% 35%,#dc2626,#450a0a 70%);border:2px solid #fca5a5cc;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.boss-alert-text{min-width:0}.boss-alert-title{letter-spacing:2px;text-transform:uppercase;color:#fca5a5;font-size:11px;font-weight:800}.boss-alert-name{color:#fef2f2;text-shadow:0 2px 8px #000000b3;font-size:24px;font-weight:900;line-height:1.15}.boss-alert-sub{color:#fde68a;margin-top:3px;font-size:13px;font-weight:700}@media (width<=480px){.boss-alert{gap:12px;padding:12px 14px}.boss-alert-icon{width:50px;height:50px}.boss-alert-name{font-size:19px}}#boss-hud-layer .boss-hud{pointer-events:auto;margin:0}.alert-badge{color:#fff;text-align:center;pointer-events:none;z-index:5;box-sizing:border-box;background:linear-gradient(#ef4444,#b91c1c);border:1.5px solid #fecaca;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;font-weight:800;line-height:14px;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #0009}.badge-dot{pointer-events:none;z-index:5;box-sizing:border-box;background:#ef4444;border:1.5px solid #fecaca;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 6px #ef4444d9}.alert-badge.inline,.badge-dot.inline{vertical-align:middle;justify-content:center;align-items:center;margin-left:5px;display:inline-flex;position:static}.badge-dot.inline{width:7px;height:7px;margin-bottom:2px}@keyframes alert-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444499}50%{transform:scale(1.1);box-shadow:0 0 8px 2px #ef4444d9}}.alert-badge.pulse,.badge-dot.pulse{animation:1.8s ease-in-out infinite alert-pulse}#quest-tracker-layer{top:calc(max(12px, env(safe-area-inset-top)) + 176px);z-index:10;pointer-events:none;position:absolute;left:12px}.quest-tracker{pointer-events:auto;-webkit-backdrop-filter:blur(10px);width:252px;max-width:calc(100vw - 24px);color:var(--text);-webkit-user-select:none;user-select:none;background:linear-gradient(165deg,#192321f2,#0c1315f7);border:1px solid #e9c46a52;border-radius:13px;flex-direction:column;transition:width .18s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 12px 28px -14px #000000f2,inset 0 1px #ffffff0d}.quest-tracker:before,.quest-tracker:after{display:none}.quest-tracker.has-ready{border-color:#34d39973;box-shadow:0 12px 28px -14px #000000f2,0 0 0 1px #34d3991f,0 0 18px -6px #34d39973,inset 0 1px #ffffff0d}.quest-tracker-header{background:linear-gradient(#e9c46a26,#e9c46a05);border-bottom:1px solid #e9c46a29;flex-shrink:0;align-items:center;gap:6px;padding:7px 8px 7px 10px;display:flex}.qt-title{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:0;font-family:inherit;display:flex}.qt-title__ico{flex-shrink:0;display:inline-flex}.qt-title__txt{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);white-space:nowrap;font-size:11.5px;font-weight:800;transition:color .15s}.qt-title:hover .qt-title__txt{color:#fde68a}.qt-title__count{color:#ded6c2;font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000061;border:1px solid #ffffff14;border-radius:99px;padding:1px 5px;font-size:10px;font-weight:800}.qt-title__dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #34d399f2}.qt-collapse{cursor:pointer;width:22px;height:22px;color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff12;border-radius:7px;flex-shrink:0;place-items:center;transition:color .15s,background .15s,border-color .15s;display:grid}.qt-collapse:hover{color:var(--text);background:#ffffff1a;border-color:#e9c46a59}.quest-tracker-body{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:6px;min-height:0;max-height:min(56vh,460px);padding:8px;display:flex;overflow-y:auto}.qt-item{background:#00000042;border:1px solid #ffffff0f;border-left:2px solid #e9c46a80;border-radius:9px;flex-direction:column;gap:5px;padding:7px 8px 7px 9px;display:flex;position:relative}.qt-item--daily{border-left-color:#5eead473}.qt-item.ready{background:linear-gradient(90deg,#34d39924,#34d3990a);border-color:#34d39966 #34d39966 #34d39966 #34d399}.qt-item__row{align-items:center;gap:6px;min-width:0;display:flex}.qt-tag{letter-spacing:.05em;text-transform:uppercase;color:#fde68a;white-space:nowrap;background:#e9c46a29;border:1px solid #e9c46a4d;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:800}.qt-tag--daily{color:#7ff0dc;background:#5eead421;border-color:#5eead442}.qt-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:700;overflow:hidden}.qt-pct{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9.5px;font-weight:800}.qt-claim{cursor:pointer;color:#04231a;background:linear-gradient(#6ee7b7,#10b981);border:1px solid #ffffff47;border-radius:6px;flex-shrink:0;padding:2px 8px;font-family:inherit;font-size:9.5px;font-weight:800;transition:filter .15s,transform .15s;box-shadow:0 2px 8px -3px #10b981e6}.qt-claim:hover{filter:brightness(1.1)}@keyframes claim-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px -3px #10b981e6,0 0 #34d3998c}50%{transform:scale(1.05);box-shadow:0 2px 8px -3px #10b981e6,0 0 8px 2px #34d399bf}}.qt-claim.pulse{animation:1.5s ease-in-out infinite claim-pulse}.qt-bar{background:#ffffff17;border-radius:99px;height:5px;overflow:hidden}.qt-bar i{background:linear-gradient(90deg,#f5c542,#e9c46a);border-radius:99px;height:100%;transition:width .3s;display:block}.qt-item--daily .qt-bar i{background:linear-gradient(90deg,#34d399,#10b981)}.qt-item.ready .qt-bar i{box-shadow:0 0 8px #34d399d9}.qt-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.qt-meta__l{align-items:center;gap:5px;min-width:0;display:inline-flex}.qt-count{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:700}.qt-count small{color:#ffffff4d;font-size:9px}.qt-rw-wrap{align-items:center;gap:5px;display:flex}.qt-rw{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:9px;font-weight:700;display:inline-flex}.qt-rw.stone{color:#a5f3fc}.qt-rw.insight{color:#c4b5fd}.qt-rw.mat{color:#6ee7b7}.qt-more{width:100%;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-family:inherit;font-size:10px;font-weight:700;transition:color .15s,background .15s,border-color .15s;display:flex}.qt-more:hover{color:var(--gold-bright);background:#e9c46a1a;border-color:#e9c46a4d}.qt-empty{color:var(--text-dim);justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:10px;display:flex}.quest-tracker.collapsed{width:max-content;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center}.quest-tracker.collapsed .quest-tracker-header{background:0 0;border-bottom:0;flex-wrap:nowrap;gap:4px;padding:0}.quest-tracker.collapsed.has-ready{box-shadow:none;border:0}.quest-tracker.collapsed .qt-collapse{background:#0a1214b3;border-color:#e9c46a52;border-radius:50%;width:20px;height:20px}.qt-chip{cursor:pointer;color:var(--gold-bright);-webkit-tap-highlight-color:transparent;background:#0a121499;border:1px solid #e9c46a52;border-radius:99px;align-items:center;gap:5px;padding:4px 9px 6px 8px;font-family:inherit;transition:border-color .15s,background .15s;display:inline-flex;position:relative}.qt-chip:hover{border-color:var(--gold);background:#3c2d0cbf}.qt-chip__ico{flex-shrink:0;display:inline-flex}.qt-chip__count{font-variant-numeric:tabular-nums;font-size:11px;font-weight:800;line-height:1}.qt-chip__count small{color:#fde68a8c;font-size:9.5px;font-weight:700}.qt-chip__dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 7px #34d399f2}.qt-chip__bar{background:#ffffff1f;border-radius:99px;height:2px;position:absolute;bottom:2px;left:9px;right:9px;overflow:hidden}.qt-chip__bar i{background:linear-gradient(90deg,#f5c542,#e9c46a);border-radius:99px;height:100%;transition:width .3s;display:block}@media (width<=860px){#quest-tracker-layer{top:calc(max(12px, env(safe-area-inset-top)) + 170px)}}@media (width<=768px){#quest-tracker-layer{top:calc(max(12px, env(safe-area-inset-top)) + 172px)}.quest-tracker{width:228px}.qt-item{padding:6px 7px 6px 8px}.qt-name{font-size:10.5px}.qt-meta .qt-count{font-size:9px}.qt-more{padding:4px 8px;font-size:9.5px}}@media (width<=600px){#quest-tracker-layer{top:calc(max(8px, env(safe-area-inset-top)) + 116px);left:8px}.quest-tracker{width:208px;max-height:calc(100vh - 236px)}.quest-tracker-body{overscroll-behavior:contain;overflow-y:auto}.quest-tracker.collapsed{width:max-content;max-height:none}.qt-item__row{gap:5px}.qt-tag{padding:2px 4px;font-size:7.5px}}@supports (anchor-name:--a){.hud .player-frame{anchor-name:--player-frame}#quest-tracker-layer{position-anchor:--player-frame;top:anchor(--player-frame bottom);left:anchor(--player-frame left);margin-top:8px}}.account-actions button[data-action=open-sound]{grid-column:1/-1}@media (width<=860px){.hud-menu{grid-template-columns:repeat(2,42px)}.quick-chat{right:100px}}@media (height<=560px) and (orientation:landscape){.hud-menu{grid-template-columns:repeat(10,minmax(38px,auto))}}.menu-btn.locked,.tab-btn.locked{cursor:not-allowed;opacity:.55;filter:grayscale(.55);box-shadow:none;background:linear-gradient(#20262ae6,#101418f2);border-color:#94a3b873}.menu-btn.locked:hover,.tab-btn.locked:hover{background:linear-gradient(#262c30eb,#12161af5);border-color:#94a3b899;transform:none}.menu-btn.locked .menu-icon,.tab-btn.locked .lucide-icon{color:#94a3b8;opacity:.9}.menu-btn.locked .menu-label,.tab-btn.locked{color:#94a3b8}.menu-btn.glow-new,.tab-btn.glow-new{animation:1.9s ease-in-out infinite unlock-glow}@keyframes unlock-glow{0%,to{border-color:#e9c46a99;box-shadow:0 0 #fbbf248c,0 4px 10px #00000059}50%{border-color:#fde68a;box-shadow:0 0 0 5px #fbbf242e,0 0 16px 4px #fbbf248c}}@media (prefers-reduced-motion:reduce){.menu-btn.glow-new,.tab-btn.glow-new{animation:none;box-shadow:0 0 0 2px #fbbf248c}}#unlock-layer{left:0;right:0;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 132px);z-index:40;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:absolute}.unlock-popup{pointer-events:auto;background:linear-gradient(160deg,#261e0ef7,#10161af7);border:1px solid #e9c46a8c;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:12px;width:min(440px,100vw - 24px);padding:12px 14px;animation:.28s ease-out unlock-in;display:flex;position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #fbbf2426}@keyframes unlock-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.unlock-icon{background:radial-gradient(circle at 50% 30%,#fbbf2447,#141008e6);border:1px solid #fbbf2480;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 0 14px #fbbf2440}.unlock-main{flex:180px;min-width:0}.unlock-eyebrow{letter-spacing:.6px;text-transform:uppercase;color:#fbbf24;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.unlock-title{color:var(--gold-bright);margin-top:1px;font-size:16px;font-weight:900;line-height:1.2}.unlock-desc{color:var(--text-dim);margin-top:3px;font-size:11.5px;line-height:1.35}.unlock-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.unlock-actions .btn-primary-large{white-space:nowrap;padding:7px 14px;font-size:12px}.unlock-actions .btn-secondary{white-space:nowrap;padding:7px 12px;font-size:12px}@media (width<=600px){#unlock-layer{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 148px)}.unlock-popup{gap:10px;padding:10px 11px}.unlock-icon{width:38px;height:38px}.unlock-title{font-size:14px}.unlock-desc{font-size:10.5px}.unlock-actions{width:100%;margin-left:0}.unlock-actions .btn-primary-large,.unlock-actions .btn-secondary{flex:1 1 0}}.tech-lock-hint{color:#94a3b8;background:#0f172080;border:1px dashed #94a3b866;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11.5px;display:flex}.duel-hint{color:var(--text);background:linear-gradient(120deg,#e9c46a1f,#5eead40f);border:1px dashed #e9c46a73;border-radius:11px;align-items:center;gap:9px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.duel-hint svg{flex:none}.chip-songtu{color:#fbcfe8;background:#f472b629;border-color:#f472b68c;animation:1.8s ease-in-out infinite songtu-glow}@keyframes songtu-glow{0%,to{box-shadow:0 0 #f472b600}50%{box-shadow:0 0 10px #f472b673}}.songtu-status{color:var(--text-dim);background:#f472b614;border:1px dashed #f472b666;border-radius:11px;padding:9px 12px;font-size:12px;line-height:1.45}.songtu-status.on{color:#fbcfe8;background:linear-gradient(120deg,#f472b63d,#fbcfe81a);border-style:solid;border-color:#f472b6bf;font-weight:700}.pq-list{flex-direction:column;gap:8px;display:flex}.pq-row{background:#0f17208c;border:1px solid #94a3b82e;border-radius:11px;padding:9px 11px}.pq-row.done{border-color:#f472b673}.pq-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pq-name{color:var(--text);font-size:12.5px;font-weight:800}.pq-prog{color:#f9a8d4;font-size:11.5px;font-weight:700}.pq-desc{color:var(--text-dim);margin-top:2px;font-size:11px}.pq-bar{background:#94a3b833;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.pq-bar i{background:linear-gradient(90deg,#f472b6,#fbcfe8);border-radius:999px;height:100%;transition:width .35s;display:block}.pq-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:7px;display:flex}.pq-reward{color:var(--gold-bright);font-size:11px}.pq-claimed{color:#86efac;font-size:11px;font-weight:700}.pq-btn{padding:4px 12px;font-size:11.5px}.pq-btn:disabled{opacity:.45;cursor:default}#player-menu-layer{z-index:55;pointer-events:none;position:fixed;inset:0}.pm-backdrop{pointer-events:auto;background:0 0;position:absolute;inset:0}.pm-card{border-radius:var(--radius);width:248px;max-width:calc(100vw - 24px);box-shadow:var(--shadow), 0 18px 44px #0000008c;color:var(--text);pointer-events:auto;background:linear-gradient(160deg,#141f25fa,#091115fc);border:1px solid #e9c46a73;padding:10px;animation:.14s ease-out pm-pop;position:absolute}@keyframes pm-pop{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:none}}.pm-head{border-bottom:1px solid #ffffff14;align-items:center;gap:9px;padding-bottom:8px;display:flex}.pm-avatar{object-fit:cover;background:#00000059;border:1px solid #e9c46a80;border-radius:10px;flex:none;width:42px;height:42px}.pm-who{flex:auto;min-width:0}.pm-name{font-family:var(--font-serif);color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.pm-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.pm-close{width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.pm-close:hover{color:#fecaca;background:#f871712e}.pm-list{flex-direction:column;gap:4px;padding-top:8px;display:flex}.pm-item{width:100%;color:var(--text);font-family:var(--font-serif);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:flex}.pm-item:hover{background:#e9c46a24;border-color:#e9c46a66}.pm-item:active{transform:scale(.98)}.pm-item em{color:#94a3b8;white-space:nowrap;margin-left:auto;font-size:10px;font-style:normal;font-weight:600}.pm-item.disabled,.pm-item:disabled{opacity:.55;cursor:not-allowed;background:#ffffff05}.pm-item.disabled:hover,.pm-item:disabled:hover{background:#ffffff05;border-color:#0000}.pm-item-note{color:#f9a8d4;cursor:default;background:#f472b61f;border-color:#f472b659}.pm-item-note:hover{background:#f472b61f;border-color:#f472b659}.pm-rows{flex-direction:column;gap:6px;padding:9px 2px 4px;display:flex}.pm-row{justify-content:space-between;gap:10px;font-size:11.5px;line-height:1.35;display:flex}.pm-row span{color:var(--text-dim)}.pm-row strong{color:var(--gold-bright);text-align:right;overflow-wrap:anywhere;max-width:62%;font-weight:700}.pm-actions{padding-top:6px}.pm-back-btn{width:100%;padding:7px 10px;font-size:12px}@media (pointer:coarse){.pm-item{padding:12px 10px;font-size:13px}.pm-close{width:30px;height:30px}}@media (width<=600px){#boss-hud-layer{top:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 168px);width:calc(100vw - 16px);max-width:420px}.boss-hud{border-radius:12px;gap:8px;padding:6px 7px 6px 6px}.boss-hud-emblem{width:34px;height:34px}.boss-hud-emblem svg{width:19px;height:19px}.boss-hud-main{gap:4px}.boss-hud-name{font-size:12px}.boss-hud-meta{gap:6px;font-size:9.5px}.boss-hp{height:14px}.boss-hp-text{font-size:9px;line-height:12px}.btn-boss-challenge{border-radius:10px;padding:5px 8px;font-size:10px}.btn-boss-challenge svg{width:13px;height:13px}#announce-layer .room-announcement{top:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 168px);max-width:calc(100vw - 24px)}#boss-hud-layer:not(:empty)~#announce-layer .room-announcement{top:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 230px)}#boss-hud-layer:not(:empty)~#unlock-layer{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 230px)}.boss-alert{border-radius:14px;gap:10px;width:calc(100vw - 32px);padding:10px 12px;top:42%}.boss-alert-icon{width:42px;height:42px}.boss-alert-icon svg{width:24px;height:24px}.boss-alert-title{letter-spacing:1.5px;font-size:9.5px}.boss-alert-name{font-size:17px}.boss-alert-sub{font-size:11.5px}}@media (height<=560px) and (orientation:landscape){#boss-hud-layer{top:calc(max(8px, env(safe-area-inset-top)) + 4px);width:min(380px,50vw);bottom:auto}}.hud-mini-btn{width:22px;height:22px;color:var(--gold-bright);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#0a1418db;border:1px solid #e9c46a73;border-radius:8px;justify-content:center;align-items:center;padding:0;line-height:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #00000073}.hud-mini-btn:hover{border-color:var(--gold-bright);background:#503c14eb}.hud-mini-btn:active{transform:scale(.94)}@media (pointer:coarse){.hud-mini-btn{border-radius:10px;width:32px;height:32px}}.hud-corner{top:max(12px, env(safe-area-inset-top));z-index:4;gap:6px;display:flex;position:absolute;right:220px}#game-root.hud-minimap-compact .hud-corner{right:68px}#game-root.hud-minimap-hidden .hud-corner{right:54px}.hud-corner{display:none}.minimap-toggle{z-index:2;width:20px;height:20px;position:absolute;top:4px;right:4px}@media (pointer:coarse){.minimap-toggle{width:26px;height:26px}}#game-root.hud-minimap-compact .minimap-frame{width:104px;height:74px}#game-root.hud-minimap-hidden .minimap-frame{background:#0a1418db;border-radius:50%;width:36px;height:36px;box-shadow:0 4px 12px #00000080}#game-root.hud-minimap-hidden .minimap-frame canvas{display:none}#game-root.hud-minimap-hidden .minimap-toggle{width:100%;height:100%;box-shadow:none;background:0 0;border:none;position:static}.player-frame{position:relative}.frame-collapse{z-index:2;position:absolute;top:-8px;right:-8px}#game-root.hud-player-compact .player-frame{gap:8px;width:auto;max-width:240px;padding:6px 11px 6px 6px}#game-root.hud-player-compact .frame-sub,#game-root.hud-player-compact .frame-chips{display:none}#game-root.hud-player-compact .portrait-ring{width:44px;height:44px}#game-root.hud-player-compact .qi-bar{height:12px}.map-scroll-hide{z-index:2;border-radius:6px;width:18px;height:18px;position:absolute;top:2px;right:2px}@media (pointer:coarse){.map-scroll-hide{width:26px;height:26px}}#game-root.hud-mapbanner-hidden .map-scroll,#game-root.hud-quests-collapsed .quest-tracker-body{display:none}.boss-hud{position:relative}.boss-hud-collapse{z-index:3;position:absolute;top:-8px;right:-8px}#game-root.hud-boss-compact #boss-hud-layer{width:min(270px,78vw)}#game-root.hud-focus .hud,#game-root.hud-focus .hud-top-center,#game-root.hud-focus .quick-chat,#game-root.hud-focus #quest-tracker-layer,#game-root.hud-focus #unlock-layer,#game-root.hud-focus .minimap-frame,#game-root.hud-focus .hud-menu{display:none!important}#game-root.hud-focus .hud-corner{right:max(12px, env(safe-area-inset-right))}#game-root.hud-focus #boss-hud-layer{width:min(270px,78vw)}#game-root.hud-focus .boss-hud{gap:6px;padding:5px 7px}#game-root.hud-focus .boss-hud-emblem,#game-root.hud-focus .boss-hud-meta,#game-root.hud-focus .btn-boss-challenge{display:none}@media (width<=600px){#game-root.hud-minimap-compact .minimap-frame{width:88px;height:62px}.hud-corner{top:max(8px, env(safe-area-inset-top));right:132px}#game-root.hud-minimap-compact .hud-corner{right:62px}#game-root.hud-minimap-hidden .hud-corner{right:48px}}.player-frame,.minimap-frame,.boss-hud,.map-scroll,.quest-tracker,.hud-corner{transition:width .18s,height .18s,padding .18s,opacity .18s,transform .18s}@media (prefers-reduced-motion:reduce){.player-frame,.minimap-frame,.boss-hud,.map-scroll,.quest-tracker,.hud-corner,.hud-mini-btn{transition:none}}.hud-prefs-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.hud-pref-row{background:#0000002e;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.hud-pref-label{color:var(--text);font-size:11.5px}.hud-pref-opts{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex}.hud-pref-opt{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.hud-pref-opt:hover{border-color:#e9c46a99}.hud-pref-opt.active{border-color:var(--gold);color:var(--gold-bright);background:#e9c46a24}#hud-pop-layer{z-index:34;pointer-events:none;position:absolute;inset:0}#hud-pop-layer>*{pointer-events:auto}.hud-pop-backdrop,.hud-map-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03080a8c;border:none;padding:0;animation:.16s ease-out hud-fade-in;position:fixed;inset:0}.hud-map-backdrop{background:#03080aad}@keyframes hud-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hud-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.player-chip{flex-direction:column;align-items:center;gap:3px;width:46px;display:flex;position:relative}.chip-portrait{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:46px;height:46px;padding:0;display:block;position:relative}.chip-ring{background:conic-gradient(from -90deg, #7dd3fc 0 var(--qi,0%), #ffffff29 var(--qi,0%) 100%);border-radius:50%;width:46px;height:46px;padding:2.5px;transition:background .25s linear;display:block;box-shadow:0 2px 10px #0000008c}.player-chip.burnt .chip-ring{background:conic-gradient(from -90deg, #f87171 0 var(--qi,0%), #ffffff29 var(--qi,0%) 100%)}.chip-ring img{object-fit:cover;background:radial-gradient(circle at 50% 35%,#fff7e0,#b9d7cf);border-radius:50%;width:100%;height:100%;display:block}.chip-lv{border:1.5px solid var(--gold);min-width:18px;height:18px;color:var(--gold-bright);text-align:center;background:linear-gradient(#2a1d0a,#120c04);border-radius:999px;padding:0 3px;font-size:9.5px;font-weight:900;line-height:15px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 2px 6px #0009}.chip-ready-dot{background:#34d399;border:1.5px solid #06281f;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite pulse-dot;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #34d399e6}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.chip-stamina{background:#0009;border:1px solid #00000080;border-radius:3px;width:46px;height:4px;overflow:hidden}.chip-stamina-fill{background:linear-gradient(90deg,#6ee7b7,#10b981);border-radius:3px;height:100%;transition:width .25s}#game-root.hud-player-compact #quest-tracker-layer{position-anchor:none;top:calc(max(12px, env(safe-area-inset-top)) + 60px);left:max(12px, env(safe-area-inset-left))}.chip-expand{width:20px;height:20px;position:absolute;top:12px;right:-30px}#game-root .player-frame{position:relative}#game-root .player-frame .frame-collapse{top:50%;right:-32px;transform:translateY(-50%)}@media (pointer:coarse){#game-root .player-frame .frame-collapse{right:-38px}.chip-expand{top:7px;right:-38px}}.hud-player-pop{top:calc(max(8px, env(safe-area-inset-top)) + 56px);left:max(8px, env(safe-area-inset-left));z-index:2;border-radius:14px;width:min(300px,100vw - 16px);padding:10px 12px 11px;animation:.16s ease-out hud-pop-in;position:fixed}.pop-head{align-items:center;gap:9px;margin-bottom:8px;display:flex}.pop-portrait{background:conic-gradient(from 200deg,#fde68a,#b7832f,#fde68a);border-radius:50%;flex-shrink:0;width:42px;height:42px;padding:2px;position:relative}.pop-portrait img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.pop-portrait.burnt{background:conic-gradient(from 200deg,#fca5a5,#b91c1c,#fca5a5)}.pop-head-text{flex:1;min-width:0}.pop-name{color:var(--gold-bright);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:900;overflow:hidden}.pop-sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.pop-close{flex-shrink:0}.pop-rows{flex-direction:column;gap:4px;display:flex}.pop-bar-row{flex-direction:column;gap:2px;display:flex}.pop-bar-label{letter-spacing:.3px;color:var(--text-dim);text-transform:uppercase;font-size:9.5px}.pop-bar{background:#0000008c;border:1px solid #00000080;border-radius:7px;height:13px;position:relative;overflow:hidden}.pop-bar-fill{border-radius:7px;transition:width .25s;position:absolute;inset:0 auto 0 0}.pop-bar-fill.qi{background:linear-gradient(#93c5fd,#3b82f6 60%,#1d4ed8)}.pop-bar-fill.stamina{background:linear-gradient(#6ee7b7,#10b981 60%,#047857)}.pop-bar-text{text-align:center;color:#fff;text-shadow:0 1px 2px #000000e6;font-size:9.5px;font-weight:800;line-height:11px;display:block;position:relative}.pop-row{border-top:1px dashed #e9c46a29;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;font-size:11px;display:flex}.pop-row-label{color:var(--text-dim);align-items:center;gap:4px;display:inline-flex}.pop-row-value{color:var(--text);font-weight:800}.pop-actions{gap:6px;margin-top:9px;display:flex}.pop-actions .btn-secondary{flex:1;justify-content:center;padding:6px 8px;font-size:11px}#game-root .minimap-frame.is-compact,#game-root .minimap-frame.is-hidden{border-radius:50%;place-items:center;padding:0;display:grid;overflow:visible}#game-root .minimap-frame.is-compact{border:2px solid var(--gold);background:radial-gradient(circle at 40% 35%,#1e505af2,#081418f2);width:48px;height:48px;box-shadow:0 4px 14px #00000080,inset 0 0 0 2px #0006}#game-root .minimap-frame.is-hidden{opacity:.85;background:#0a1418db;border:1px solid #e9c46a8c;width:34px;height:34px}#game-root .minimap-frame.is-compact canvas,#game-root .minimap-frame.is-hidden canvas{display:none}#game-root .minimap-frame.is-compact .minimap-toggle,#game-root .minimap-frame.is-hidden .minimap-toggle{width:100%;height:100%;box-shadow:none;background:0 0;border:none;border-radius:50%;position:static}#game-root .minimap-frame.is-compact .minimap-toggle{color:var(--gold-bright)}#game-root .minimap-frame.is-hidden .minimap-toggle{color:var(--text-dim)}.minimap-overlay{z-index:3;border-radius:16px;width:min(480px,100vw - 20px);max-height:calc(100vh - 24px);padding:10px 12px 12px;animation:.16s ease-out hud-pop-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.minimap-overlay-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.minimap-overlay-head strong{color:var(--gold-bright);letter-spacing:.4px;font-size:13px}.minimap-overlay-canvas{aspect-ratio:200/142;background:radial-gradient(#c8e6eb40,#0a191ee6);border:2px solid #e9c46a80;border-radius:10px;width:100%;position:relative;overflow:hidden}.minimap-overlay-canvas canvas{width:100%;height:100%;display:block}.minimap-overlay-actions{gap:6px;margin-top:9px;display:flex}.minimap-overlay-actions .btn-secondary{flex:1;justify-content:center;padding:6px 8px;font-size:11px}.boss-hud-pct{color:#fecaca;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:900;display:none}.boss-chip-go{color:#451a03;cursor:pointer;background:linear-gradient(#fbbf24,#d97706);border:1px solid #fcd34d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:none}#game-root.hud-boss-compact .boss-hud:not(.expanded){border-radius:999px;gap:6px;width:fit-content;padding:3px 4px 3px 3px;position:relative}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-emblem{border-width:1.5px;width:26px;height:26px;display:grid}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-emblem svg{width:14px;height:14px}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-main{cursor:pointer;flex-direction:row;align-items:center;gap:6px}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-name{display:none}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-pct{display:block}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-people-wrap{display:none}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-meta{font-size:10px;display:flex}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hp{border-radius:4px;width:84px;height:6px}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hp-text,#game-root.hud-boss-compact .boss-hud:not(.expanded) .btn-boss-challenge{display:none}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-chip-go{display:inline-flex}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-collapse{width:18px;height:18px;box-shadow:none;background:0 0;border:none;order:3;position:static}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-hud-main{order:2}#game-root.hud-boss-compact .boss-hud:not(.expanded) .boss-chip-go{order:4}.hud-menu{grid-template-columns:repeat(4,auto);align-items:start;gap:8px 10px}.menu-item{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.menu-btn{place-items:center;width:46px;min-width:0;height:46px;padding:0;display:grid}.hud-menu .menu-label{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000f2;background:#060c0eb8;border:1px solid #e9c46a38;border-radius:5px;max-width:64px;padding:1px 4px;font-size:9px;line-height:1.15;display:block;overflow:hidden}.menu-item.is-locked .menu-label{color:#dcdcdc99}.hud-menu{top:calc(max(12px, env(safe-area-inset-top)) + 154px)}.hud-menu-collapse-wrap{grid-column:1/-1;justify-content:center;align-items:center;padding-top:2px;display:flex}.hud-menu-toggle{width:44px;height:20px;color:var(--gold-bright);cursor:pointer;background:#0a1418e0;border:1px solid #e9c46a73;border-radius:999px;justify-content:center;align-items:center;transition:all .15s;display:flex;box-shadow:0 2px 6px #00000073}.hud-menu-toggle:hover{border-color:var(--gold-bright);background:#503c14eb;transform:scale(1.05)}.hud-menu-toggle:active{transform:scale(.95)}@media (pointer:coarse){.hud-menu-toggle{width:48px;height:24px}}#game-root.hud-menu-collapsed .hud-menu .menu-item{display:none!important}#game-root.hud-menu-collapsed .hud-menu-collapse-wrap{padding-top:0}.chat-hide{border-radius:50%;width:18px;height:18px;position:absolute;bottom:-9px;right:-9px}.quick-chat{position:absolute}#game-root.hud-chat-hidden .quick-chat:not(.open){display:none!important}.quick-chat-backdrop{display:none}.hint-hide{border-radius:50%;align-self:flex-start;width:18px;height:18px;margin-bottom:2px}#game-root.hud-hint-hidden .hud-hint{display:none!important}@media (width<=600px){.hud-top-left{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left))}#game-root .minimap-frame,#game-root .minimap-frame.is-compact,#game-root .minimap-frame.is-hidden{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));cursor:pointer;border-radius:12px!important;width:116px!important;height:84px!important;padding:0!important;display:block!important;overflow:hidden!important}#game-root .minimap-frame canvas,#game-root .minimap-frame.is-compact canvas,#game-root .minimap-frame.is-hidden canvas{width:100%!important;height:100%!important;display:block!important}.hud-menu{right:max(8px, env(safe-area-inset-right));top:calc(max(8px, env(safe-area-inset-top)) + 84px + 8px);grid-template-columns:repeat(2,52px);gap:7px 6px}.hud-menu .menu-btn{width:42px;height:42px}.hud-menu .menu-label{white-space:normal;word-break:break-word;text-overflow:clip;max-width:52px;font-size:8.5px;line-height:1.05;overflow:visible}.quick-chat{top:calc(max(8px, env(safe-area-inset-top)) + 62px);right:calc(max(8px, env(safe-area-inset-right)) + 116px + 8px)}#quest-tracker-layer{left:max(8px, env(safe-area-inset-left))}#game-root.hud-player-compact #quest-tracker-layer{top:calc(max(8px, env(safe-area-inset-top)) + 60px)}.quest-tracker{max-width:calc(100vw - 16px)}.quest-tracker.collapsed{max-width:62vw}#game-root.hud-boss-compact #boss-hud-layer{width:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 184px)}#announce-layer .room-announcement{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 176px);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 28px);padding:4px 9px;font-size:10.5px;line-height:1.25;overflow:hidden}#boss-hud-layer:not(:empty)~#announce-layer .room-announcement,#boss-hud-layer:not(:empty)~#unlock-layer{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 272px)}#game-root .player-frame .frame-collapse{right:-34px}.hud-player-pop{top:calc(max(8px, env(safe-area-inset-top)) + 60px);width:min(280px,100vw - 16px)}}@media (width<=380px){.hud-menu{grid-template-columns:repeat(2,48px);gap:6px 4px}.hud-menu .menu-label{max-width:48px;font-size:8px}.chip-expand{right:-26px}}@media (height<=560px) and (orientation:landscape){.hud-menu{top:auto;bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(5,54px);gap:4px 6px;right:50%;transform:translate(50%)}.hud-menu .menu-btn{width:38px;height:38px}.hud-menu .menu-label{white-space:normal;word-break:break-word;text-overflow:clip;max-width:54px;font-size:8px;line-height:1.05;overflow:visible}.hud-corner{top:max(6px, env(safe-area-inset-top));right:calc(max(8px, env(safe-area-inset-right)) + 120px + 8px)}#game-root.hud-minimap-compact .hud-corner{right:calc(max(8px, env(safe-area-inset-right)) + 42px + 8px)}#game-root.hud-minimap-hidden .hud-corner{right:calc(max(8px, env(safe-area-inset-right)) + 30px + 8px)}#game-root .minimap-frame,#game-root .minimap-frame.is-compact,#game-root .minimap-frame.is-hidden{top:max(6px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));cursor:pointer;border-radius:12px!important;width:120px!important;height:86px!important;padding:0!important;display:block!important;overflow:hidden!important}#game-root .minimap-frame canvas,#game-root .minimap-frame.is-compact canvas,#game-root .minimap-frame.is-hidden canvas{width:100%!important;height:100%!important;display:block!important}.quick-chat{top:calc(max(6px, env(safe-area-inset-top)) + 58px);right:max(8px, env(safe-area-inset-right))}#boss-hud-layer,#game-root.hud-boss-compact #boss-hud-layer{top:calc(max(6px, env(safe-area-inset-top)) + 46px);width:auto;max-width:min(300px,60vw);bottom:auto}#announce-layer .room-announcement,#boss-hud-layer:not(:empty)~#announce-layer .room-announcement{top:calc(max(6px, env(safe-area-inset-top)) + 46px);white-space:nowrap;text-overflow:ellipsis;max-width:44vw;padding:3px 8px;font-size:10px;bottom:auto;overflow:hidden}#boss-hud-layer:not(:empty)~#announce-layer .room-announcement{top:calc(max(6px, env(safe-area-inset-top)) + 88px)}#quest-tracker-layer,#game-root.hud-player-compact #quest-tracker-layer{top:calc(max(6px, env(safe-area-inset-top)) + 64px);left:max(8px, env(safe-area-inset-left));margin-top:0;transform:none}.quest-tracker{width:208px;max-width:46vw;max-height:calc(100vh - 232px)}.quest-tracker-body{overscroll-behavior:contain;overflow-y:auto}.quest-tracker.collapsed{width:max-content;max-height:none}.quest-tracker.collapsed .quest-tracker-body{overflow:visible}.hud-player-pop{top:calc(max(6px, env(safe-area-inset-top)) + 52px);width:min(280px,52vw)}}@media (width>=1101px){.hud-menu{grid-template-columns:repeat(3,auto);gap:8px 10px}.hud-menu .menu-item[data-menu-action=toggle-chat]{display:none}}@media (prefers-reduced-motion:reduce){.hud-player-pop,.minimap-overlay,.hud-pop-backdrop,.hud-map-backdrop{animation:none!important}.chip-ring,.chip-stamina-fill,.pop-bar-fill,.boss-hp-fill{transition:none!important}.chip-ready-dot{animation:none!important}}@media (width<=600px),(height<=560px) and (orientation:landscape){.quick-chat{-webkit-backdrop-filter:blur(6px);z-index:40;background:#0c161af0;border:1px solid #e9c46a6b;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(300px,100vw - 44px);max-width:none;max-height:calc(100vh - 48px);padding:12px;display:none;position:absolute;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 34px #0009}.quick-chat.open{display:grid}.quick-chat:before{content:"Truyền Âm";text-align:center;letter-spacing:.04em;color:var(--gold-bright);grid-column:1/-1;font-size:12px;font-weight:800}.quick-chat .chat-compose,.quick-chat .chat-meta{grid-column:1/-1}.quick-chat .chat-input{padding:6px 0;font-size:16px}.quick-chat .chat-hint{display:none}.quick-chat .chat-meta{justify-content:flex-end;padding:0 4px}.quick-chat .chat-pills{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-chat:focus-within{top:12%;transform:translate(-50%)}.quick-chat .btn-chat-pill{border-radius:10px;justify-content:center;padding:11px 8px;font-size:12.5px}.quick-chat .btn-chat-pill:last-of-type{grid-column:1/-1}.quick-chat .chat-hide{display:none}.quick-chat-backdrop{z-index:39;background:#040a0c61;display:none;position:absolute;inset:0}.quick-chat.open+.quick-chat-backdrop{display:block}}.modal-box>.modal-body{flex:auto;min-height:0}.modal-body>*{flex-shrink:0}.modal-body.q2-modal{gap:0;padding:0;overflow:hidden}.q2{--q2-gold:var(--gold,#e9c46a);--q2-gold-b:#fde68a;--q2-jade:#5eead4;--q2-jade-2:#34d399;--q2-violet:#a78bfa;--q2-txt:#f4ecd8;--q2-txt2:#c9c1ad;--q2-txt3:#8e8676;--q2-line:#ffffff16;--q2-num-font:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;min-height:0;color:var(--q2-txt);flex-direction:column;flex:auto;display:flex;container-type:inline-size}.q2-status{background:#00000038;border-bottom:1px solid #e9c46a24;flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.q2-stat{text-align:center;padding:6px 8px 7px;position:relative}.q2-stat+.q2-stat:before{content:"";background:#e9c46a29;width:1px;position:absolute;top:9px;bottom:9px;left:0}.q2-stat__k{font-family:var(--q2-num-font);letter-spacing:.14em;text-transform:uppercase;color:var(--q2-txt3);font-size:9.5px;font-weight:700;display:block}.q2-stat__v{font-family:var(--q2-num-font);color:var(--q2-txt);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.q2-stat__v small{color:var(--q2-txt3);font-size:11px;font-weight:600}.q2-stat__v.gold{color:var(--q2-gold)}.q2-tabs{flex-shrink:0;gap:7px;padding:9px 13px 0;display:flex}.q2-tab{height:36px;color:var(--q2-txt3);cursor:pointer;background:#00000047;border:1px solid #ffffff12;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .16s;display:flex}.q2-tab:hover{color:var(--q2-txt2);border-color:#e9c46a4d}.q2-tab.on{color:var(--q2-gold-b);background:linear-gradient(#e9c46a33,#e9c46a0f);border-color:#e9c46a99;box-shadow:inset 0 0 14px #e9c46a24,0 4px 14px -8px #e9c46acc}.q2-tab__n{font-family:var(--q2-num-font);min-width:18px;height:18px;color:var(--q2-txt3);background:#0006;border:1px solid #ffffff1a;border-radius:99px;place-items:center;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-grid}.q2-tab.on .q2-tab__n{background:var(--q2-gold);color:#2a1600;border-color:#0000}.q2-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:9px 13px 22px;display:flex;overflow-y:auto}.q2-scroll>*{flex-shrink:0}.q2-scroll::-webkit-scrollbar{width:7px}.q2-scroll::-webkit-scrollbar-thumb{background:#e9c46a73;border-radius:99px}.q2-sect{align-items:center;gap:8px;margin:3px 0 -1px;display:flex}.q2-sect:first-child{margin-top:0}.q2-sect h5{font-family:var(--q2-num-font);letter-spacing:.16em;text-transform:uppercase;color:var(--q2-gold);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:flex}.q2-sect__rule{background:linear-gradient(90deg,#e9c46a52,#e9c46a0a);flex:1;height:1px}.q2-sect__meta{font-family:var(--q2-num-font);color:var(--q2-txt3);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;display:flex}.q2-ghost{font-family:var(--q2-num-font);color:var(--q2-txt2);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:5px;padding:4px 8px;font-size:10.5px;font-weight:700;transition:all .15s;display:inline-flex}.q2-ghost:hover{color:var(--q2-gold-b);background:#e9c46a14;border-color:#e9c46a73}.q2-main{background:radial-gradient(130% 120% at 0 0,#e9c46a29,#0000 58%),linear-gradient(165deg,#1c2e2eeb,#0d191bf0);border:1px solid #e9c46a73;border-radius:13px;padding:9px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fde68a29}.q2-main:after{content:"道";color:#e9c46a12;pointer-events:none;font-size:92px;line-height:1;position:absolute;bottom:-26px;right:2px}.q2-main__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.q2-main__eyebrow{font-family:var(--q2-num-font);letter-spacing:.16em;text-transform:uppercase;color:var(--q2-gold);white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.q2-main__title{color:var(--q2-txt);letter-spacing:.01em;margin:3px 0 1px;font-size:15.5px;font-weight:900}.q2-main__desc{color:var(--q2-txt2);font-size:11.5px;line-height:1.45}.q2-main__bar{flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:9px;display:flex}.q2-main__bar .q2-bar{min-width:90px;height:7px}.q2-main__bar .q2-btn{flex:none;margin-left:auto}.q2-steps{flex:0 auto;align-items:center;gap:5px;min-width:0;display:flex}.q2-steps i{background:#ffffff1f;border-radius:99px;width:100%;min-width:14px;max-width:32px;height:3px}.q2-steps i.done{background:linear-gradient(90deg, #0f766e, var(--q2-jade))}.q2-steps i.now{background:var(--q2-gold);box-shadow:0 0 8px #e9c46aa6}.q2-bar{background:#ffffff17;border-radius:99px;flex:1;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.q2-bar>i{background:linear-gradient(90deg, #0f766e, var(--q2-jade-2) 70%, var(--q2-jade));border-radius:99px;height:100%;display:block;box-shadow:0 0 8px #5eead459}.q2-bar.gold>i{background:linear-gradient(90deg, #b7832f, var(--q2-gold-b));box-shadow:0 0 10px #e9c46a73}.q2-num{font-family:var(--q2-num-font);color:var(--q2-txt2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:700}.q2-num b{color:var(--q2-txt);font-weight:800}.q2-pct{font-family:var(--q2-num-font);color:var(--q2-jade);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:800}.q2-pct.gold{color:var(--q2-gold)}.q2-rewards{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.q2-rw{font-family:var(--q2-num-font);color:var(--q2-gold);font-variant-numeric:tabular-nums;white-space:nowrap;background:#e9c46a1a;border:1px solid #e9c46a40;border-radius:99px;align-items:center;gap:4px;padding:2px 7px 2px 6px;font-size:10.5px;font-weight:700;display:inline-flex}.q2-rw.insight{color:var(--q2-violet);background:#a78bfa1a;border-color:#a78bfa47}.q2-rw.herb{color:var(--q2-jade-2);background:#34d3991a;border-color:#34d39947}.q2-rw.dim{opacity:.55}.q2-card{border:1px solid var(--q2-line);background:linear-gradient(#ffffff0b,#ffffff04);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"ico name side""ico desc side"".prog side";gap:1px 11px;padding:8px 10px 7px 12px;display:grid;position:relative;overflow:hidden}.q2-card:before{content:"";background:var(--accent,var(--q2-gold));opacity:.75;border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:0}.q2-card__ico{width:34px;height:34px;color:var(--accent,var(--q2-gold));background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;grid-area:ico;align-self:start;place-items:center;display:grid}.q2-card__name{color:var(--q2-txt);grid-area:name;padding-top:1px;font-size:13px;font-weight:700;line-height:1.25}.q2-card__desc{color:var(--q2-txt2);grid-area:desc;font-size:11.5px;line-height:1.4}.q2-card__prog{grid-area:prog;align-items:center;gap:8px;margin-top:4px;display:flex}.q2-card__side{flex-direction:column;grid-area:side;align-self:center;align-items:flex-end;gap:6px;padding-left:4px;display:flex}.q2-card.done{opacity:.6}.q2-card.done .q2-card__name{color:var(--q2-txt2)}.q2-card.ready{background:linear-gradient(#e9c46a24,#e9c46a09);border-color:#e9c46a8c;box-shadow:0 10px 26px -18px #e9c46ae6,inset 0 1px #fde68a38}.q2-card.ready:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fde68a17 48%,#0000 62%) 0 0/220% 100%;animation:3.4s ease-in-out infinite q2-sweep;position:absolute;inset:0}@keyframes q2-sweep{0%,55%{background-position:130% 0}to{background-position:-40% 0}}.q2-btn{height:32px;font-family:var(--q2-num-font);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:800;transition:all .14s;display:inline-flex}button.q2-btn{cursor:pointer}.q2-btn.ready{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949 58%,#c9962f);box-shadow:0 5px 14px -6px #e9b949d9,inset 0 1px #ffffffa6,inset 0 -1px #78460a59}.q2-btn.ready:hover{filter:brightness(1.07);transform:translateY(-1px)}.q2-btn.ready:active{transform:translateY(0)scale(.985)}.q2-btn.wait{color:var(--q2-txt3);background:#ffffff08;border-color:#ffffff1a;font-weight:700}.q2-btn.done{color:var(--q2-jade);background:#5eead414;border-color:#5eead44d}.q2-titles{flex-wrap:wrap;gap:5px;display:flex}.q2-achsum{background:radial-gradient(120% 140% at 100% 0,#5eead41a,#0000 60%),#0d191b99;border:1px solid #e9c46a47;border-radius:12px;padding:9px 11px}.q2-achsum__row{font-family:var(--q2-num-font);color:var(--q2-txt2);justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;display:flex}.q2-achsum__row b{color:var(--q2-txt);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.q2-achsum__pct{color:var(--q2-jade);font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.q2-stack{background:#ffffff14;border-radius:99px;height:8px;margin:7px 0 6px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.q2-stack>i{background:linear-gradient(90deg, #0f766e, var(--q2-jade-2));height:100%;display:block}.q2-legend{font-family:var(--q2-num-font);color:var(--q2-txt3);flex-wrap:wrap;gap:4px 12px;font-size:10.5px;display:flex}.q2-legend span{align-items:center;gap:5px;display:inline-flex}.q2-filters{flex-wrap:wrap;gap:5px;display:flex}.q2-fchip{font-family:var(--q2-num-font);color:var(--q2-txt3);cursor:pointer;background:#00000040;border:1px solid #ffffff17;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:10.5px;font-weight:700;transition:all .15s;display:inline-flex}.q2-fchip b{color:var(--q2-txt2);font-weight:800}.q2-fchip:hover{color:var(--q2-txt2);border-color:#e9c46a4d}.q2-fchip.on{color:var(--q2-gold-b);background:#e9c46a24;border-color:#e9c46a99}.q2-fchip.on b{color:var(--q2-gold-b)}.q2-group{flex-direction:column;gap:6px;display:flex}.q2-group__head{align-items:center;gap:8px;margin:6px 0 0;display:flex}.q2-group__head:first-child{margin-top:0}.q2-group__head h6{font-family:var(--q2-num-font);letter-spacing:.16em;text-transform:uppercase;color:var(--q2-txt2);white-space:nowrap;font-size:10.5px;font-weight:800}.q2-group__head .q2-sect__rule{background:linear-gradient(90deg,#ffffff24,#0000)}.q2-group__meta{font-family:var(--q2-num-font);color:var(--q2-txt3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}.q2-group__cards{gap:6px;display:grid}.q2-ach{border:1px solid var(--q2-line);background:#ffffff07;border-radius:11px;flex-direction:column;gap:2px;padding:8px 10px 5px;display:flex;position:relative}.q2-ach__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.q2-ach__head>div{min-width:0}.q2-ach__name{color:var(--q2-txt);font-size:12.5px;font-weight:700;line-height:1.3}.q2-ach__desc{color:var(--q2-txt2);font-size:11.5px;line-height:1.45}.q2-ach__num{font-family:var(--q2-num-font);color:var(--q2-txt3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:700}.q2-ach.ready{background:linear-gradient(#e9c46a1c,#e9c46a06);border-color:#e9c46a80;box-shadow:0 8px 22px -18px #e9c46ae6}.q2-ach.maxed{opacity:.55}.q2-ach .q2-btn{height:27px;padding:0 9px;font-size:11px}.q2-track{grid-template-columns:repeat(3,1fr);padding:7px 0 0;display:grid;position:relative}.q2-track__rail{background:#ffffff1a;border-radius:99px;height:3px;position:absolute;top:12px;left:16.667%;right:16.667%;overflow:hidden}.q2-track__rail>i{background:linear-gradient(90deg, #0f766e, var(--q2-jade-2) 55%, var(--q2-gold));border-radius:99px;height:100%;display:block;box-shadow:0 0 8px #5eead44d}.q2-node{z-index:1;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.q2-node__dot{color:#07231f;background:#16262a;border:2px solid #ffffff38;border-radius:50%;place-items:center;width:11px;height:11px;display:grid}.q2-node__lbl{font-family:var(--q2-num-font);color:var(--q2-txt3);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:9.5px;font-weight:700;display:inline-flex}.q2-node.claimed .q2-node__dot{background:var(--q2-jade-2);border-color:var(--q2-jade-2);box-shadow:0 0 8px #34d39980}.q2-node.claimed .q2-node__lbl{color:var(--q2-jade)}.q2-node.ready .q2-node__dot{background:var(--q2-gold);border-color:var(--q2-gold-b);animation:1.8s ease-in-out infinite q2-pulse-dot;box-shadow:0 0 0 3px #e9c46a2e,0 0 10px #e9c46a99}.q2-node.ready .q2-node__lbl{color:var(--q2-gold-b)}@keyframes q2-pulse-dot{0%,to{box-shadow:0 0 0 3px #e9c46a24,0 0 10px #e9c46a80}50%{box-shadow:0 0 0 5px #e9c46a0f,0 0 14px #e9c46abf}}@container (width<=470px){.q2-tabs{padding:9px 11px 0}.q2-scroll{padding:9px 11px 22px}.q2-card{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"ico name""ico desc""prog prog""side side";column-gap:10px}.q2-card__ico{width:30px;height:30px}.q2-card__side{flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:8px;padding-left:0}.q2-main__top{gap:8px}.q2-main__eyebrow{letter-spacing:.1em;font-size:9.5px}.q2-steps i{max-width:20px}.q2-main__bar .q2-btn{margin-left:auto}.q2-ach__head{align-items:flex-start}}@container (width>=560px){.q2-group__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-body.c2-modal{gap:0;padding:0;overflow:hidden}.modal-header-txt{flex:auto;min-width:0}.modal-sub{color:var(--text-dim);margin-top:2px;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500}.c2{--c2-gold:var(--gold,#e9c46a);--c2-gold-b:#fde68a;--c2-jade:#5eead4;--c2-jade-2:#34d399;--c2-rose:#fb7185;--c2-pink:#f9a8d4;--c2-violet:#a78bfa;--c2-qi:#7dd3fc;--c2-txt:#f4ecd8;--c2-txt2:#c9c1ad;--c2-txt3:#8e8676;--c2-line:#ffffff16;--c2-num:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;min-height:0;color:var(--c2-txt);flex-direction:column;flex:auto;display:flex;container-type:inline-size}.c2-status{background:#00000038;border-bottom:1px solid #e9c46a24;flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.c2-stat{text-align:center;padding:6px 8px 7px;position:relative}.c2-stat+.c2-stat:before{content:"";background:#e9c46a29;width:1px;position:absolute;top:9px;bottom:9px;left:0}.c2-stat__k{font-family:var(--c2-num);letter-spacing:.14em;text-transform:uppercase;color:var(--c2-txt3);font-size:9.5px;font-weight:700;display:block}.c2-stat__v{font-family:var(--c2-num);color:var(--c2-txt);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:15px;font-weight:800;display:inline-flex}.c2-stat__v small{color:var(--c2-txt3);font-size:11px;font-weight:600}.c2-stat__v.gold{color:var(--c2-gold)}.c2-stat__v.jade{color:var(--c2-jade)}.c2-stat__v.rose{color:var(--c2-rose)}.c2-stat__v.off{color:var(--c2-txt3)}.c2-live{background:var(--c2-rose);border-radius:50%;width:7px;height:7px;animation:1.9s ease-in-out infinite breathe;box-shadow:0 0 0 3px #fb71852e}.c2-live.off{background:var(--c2-txt3);box-shadow:none;animation:none}@keyframes breathe{0%,to{box-shadow:0 0 0 3px #fb718524}50%{box-shadow:0 0 0 5px #fb71850d}}.c2-tabs{flex-shrink:0;gap:7px;padding:9px 13px 0;display:flex}.c2-tab{height:36px;color:var(--c2-txt3);cursor:pointer;background:#00000047;border:1px solid #ffffff12;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .16s;display:flex;position:relative}.c2-tab:hover{color:var(--c2-txt2);border-color:#e9c46a4d}.c2-tab.on{color:var(--c2-gold-b);background:linear-gradient(#e9c46a33,#e9c46a0f);border-color:#e9c46a99;box-shadow:inset 0 0 14px #e9c46a24,0 4px 14px -8px #e9c46acc}.c2-tab__dot{background:var(--c2-rose);border-radius:50%;width:7px;height:7px;animation:1.9s ease-in-out infinite breathe;box-shadow:0 0 8px #fb7185e6}.c2-tab__dot.pink{background:var(--c2-pink);box-shadow:0 0 8px #f472b6e6}.c2-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px 13px 20px;display:flex;overflow-y:auto}.c2-scroll>*{flex-shrink:0}.c2-scroll::-webkit-scrollbar{width:7px}.c2-scroll::-webkit-scrollbar-thumb{background:#e9c46a73;border-radius:99px}.c2-sect{align-items:center;gap:8px;margin:2px 0 -2px;display:flex}.c2-sect h5{font-family:var(--c2-num);letter-spacing:.16em;text-transform:uppercase;color:var(--c2-gold);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:flex}.c2-sect__rule{background:linear-gradient(90deg,#e9c46a52,#e9c46a0a);flex:1;height:1px}.c2-sect__meta{font-family:var(--c2-num);color:var(--c2-txt3);white-space:nowrap;font-size:10.5px}.c2-rw{font-family:var(--c2-num);color:var(--c2-gold);font-variant-numeric:tabular-nums;white-space:nowrap;background:#e9c46a1a;border:1px solid #e9c46a40;border-radius:99px;align-items:center;gap:4px;padding:2px 7px 2px 6px;font-size:10.5px;font-weight:700;display:inline-flex}.c2-rw.insight{color:var(--c2-violet);background:#a78bfa1a;border-color:#a78bfa47}.c2-rw.herb{color:var(--c2-jade-2);background:#34d3991a;border-color:#34d39947}.c2-rw.dim{opacity:.6}.c2-rewards{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.c2-num{font-family:var(--c2-num);color:var(--c2-txt2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:700}.c2-num b{color:var(--c2-txt);font-weight:800}.c2-bar{background:#ffffff17;border-radius:99px;flex:1;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.c2-bar>i{background:linear-gradient(90deg, #0f766e, var(--c2-jade-2) 70%, var(--c2-jade));border-radius:99px;height:100%;display:block;box-shadow:0 0 8px #5eead459}.c2-bar.gold>i{background:linear-gradient(90deg, #b7832f, var(--c2-gold-b));box-shadow:0 0 10px #e9c46a73}.c2-bar.red>i{background:linear-gradient(90deg, #7f1d1d, #ef4444 65%, var(--c2-rose));box-shadow:0 0 10px #f8717180}.c2-btn{height:32px;font-family:var(--c2-num);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:800;transition:all .14s;display:inline-flex}.c2-btn.ready{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949 58%,#c9962f);box-shadow:0 5px 14px -6px #e9b949d9,inset 0 1px #ffffffa6,inset 0 -1px #78460a59}.c2-btn.ready:hover{filter:brightness(1.07);transform:translateY(-1px)}.c2-btn.blood{color:#fff1f2;background:linear-gradient(#f43f5e,#be123c 60%,#9f1239);box-shadow:0 6px 16px -8px #f43f5ef2,inset 0 1px #ffffff47}.c2-btn.blood:hover{filter:brightness(1.08);transform:translateY(-1px)}.c2-btn.wait{color:var(--c2-txt3);background:#ffffff08;border-color:#ffffff1a;font-weight:700}.c2-btn.done{color:var(--c2-jade);background:#5eead414;border-color:#5eead44d}.c2-btn.ghost{color:var(--c2-txt2);background:#ffffff08;border-color:#ffffff1a}.c2-btn.ghost:hover{color:var(--c2-gold-b);background:#e9c46a14;border-color:#e9c46a73}.c2-boss{background:radial-gradient(120% 130% at 100% 0,#f43f5e33,#0000 58%),linear-gradient(165deg,#301a1ef2,#12161af5);border:1px solid #f8717173;border-radius:13px;padding:10px 12px 11px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe4e624,0 14px 30px -24px #f43f5ee6}.c2-boss:after{content:"妖";color:#f8717117;pointer-events:none;font-size:96px;line-height:1;position:absolute;bottom:-28px;right:0}.c2-boss__top{align-items:center;gap:10px;display:flex}.c2-boss__ico{color:#ffe4e6;background:radial-gradient(circle at 50% 30%,#f43f5e73,#78142380);border:1px solid #f871718c;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 0 18px -6px #f43f5ecc}.c2-boss__id{flex:1;min-width:0}.c2-boss__name{color:#fff1f2;letter-spacing:.01em;font-size:16px;font-weight:900;line-height:1.2}.c2-boss__sub{flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;display:flex}.c2-tag{font-family:var(--c2-num);letter-spacing:.08em;text-transform:uppercase;color:var(--c2-txt2);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:800;display:inline-flex}.c2-tag.hot{color:#fecdd3;background:#f43f5e29;border-color:#f8717173}.c2-boss__time{text-align:right;flex:none}.c2-boss__clock{font-family:var(--c2-num);color:#ffe4e6;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:15px;font-weight:800;display:inline-flex}.c2-boss__clock.urgent{color:var(--c2-gold-b)}.c2-boss__time small{font-family:var(--c2-num);letter-spacing:.1em;text-transform:uppercase;color:#ffe4e680;margin-top:1px;font-size:9.5px;display:block}.c2-hp{margin-top:9px}.c2-hp-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.c2-hp-top .lbl{font-family:var(--c2-num);letter-spacing:.14em;text-transform:uppercase;color:#ffe4e68c;font-size:9.5px;font-weight:800}.c2-hp-top .val{font-family:var(--c2-num);color:#ffe4e6;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:800}.c2-hp-top .val small{color:#ffe4e68c;font-weight:600}.c2-hp-bar{background:#00000073;border-radius:99px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.c2-hp-bar>i{background:linear-gradient(90deg,#7f1d1d,#ef4444 55%,#fb7185);border-radius:99px;height:100%;display:block;position:relative;box-shadow:0 0 12px #f43f5e99}.c2-hp-bar>i:after{content:"";background:linear-gradient(#ffffff47,#0000);border-radius:99px 99px 0 0;height:45%;position:absolute;inset:0 0 auto}.c2-hp-foot{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:7px;display:flex}.c2-hp-foot .mine{font-family:var(--c2-num);color:#fecdd3;align-items:center;gap:5px;font-size:10.5px;font-weight:700;display:inline-flex}.c2-hp-foot .mine b{color:#fff1f2;font-weight:800}.c2-boss__cta{align-items:center;gap:8px;margin-top:10px;display:flex}.c2-boss__cta .c2-btn{flex:1;height:36px;font-size:12.5px}.c2-boss__cta .c2-btn.ghost{flex:none;height:36px;padding:0 11px}.c2-dmg-list{flex-direction:column;gap:4px;display:flex}.c2-dmg-row{background:#ffffff06;border:1px solid #ffffff0e;border-radius:9px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 9px 5px 7px;display:grid;position:relative;overflow:hidden}.c2-dmg-row .fill{pointer-events:none;background:linear-gradient(90deg,#f43f5e29,#f43f5e08);position:absolute;top:0;bottom:0;left:0}.c2-dmg-rank{font-family:var(--c2-num);color:var(--c2-txt3);text-align:center;z-index:1;font-size:10.5px;font-weight:800;position:relative}.c2-dmg-row.r1 .c2-dmg-rank{color:var(--c2-gold-b)}.c2-dmg-row.r2 .c2-dmg-rank{color:#e2e8f0}.c2-dmg-row.r3 .c2-dmg-rank{color:#d8a06a}.c2-dmg-name{color:var(--c2-txt);z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;position:relative;overflow:hidden}.c2-dmg-name .me{font-family:var(--c2-num);letter-spacing:.08em;color:var(--c2-gold);vertical-align:1px;border:1px solid #e9c46a66;border-radius:4px;margin-left:5px;padding:0 4px;font-size:9px;font-weight:800}.c2-dmg-val{font-family:var(--c2-num);color:#fecdd3;font-variant-numeric:tabular-nums;z-index:1;font-size:11.5px;font-weight:800;position:relative}.c2-dmg-val small{color:var(--c2-txt3);margin-left:4px;font-weight:600}.c2-dmg-row.me{background:#e9c46a12;border-color:#e9c46a59}.c2-empty{text-align:center;background:radial-gradient(120% 120% at 50% 0,#f43f5e1f,#0000 62%),linear-gradient(#ffffff08,#ffffff02);border:1px dashed #f8717152;border-radius:13px;padding:16px 14px 14px;position:relative;overflow:hidden}.c2-empty__ico{color:#fecdd3bf;background:radial-gradient(circle at 50% 35%,#f43f5e38,#00000059);border:1px solid #f8717152;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 9px;display:grid;box-shadow:0 0 26px -8px #f43f5eb3}.c2-empty h4{color:var(--c2-txt);font-size:15px;font-weight:900}.c2-empty p{color:var(--c2-txt2);max-width:340px;margin:4px auto 0;font-size:11.5px;line-height:1.5}.c2-empty .hint{font-family:var(--c2-num);color:var(--c2-gold);background:#e9c46a1a;border:1px solid #e9c46a4d;border-radius:99px;align-items:center;gap:5px;margin-top:9px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.c2-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.c2-fact{border:1px solid var(--c2-line);background:#ffffff07;border-radius:10px;padding:8px 9px}.c2-fact__ico{color:var(--c2-gold);margin-bottom:4px}.c2-fact__k{font-family:var(--c2-num);letter-spacing:.12em;text-transform:uppercase;color:var(--c2-txt3);font-size:9.5px;font-weight:800}.c2-fact__v{color:var(--c2-txt);margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.35}.c2-recap{background:#e9c46a0f;border:1px solid #e9c46a47;border-radius:11px;align-items:center;gap:9px;padding:8px 10px;display:flex}.c2-recap__ico{width:30px;height:30px;color:var(--c2-gold-b);background:#e9c46a24;border:1px solid #e9c46a59;border-radius:9px;flex:none;place-items:center;display:grid}.c2-recap__txt{flex:1;min-width:0}.c2-recap__t{color:var(--c2-txt);font-size:12px;font-weight:700}.c2-recap__s{font-family:var(--c2-num);color:var(--c2-txt3);margin-top:1px;font-size:10.5px}.c2-duel{background:radial-gradient(130% 120% at 0 0,#e9c46a29,#0000 58%),linear-gradient(165deg,#1e2c2ef0,#0e181af2);border:1px solid #e9c46a6b;border-radius:13px;padding:10px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fde68a29}.c2-duel:after{content:"武";color:#e9c46a12;pointer-events:none;font-size:92px;line-height:1;position:absolute;bottom:-26px;right:2px}.c2-duel__row{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.c2-duel__eyebrow{font-family:var(--c2-num);letter-spacing:.16em;text-transform:uppercase;color:var(--c2-gold);align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.c2-duel__big{font-family:var(--c2-num);color:var(--c2-gold-b);font-variant-numeric:tabular-nums;text-shadow:0 4px 18px #e9c46a47;margin-top:3px;font-size:30px;font-weight:800;line-height:1.05}.c2-duel__big span{letter-spacing:.1em;text-transform:uppercase;color:var(--c2-txt3);text-shadow:none;margin-left:6px;font-size:12px;font-weight:700}.c2-duel__stats{gap:6px;display:flex}.c2-wstat{text-align:center;background:#00000047;border:1px solid #ffffff12;border-radius:9px;min-width:54px;padding:5px 7px}.c2-wstat b{font-family:var(--c2-num);color:var(--c2-txt);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;display:block}.c2-wstat span{font-family:var(--c2-num);letter-spacing:.1em;text-transform:uppercase;color:var(--c2-txt3);font-size:9px;font-weight:700}.c2-wstat.win b{color:var(--c2-jade)}.c2-wstat.lose b{color:var(--c2-rose)}.c2-wstat.streak b{color:var(--c2-gold-b)}.c2-duel__foot{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;display:flex}.c2-pips{gap:4px;display:flex}.c2-pips i{background:#ffffff1f;border-radius:99px;width:15px;height:5px}.c2-pips i.on{background:linear-gradient(90deg, #0f766e, var(--c2-jade));box-shadow:0 0 8px #5eead473}.c2-steps-card{background:linear-gradient(#7dd3fc14,#7dd3fc05);border:1px solid #7dd3fc3d;border-radius:11px;padding:9px 11px}.c2-steps-card__h{font-family:var(--c2-num);letter-spacing:.12em;text-transform:uppercase;color:var(--c2-qi);align-items:center;gap:6px;margin-bottom:7px;font-size:10.5px;font-weight:800;display:flex}.c2-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.c2-step{align-items:flex-start;gap:7px;display:flex}.c2-step__n{width:17px;height:17px;font-family:var(--c2-num);color:#06232b;background:var(--c2-qi);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:9.5px;font-weight:800;display:grid}.c2-step__t{color:var(--c2-txt2);font-size:11px;line-height:1.4}.c2-step__t b{color:var(--c2-txt);font-weight:700}.c2-hist{flex-direction:column;gap:4px;display:flex}.c2-hist-row{background:#ffffff06;border:1px solid #ffffff0e;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 9px;display:grid}.c2-res{font-family:var(--c2-num);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:9.5px;font-weight:800}.c2-res.win{color:#052e26;background:linear-gradient(#6ee7b7,#34d399)}.c2-res.lose{color:#fff1f2;background:linear-gradient(#fb7185,#e11d48)}.c2-res.draw{color:#2a1600;background:linear-gradient(#fde68a,#e9b949)}.c2-hist-name{color:var(--c2-txt);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.c2-hist-time{font-family:var(--c2-num);color:var(--c2-txt3);white-space:nowrap;font-size:10px}.c2-partner{background:radial-gradient(130% 120% at 0 0,#f472b629,#0000 60%),linear-gradient(165deg,#2c1c26f2,#10161af5);border:1px solid #f472b666;border-radius:13px;padding:11px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffe4f024}.c2-partner:after{content:"緣";color:#f472b614;pointer-events:none;font-size:92px;line-height:1;position:absolute;bottom:-28px;right:0}.c2-partner__row{align-items:center;gap:11px;display:flex}.c2-avatar{width:44px;height:44px;font-family:var(--font-serif);color:#fff1f7;background:radial-gradient(circle at 50% 30%,#f472b68c,#5a183cbf);border:1px solid #f472b699;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:900;display:grid;position:relative;box-shadow:inset 0 1px #ffffff38,0 0 20px -8px #f472b6e6}.c2-avatar .c2-dot{background:var(--c2-jade-2);border:2px solid #0e181b;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 8px #34d399cc}.c2-avatar .c2-dot.off{background:var(--c2-txt3);box-shadow:none}.c2-partner__id{flex:1;min-width:0}.c2-partner__name{color:#fff1f7;font-size:15.5px;font-weight:900;line-height:1.2}.c2-partner__meta{font-family:var(--c2-num);color:#ffe4f099;margin-top:2px;font-size:10.5px}.c2-partner__buff{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.c2-buff{font-family:var(--c2-num);color:#fbcfe8;background:#f472b61f;border:1px solid #f472b64d;border-radius:99px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.c2-songtu{background:#ffffff06;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:9px;padding:8px 10px;display:flex}.c2-songtu.on{background:linear-gradient(90deg,#34d39924,#34d39908);border-color:#34d39973;box-shadow:0 0 20px -12px #34d399e6,inset 0 1px #a7f3d02e}.c2-songtu__ico{width:30px;height:30px;color:var(--c2-txt3);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;flex:none;place-items:center;display:grid}.c2-songtu.on .c2-songtu__ico{color:var(--c2-jade);background:#34d39924;border-color:#34d39966}.c2-songtu__t{flex:1;min-width:0}.c2-songtu__title{color:var(--c2-txt2);font-size:12px;font-weight:800}.c2-songtu.on .c2-songtu__title{color:var(--c2-jade)}.c2-songtu__sub{color:var(--c2-txt3);margin-top:1px;font-size:10.5px;line-height:1.4}.c2-songtu__pill{font-family:var(--c2-num);letter-spacing:.1em;text-transform:uppercase;color:var(--c2-txt3);border:1px solid #ffffff1f;border-radius:99px;padding:2px 7px;font-size:9.5px;font-weight:800}.c2-songtu.on .c2-songtu__pill{color:#052e26;background:linear-gradient(#6ee7b7,#34d399);border-color:#0000}.c2-pq{border:1px solid var(--c2-line);background:#ffffff07;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name cta""desc cta""prog prog";gap:2px 10px;padding:8px 10px 7px 12px;display:grid;position:relative}.c2-pq:before{content:"";background:var(--c2-pink);opacity:.7;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.c2-pq__name{color:var(--c2-txt);grid-area:name;font-size:12.5px;font-weight:700}.c2-pq__desc{color:var(--c2-txt2);grid-area:desc;font-size:11.5px;line-height:1.4}.c2-pq__cta{flex-direction:column;grid-area:cta;align-self:center;align-items:flex-end;gap:5px;display:flex}.c2-pq__prog{flex-wrap:wrap;grid-area:prog;align-items:center;gap:6px 8px;margin-top:6px;display:flex}.c2-pq.ready{background:linear-gradient(#e9c46a1f,#e9c46a06);border-color:#e9c46a80}.c2-pq.done{opacity:.62}.c2-pq .c2-btn{height:27px;padding:0 9px;font-size:11px}.c2-invite{background:linear-gradient(90deg,#f472b621,#f472b608);border:1px solid #f472b66b;border-radius:12px;align-items:center;gap:10px;padding:10px 11px;display:flex}.c2-invite__txt{flex:1;min-width:0}.c2-invite__t{color:var(--c2-txt);font-size:12.5px;font-weight:700}.c2-invite__s{font-family:var(--c2-num);color:var(--c2-txt3);margin-top:2px;font-size:10.5px}.c2-invite__acts{gap:6px;display:flex}.c2-unbond{font-family:var(--c2-num);color:var(--c2-txt3);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:center;margin-top:2px;font-size:10.5px;font-weight:700;text-decoration:underline}.c2-unbond:hover{color:var(--c2-rose)}@container (width<=470px){.c2-recap{flex-wrap:wrap}.c2-recap__txt{flex:140px}.c2-recap .c2-rewards{flex:1 0 100%}.c2-tabs{padding:9px 11px 0}.c2-scroll{padding:9px 11px 20px}.c2-facts,.c2-steps{grid-template-columns:minmax(0,1fr)}.c2-duel__row{flex-wrap:wrap;gap:8px}.c2-duel__big{font-size:26px}.c2-wstat{min-width:48px}.c2-pq{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""desc""prog""cta"}.c2-pq__cta{flex-direction:row;justify-content:space-between;align-items:center;margin-top:7px}.c2-boss__cta{flex-wrap:wrap}.c2-boss__cta .c2-btn,.c2-boss__cta .c2-btn.ghost{flex:100%}.c2-invite{flex-wrap:wrap}.c2-invite__acts{width:100%}.c2-invite__acts .c2-btn{flex:1}}.menu-icon .menu-art{filter:drop-shadow(0 2px 2px #0000008c);transition:transform .15s,filter .15s;display:block}.menu-btn:hover .menu-art,.menu-btn.active .menu-art{filter:drop-shadow(0 3px 4px #0009)drop-shadow(0 0 6px #fde68a59);transform:scale(1.08)translateY(-1px)}.menu-btn.locked .menu-art{filter:grayscale(.4)brightness(.85)drop-shadow(0 2px 2px #00000080)}@media (width<=600px){.menu-icon .menu-art{width:30px;height:30px}}.modal-body.f2-modal,.modal-body.b2-modal{gap:0;padding:0;overflow:hidden}.f2,.b2{--m2-gold:var(--gold,#e9c46a);--m2-gold-b:#fde68a;--m2-jade:#5eead4;--m2-jade-2:#34d399;--m2-qi:#7dd3fc;--m2-violet:#a78bfa;--m2-rose:#fb7185;--m2-txt:#f4ecd8;--m2-txt2:#c9c1ad;--m2-txt3:#8e8676;--m2-line:#ffffff16;--m2-num:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;min-height:0;color:var(--m2-txt);flex-direction:column;flex:auto;display:flex;container-type:inline-size}.m2-status{background:#00000038;border-bottom:1px solid #e9c46a24;flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.m2-stat{text-align:center;padding:6px 8px 7px;position:relative}.m2-stat+.m2-stat:before{content:"";background:#e9c46a29;width:1px;position:absolute;top:9px;bottom:9px;left:0}.m2-stat__k{font-family:var(--m2-num);letter-spacing:.14em;text-transform:uppercase;color:var(--m2-txt3);font-size:9.5px;font-weight:700;display:block}.m2-stat__v{font-family:var(--m2-num);color:var(--m2-txt);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:15px;font-weight:800;display:inline-flex}.m2-stat__v small{color:var(--m2-txt3);font-size:11px;font-weight:600}.m2-stat__v.gold{color:var(--m2-gold-b)}.m2-stat__v.jade{color:var(--m2-jade-2)}.m2-stat__v.violet{color:var(--m2-violet)}.m2-stat__v.off{color:var(--m2-txt3)}.m2-tabs{flex-shrink:0;gap:7px;padding:9px 13px 0;display:flex}.m2-tab{height:36px;color:var(--m2-txt3);cursor:pointer;background:#00000047;border:1px solid #ffffff12;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .16s;display:flex;position:relative}.m2-tab:hover{color:var(--m2-txt2);border-color:#e9c46a4d}.m2-tab.on{color:var(--m2-gold-b);background:linear-gradient(#e9c46a33,#e9c46a0f);border-color:#e9c46a99;box-shadow:inset 0 0 14px #e9c46a24,0 4px 14px -8px #e9c46acc}.m2-tab__dot{background:var(--m2-violet);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #a78bfae6}.m2-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px 13px 20px;display:flex;overflow-y:auto}.m2-scroll>*{flex-shrink:0}.m2-sect{align-items:center;gap:8px;margin:2px 0 -2px;display:flex}.m2-sect h5{font-family:var(--m2-num);letter-spacing:.16em;text-transform:uppercase;color:var(--m2-gold);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:800;display:flex}.m2-sect i{background:linear-gradient(90deg,#e9c46a52,#e9c46a0a);flex:1;height:1px}.m2-sect b{font-family:var(--m2-num);color:var(--m2-txt3);white-space:nowrap;font-size:10.5px;font-weight:600}.m2-chip{font-family:var(--m2-num);color:var(--m2-txt2);font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:4px;padding:2px 7px 2px 5px;font-size:10.5px;font-weight:700;display:inline-flex}.m2-chip.herb{color:#6ee7b7;background:#34d3991a;border-color:#34d39942}.m2-chip.ore{color:#bae6fd;background:#7dd3fc1a;border-color:#7dd3fc42}.m2-chip.core{color:#fda4af;background:#fb71851a;border-color:#fb718542}.m2-chip.stone{color:#a5f3fc;background:#22d3ee1a;border-color:#22d3ee42}.m2-chip.lack{color:#fecaca;background:#f871711f;border-color:#f871716b}.m2-btn{height:32px;font-family:var(--m2-num);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:800;transition:all .14s;display:inline-flex}.m2-btn.gold{color:#3b1d00;background:linear-gradient(#fde68a,#e9b949 58%,#c9962f);box-shadow:0 5px 14px -6px #e9b949d9,inset 0 1px #ffffffa6,inset 0 -1px #78460a59}.m2-btn.gold:hover{filter:brightness(1.07);transform:translateY(-1px)}.m2-btn.ember{color:#fff7ed;background:linear-gradient(#fb923c,#ea580c 60%,#c2410c);box-shadow:0 6px 16px -8px #fb923cf2,inset 0 1px #ffffff4d}.m2-btn.ember:hover{filter:brightness(1.08);transform:translateY(-1px)}.m2-btn.jade{color:#04241d;background:linear-gradient(#6ee7b7,#34d399 60%,#10b981);box-shadow:0 5px 14px -7px #34d399e6,inset 0 1px #ffffff80}.m2-btn.jade:hover{filter:brightness(1.07);transform:translateY(-1px)}.m2-btn.ghost{color:var(--m2-txt2);background:#ffffff08;border-color:#ffffff1a}.m2-btn.ghost:hover{color:var(--m2-gold-b);background:#e9c46a14;border-color:#e9c46a73}.m2-btn.wait{color:var(--m2-txt3);cursor:not-allowed;background:#ffffff08;border-color:#ffffff17}.m2-btn.tall{height:36px;font-size:12.5px}.m2-btn small{opacity:.75;font-size:10px;font-weight:700}.m2-stars{color:var(--m2-gold-b);letter-spacing:.5px;gap:1px;font-size:10px;display:inline-flex}.m2-stars .off{color:#ffffff29}.f2-hero{background:radial-gradient(120% 130% at 100% 0,#fb923c33,#0000 58%),linear-gradient(165deg,#2e1e14f2,#12161af5);border:1px solid #fb923c6b;border-radius:13px;padding:10px 12px 11px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fed7aa29,0 14px 30px -24px #fb923ce6}.f2-hero:after{content:"丹";color:#fb923c17;pointer-events:none;font-size:92px;line-height:1;position:absolute;bottom:-26px;right:0}.f2-hero__top{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.f2-hero__art{flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative}.f2-hero__art:before{content:"";background:radial-gradient(circle,#fb923c57,#0000 68%);border-radius:50%;animation:3.2s ease-in-out infinite f2-ember;position:absolute;inset:-6px}@keyframes f2-ember{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.f2-hero__id{flex:1;min-width:0}.f2-hero__name{color:#fff7ed;letter-spacing:.01em;font-size:15.5px;font-weight:900;line-height:1.2}.f2-hero__meta{font-family:var(--m2-num);color:#fed7aa9e;margin-top:3px;font-size:10.5px}.f2-hero__tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.f2-tag{font-family:var(--m2-num);letter-spacing:.06em;text-transform:uppercase;color:#fed7aae6;background:#fb923c24;border:1px solid #fb923c57;border-radius:99px;align-items:center;gap:4px;padding:2px 7px;font-size:9.5px;font-weight:800;display:inline-flex}.f2-hero__acts{z-index:1;gap:8px;margin-top:10px;display:flex;position:relative}.f2-hero__acts .m2-btn{flex:1}.f2-mats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.f2-mat{border:1px solid var(--m2-line);background:#ffffff07;border-radius:11px;align-items:center;gap:8px;padding:7px 9px 7px 7px;display:flex;position:relative}.f2-mat__ico{border:1px solid var(--m2-line);background:#0000004d;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.f2-mat__body{min-width:0}.f2-mat__k{font-family:var(--m2-num);letter-spacing:.1em;text-transform:uppercase;color:var(--m2-txt3);white-space:nowrap;font-size:9px;font-weight:800}.f2-mat__v{font-family:var(--m2-num);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;line-height:1.1}.f2-mat.herb{background:linear-gradient(#34d3991a,#34d39905);border-color:#34d3993d}.f2-mat.herb .f2-mat__v{color:#6ee7b7}.f2-mat.ore{background:linear-gradient(#7dd3fc1a,#7dd3fc05);border-color:#7dd3fc3d}.f2-mat.ore .f2-mat__v{color:#bae6fd}.f2-mat.core{background:linear-gradient(#fb71851a,#fb718505);border-color:#fb71853d}.f2-mat.core .f2-mat__v{color:#fda4af}.f2-mat.zero{opacity:.55}.f2-mat.zero .f2-mat__v{color:var(--m2-txt3)}.f2-recipe{border:1px solid var(--m2-line);background:#ffffff07;border-radius:11px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 10px 8px 8px;display:grid;position:relative}.f2-recipe__ico{border:1px solid var(--m2-line);background:#00000052;border-radius:10px;grid-row:1/span 2;place-items:center;width:40px;height:40px;display:grid}.f2-recipe__name{color:var(--m2-txt);font-size:12.5px;font-weight:700}.f2-recipe__cost{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:flex}.f2-recipe__cta{grid-area:1/3/span 2}.f2-recipe.ready{background:linear-gradient(#e9c46a1a,#e9c46a05);border-color:#e9c46a73}.f2-recipe.ready:before{content:"";background:var(--m2-gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.f2-recipe .m2-btn{height:30px;padding:0 10px;font-size:11px}.f2-pill{background:linear-gradient(#a78bfa17,#a78bfa05);border:1px solid #a78bfa3d;border-radius:11px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:1px 10px;padding:8px 10px 8px 8px;display:grid;position:relative}.f2-pill__ico{grid-row:1/span 2;place-items:center;width:46px;height:46px;display:grid}.f2-pill__head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.f2-pill__name{color:var(--m2-txt);font-size:12.5px;font-weight:800}.f2-pill__count{font-family:var(--m2-num);color:var(--m2-gold-b);background:#e9c46a24;border:1px solid #e9c46a52;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:800}.f2-pill__desc{color:var(--m2-txt2);margin-top:2px;font-size:11px;line-height:1.45}.f2-pill__foot{flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;display:flex}.f2-pill__cta{grid-area:1/3/span 2}.f2-pill .m2-btn{height:30px;padding:0 11px;font-size:11px}.f2-empty{text-align:center;background:radial-gradient(120% 120% at 50% 0,#a78bfa1f,#0000 62%),linear-gradient(#ffffff08,#ffffff02);border:1px dashed #a78bfa52;border-radius:13px;padding:16px 14px 14px;position:relative;overflow:hidden}.f2-empty__ico{color:#ddd6fecc;background:radial-gradient(circle at 50% 35%,#a78bfa3d,#00000059);border:1px solid #a78bfa57;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 9px;display:grid;box-shadow:0 0 26px -8px #a78bfab3}.f2-empty h4{color:var(--m2-txt);font-size:15px;font-weight:900}.f2-empty p{color:var(--m2-txt2);max-width:340px;margin:4px auto 0;font-size:11.5px;line-height:1.5}.f2-empty .hint{font-family:var(--m2-num);color:var(--m2-violet);background:#a78bfa1a;border:1px solid #a78bfa4d;border-radius:99px;align-items:center;gap:5px;margin-top:9px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.f2-steps{background:linear-gradient(#7dd3fc14,#7dd3fc05);border:1px solid #7dd3fc3d;border-radius:11px;padding:9px 11px}.f2-steps__h{font-family:var(--m2-num);letter-spacing:.12em;text-transform:uppercase;color:var(--m2-qi);align-items:center;gap:6px;margin-bottom:7px;font-size:10.5px;font-weight:800;display:flex}.f2-steps__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.f2-step{align-items:flex-start;gap:7px;display:flex}.f2-step__n{width:17px;height:17px;font-family:var(--m2-num);color:#06232b;background:var(--m2-qi);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:9.5px;font-weight:800;display:grid}.f2-step__t{color:var(--m2-txt2);font-size:11px;line-height:1.4}.f2-step__t b{color:var(--m2-txt);font-weight:700}.f2-hero--forge{background:radial-gradient(120% 130% at 100% 0,#e9c46a2e,#0000 58%),linear-gradient(165deg,#282112f2,#12161af5);border-color:#e9c46a6b}.f2-hero--forge:after{content:"ऴ";color:#e9c46a14}.f2-hero--forge .f2-tag{color:#fde68aeb;background:#e9c46a21;border-color:#e9c46a57}.f2-hero--forge .f2-tag b{color:#fde68a}.f2-odds{border:1px solid var(--m2-line);background:#ffffff06;border-radius:11px;flex-direction:column;gap:5px;padding:9px 11px;display:flex}.f2-odds__row{align-items:center;gap:8px;display:flex}.f2-odds__name{font-family:var(--m2-num);color:var(--rarity,var(--m2-txt2));white-space:nowrap;flex:0 0 74px;font-size:10.5px;font-weight:800}.f2-odds__bar{background:#0000006b;border:1px solid #ffffff0d;border-radius:99px;flex:1;height:7px;position:relative;overflow:hidden}.f2-odds__bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--rarity,#888) 55%, transparent), var(--rarity,#888));height:100%;box-shadow:0 0 10px -2px var(--rarity,#888);border-radius:99px;display:block}.f2-odds__pct{text-align:right;font-family:var(--m2-num);color:var(--rarity,var(--m2-txt2));font-variant-numeric:tabular-nums;flex:0 0 46px;font-size:10.5px;font-weight:800}.f2-pitys{gap:6px;display:grid}.f2-pity{border:1px solid color-mix(in srgb, var(--rarity,#888) 34%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--rarity,#888) 12%, transparent), transparent);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.f2-pity__k{font-family:var(--m2-num);letter-spacing:.06em;text-transform:uppercase;color:var(--rarity,var(--m2-txt2));white-space:nowrap;flex:0 0 84px;font-size:10px;font-weight:800}.f2-pity__bar{background:#0000006b;border-radius:99px;flex:1;height:6px;position:relative;overflow:hidden}.f2-pity__bar i{background:var(--rarity,#888);height:100%;box-shadow:0 0 8px -1px var(--rarity,#888);border-radius:99px;display:block}.f2-pity__v{font-family:var(--m2-num);color:var(--m2-txt2);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px;font-weight:800}.f2-forge__list{flex-direction:column;gap:5px;display:flex}.f2-forge__item{border:1px solid color-mix(in srgb, var(--rarity,#888) 30%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--rarity,#888) 10%, transparent), #ffffff05);border-radius:10px;align-items:center;gap:8px;padding:6px 9px;display:flex}.f2-forge__ico{flex:none;place-items:center;width:24px;height:24px;display:grid}.f2-forge__name{min-width:0;color:var(--m2-txt);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;font-weight:700;overflow:hidden}.f2-forge__tag{font-family:var(--m2-num);color:var(--rarity,var(--m2-txt3));white-space:nowrap;font-size:9.5px;font-weight:800}.f2-forge__sold{font-family:var(--m2-num);color:#fca5a5;white-space:nowrap;background:#f871711f;border:1px solid #f8717147;border-radius:99px;padding:1px 6px;font-size:9px;font-weight:700}.f2-empty__line{color:var(--m2-txt3);border:1px dashed #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.bag-detail-source{font-family:var(--m2-num);letter-spacing:.04em;color:var(--m2-txt3);align-items:center;gap:5px;margin-top:6px;font-size:10px;font-weight:700;display:flex}.bag-detail-source b{color:var(--m2-gold-b);font-weight:800}.enc-with-item{max-width:380px}.enc-item{border:1px solid color-mix(in srgb, var(--rarity,#888) 48%, transparent);background:radial-gradient(120% 130% at 0% 0%, color-mix(in srgb, var(--rarity,#888) 22%, transparent), transparent 62%), #00000057;text-align:left;border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff0f}.enc-item__ico{border:1px solid color-mix(in srgb, var(--rarity,#888) 40%, transparent);background:#0000005c;border-radius:11px;flex:none;place-items:center;width:46px;height:46px;display:grid}.enc-item__body{flex:1;min-width:0}.enc-item__name{color:var(--rarity,#fff);font-size:13.5px;font-weight:900;line-height:1.25}.enc-item__meta{font-family:var(--m2-num);color:var(--m2-txt3);margin-top:2px;font-size:10px;font-weight:700}.enc-item__stats{font-family:var(--m2-num);color:var(--m2-txt2);flex-wrap:wrap;gap:4px 8px;margin-top:5px;font-size:10px;font-weight:700;display:flex}.enc-item__acts{gap:8px;margin-top:10px;display:flex}.enc-item__acts>*{flex:1}.b2-filters{flex-wrap:wrap;gap:6px;display:flex}.b2-fchip{font-family:var(--m2-num);color:var(--m2-txt3);cursor:pointer;background:#0000004d;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.b2-fchip b{color:var(--m2-txt2);font-weight:800}.b2-fchip:hover{color:var(--m2-gold-b);border-color:#e9c46a59}.b2-fchip.on{color:#2a1600;background:linear-gradient(#fde68a,#e9b949 70%,#d1a03a);border-color:#0000;box-shadow:0 3px 10px -4px #e9b949cc}.b2-fchip.on b{color:#2a1600}.b2-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.b2-slot{aspect-ratio:1;cursor:pointer;background:linear-gradient(#122224e6,#081012f2);border:1px solid #ffffff12;border-radius:9px;place-items:center;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;position:relative}.b2-slot:hover{transform:translateY(-2px)}.b2-slot.empty{cursor:default;background:#00000038;border-style:dashed;border-color:#ffffff0f}.b2-slot.empty:hover{transform:none}.b2-slot.equip{border-color:var(--rarity);box-shadow:inset 0 0 12px #00000080}.b2-slot.mat{border-color:var(--tone);background:radial-gradient(circle at 50% 30%, var(--tone-soft), transparent 72%), linear-gradient(180deg, #122224e6, #081012f2)}.b2-slot.pill{background:linear-gradient(#1e1a2ce6,#0c0c14f2);border-color:#a78bfa8c}.b2-slot.sel{border-color:var(--m2-gold-b);box-shadow:0 0 0 2px #e9c46a59,inset 0 0 12px #e9c46a2e}.b2-slot__badge{font-family:var(--m2-num);letter-spacing:.02em;color:#fff7ed;text-shadow:0 1px 2px #000,0 0 6px #000000e6;font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:800;position:absolute;bottom:1px;right:2px}.b2-slot__badge.full{color:var(--m2-gold-b)}.b2-slot__stars{letter-spacing:0;color:var(--m2-gold-b);text-shadow:0 1px 2px #000;font-size:7.5px;position:absolute;top:1px;left:2px}.b2-slot__lvl{font-family:var(--m2-num);color:#86efac;text-shadow:0 1px 2px #000;font-size:8.5px;font-weight:800;position:absolute;top:1px;right:2px}.b2-slot__kind{background:var(--tone);width:5px;height:5px;box-shadow:0 0 6px var(--tone);border-radius:50%;position:absolute;bottom:1px;left:2px}.b2-grid .item-art,.b2-grid .mat-art{width:78%;height:78%}.b2-count{font-family:var(--m2-num);color:var(--m2-txt3);justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;display:flex}.b2-count b{color:var(--m2-txt2);font-weight:800}.b2-detail{border:1px solid var(--tone,var(--m2-line));background:radial-gradient(120% 120% at 0% 0%, var(--tone-soft,#ffffff0f), transparent 62%), linear-gradient(165deg, #1a2428f2, #0e161af5);border-radius:13px;padding:10px 12px;position:relative;overflow:hidden}.b2-detail__top{align-items:center;gap:11px;display:flex}.b2-detail__art{border:1px solid var(--tone,var(--m2-line));background:#00000059;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid}.b2-detail__id{flex:1;min-width:0}.b2-detail__name{color:var(--m2-txt);font-size:14px;font-weight:900;line-height:1.25}.b2-detail__sub{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:flex}.b2-detail__desc{color:var(--m2-txt2);margin-top:8px;font-size:11.5px;line-height:1.5}.b2-detail__acts{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.b2-detail__acts .m2-btn{flex:1 1 0;min-width:96px}.b2-hint{font-family:var(--m2-num);color:var(--m2-txt3);font-size:10.5px;line-height:1.5;display:block}.b2-hint svg{vertical-align:-2px;margin-right:3px;display:inline-block}.b2-hint b{color:var(--m2-txt2);font-weight:800}.b2-hint__link{font:inherit;color:var(--m2-gold-b);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline;display:inline}.b2-hint__link:hover{color:#fff}.b2-pager{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.b2-pager__tab{font-family:var(--m2-num);color:var(--m2-txt3);cursor:pointer;background:#00000047;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:800;transition:all .15s;display:inline-flex}.b2-pager__tab b{min-width:15px;height:15px;color:var(--m2-txt2);background:#ffffff14;border-radius:99px;place-items:center;padding:0 4px;font-size:9px;display:inline-grid}.b2-pager__tab:hover{color:var(--m2-gold-b);border-color:#e9c46a59}.b2-pager__tab.on{color:#2a1600;background:linear-gradient(#fde68a,#e9b949 70%,#d1a03a);border-color:#0000;box-shadow:0 3px 10px -4px #e9b949cc}.b2-pager__tab.on b{color:#2a1600;background:#0000002e}.b2-pager__nav{width:26px;height:26px;color:var(--m2-txt2);cursor:pointer;background:#0000004d;border:1px solid #ffffff14;border-radius:8px;place-items:center;transition:all .15s;display:grid}.b2-pager__nav:hover:not([disabled]){color:var(--m2-gold-b);border-color:#e9c46a66}.b2-pager__nav[disabled]{opacity:.35;cursor:default}.b2-quick{font-family:var(--m2-num);color:#0b2b26;cursor:pointer;background:linear-gradient(#7cf5d8,#34d399 65%,#10b981);border:1px solid #10b9818c;border-radius:99px;align-items:center;gap:5px;margin-left:auto;padding:5px 11px;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px -6px #10b981e6}.b2-quick:hover{filter:brightness(1.06);transform:translateY(-1px)}.b2-quick b{color:#d1fae5;background:#00000047;border-radius:99px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;display:inline-grid}.qs-overlay{z-index:75;background:radial-gradient(#081214b8,#040a0ceb)}.qs-box{color:#f4ecd8;background:linear-gradient(#14272a,#0a1517);border:1px solid #e9c46a59;border-radius:16px;flex-direction:column;width:min(470px,100%);max-height:min(86vh,680px);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;animation:.2s cubic-bezier(.2,.9,.3,1.2) pop-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000a6}.qs-head{background:linear-gradient(90deg,#34d39924,#0000);border-bottom:1px solid #e9c46a38;align-items:center;gap:10px;padding:12px 14px;display:flex}.qs-head__ico{color:#6ee7b7;background:#10b98129;border:1px solid #34d39973;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.qs-head__txt{flex:1;min-width:0}.qs-head__txt h3{letter-spacing:.02em;color:#fde68a;margin:0;font-size:15px;font-weight:900}.qs-head__txt p{color:#9db0ab;margin:2px 0 0;font-size:11px;line-height:1.35}.qs-close{color:#cbd5d2;cursor:pointer;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.qs-close:hover{color:#fff;border-color:#e9c46a80}.qs-body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px 14px 14px;display:flex;overflow-y:auto}.qs-body::-webkit-scrollbar{width:7px}.qs-body::-webkit-scrollbar-thumb{background:#e9c46a66;border-radius:99px}.qs-sect{align-items:center;gap:8px;margin-top:2px;display:flex}.qs-sect span{letter-spacing:.14em;text-transform:uppercase;color:#e9c46a;white-space:nowrap;font-size:10px;font-weight:800}.qs-sect i{background:linear-gradient(90deg,#e9c46a4d,#e9c46a0a);flex:1;height:1px}.qs-sect em{color:#8e8676;font-size:10px;font-style:normal}.qs-chips{flex-wrap:wrap;gap:6px;display:flex}.qs-chip{font:inherit;color:#8e8676;cursor:pointer;background:#0000004d;border:1px solid #ffffff17;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.qs-chip:hover{color:#f4ecd8;border-color:#e9c46a59}.qs-chip b{color:#8e8676;font-size:9.5px;font-weight:800}.qs-chip__dot{background:var(--tone,#9ca3af);opacity:.45;border-radius:50%;width:7px;height:7px}.qs-chip.on{color:#fff7e6;background:color-mix(in srgb, var(--tone,#e9c46a) 18%, transparent);border-color:color-mix(in srgb, var(--tone,#e9c46a) 55%, transparent)}.qs-chip.on b{color:#fde68a}.qs-chip.on .qs-chip__dot{opacity:1;box-shadow:0 0 8px var(--tone,#e9c46a)}.qs-toggles{gap:6px;margin-top:2px;display:grid}.qs-toggle{text-align:left;cursor:pointer;font:inherit;background:#00000047;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:9px;padding:8px 10px;transition:all .15s;display:flex}.qs-toggle:hover{border-color:#e9c46a4d}.qs-toggle__box{color:#0b2b26;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;display:grid}.qs-toggle.on .qs-toggle__box{background:linear-gradient(#7cf5d8,#34d399);border-color:#10b981b3}.qs-toggle__txt{flex-direction:column;gap:1px;min-width:0;display:flex}.qs-toggle__txt b{color:#c9c1ad;font-size:11.5px;font-weight:800}.qs-toggle.on .qs-toggle__txt b{color:#f4ecd8}.qs-toggle__txt small{color:#8e8676;font-size:10px;line-height:1.3}.qs-list{flex-direction:column;gap:4px;display:flex}.qs-row{border:1px solid color-mix(in srgb, var(--tone,#9ca3af) 35%, transparent);background:#00000042;border-radius:9px;align-items:center;gap:8px;padding:5px 8px;display:flex}.qs-row__art{background:#00000059;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.qs-row__name{color:#f4ecd8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;font-weight:700;overflow:hidden}.qs-row__meta{color:#8e8676;white-space:nowrap;font-size:9.5px}.qs-row__val{color:#6ee7b7;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:800}.qs-more{text-align:center;color:#8e8676;padding:3px 0;font-size:10px}.qs-empty{color:#9db0ab;background:#00000040;border:1px dashed #e9c46a47;border-radius:11px;align-items:center;gap:7px;padding:12px 11px;font-size:11px;line-height:1.45;display:flex}.qs-empty svg{color:#e9c46a;flex:none}.qs-foot{background:#00000047;border-top:1px solid #e9c46a38;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.qs-sum{flex-direction:column;gap:1px;display:flex}.qs-sum span{letter-spacing:.12em;text-transform:uppercase;color:#8e8676;font-size:9.5px;font-weight:700}.qs-sum strong{color:#fde68a;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.qs-sum strong small{color:#9db0ab;font-size:10px;font-weight:700}.qs-go{font:inherit;color:#0b2b26;cursor:pointer;background:linear-gradient(#fde68a,#e9b949 60%,#c2922f);border:0;border-radius:11px;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:900;transition:all .15s;display:inline-flex;box-shadow:0 6px 16px -8px #e9b949e6}.qs-go:hover{filter:brightness(1.05);transform:translateY(-1px)}.qs-go.off{opacity:.45;cursor:not-allowed;filter:grayscale(.4);transform:none}@media (width<=520px){.qs-box{max-height:88vh}.qs-foot{flex-direction:column;align-items:stretch}.qs-go{justify-content:center}}.b2-empty{text-align:center;background:radial-gradient(120% 120% at 50% 0,#e9c46a1a,#0000 62%),linear-gradient(#ffffff08,#ffffff02);border:1px dashed #e9c46a4d;border-radius:13px;padding:18px 14px 16px;position:relative;overflow:hidden}.b2-empty__ico{color:#fde68ad9;background:radial-gradient(circle at 50% 35%,#e9c46a38,#00000059);border:1px solid #e9c46a52;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 9px;display:grid;box-shadow:0 0 26px -8px #e9c46ab3}.b2-empty h4{color:var(--m2-txt);font-size:15px;font-weight:900}.b2-empty p{color:var(--m2-txt2);max-width:340px;margin:4px auto 0;font-size:11.5px;line-height:1.5}.b2-empty .hint{font-family:var(--m2-num);color:var(--m2-gold);background:#e9c46a1a;border:1px solid #e9c46a4d;border-radius:99px;align-items:center;gap:5px;margin-top:9px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}@container (width<=470px){.m2-tabs{padding:9px 11px 0}.m2-scroll{padding:9px 11px 20px}.b2-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.f2-steps__row{grid-template-columns:minmax(0,1fr)}.f2-recipe{grid-template-columns:36px minmax(0,1fr)}.f2-recipe__ico{width:36px;height:36px}.f2-recipe__cta{grid-area:3/1/auto/-1;margin-top:7px}.f2-recipe .m2-btn{width:100%}.f2-pill{grid-template-columns:42px minmax(0,1fr)}.f2-pill__ico{width:42px;height:42px}.f2-pill__cta{grid-area:3/1/auto/-1;margin-top:7px}.f2-pill .m2-btn{width:100%}.f2-hero__acts{flex-wrap:wrap}.f2-hero__acts .m2-btn,.b2-detail__acts .m2-btn{flex:100%}}.modal-body.p2-modal{gap:0;padding:0;overflow:hidden}.p2{--m2-gold:var(--gold,#e9c46a);--m2-gold-b:#fde68a;--m2-jade:#5eead4;--m2-jade-2:#34d399;--m2-qi:#7dd3fc;--m2-violet:#a78bfa;--m2-rose:#fb7185;--m2-txt:#f4ecd8;--m2-txt2:#c9c1ad;--m2-txt3:#8e8676;--m2-line:#ffffff16;--m2-num:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;min-height:0;color:var(--m2-txt);flex-direction:column;flex:auto;display:flex;container-type:inline-size}.p2-hero{background:radial-gradient(120% 150% at 0 0,#e9c46a29,#0000 60%),linear-gradient(#1c1610e6,#120f0c8c);border-bottom:1px solid #e9c46a29;flex-shrink:0;gap:12px;padding:12px 14px 11px;display:flex}.p2-hero.burnt{background:radial-gradient(120% 150% at 0 0,#f871712e,#0000 60%),linear-gradient(#201210e6,#120f0c8c)}.p2-hero__art{background:radial-gradient(circle at 50% 20%,#e9c46a38,#00000080);border:1px solid #e9c46a73;border-radius:14px;flex-shrink:0;width:68px;height:68px;position:relative;overflow:hidden;box-shadow:0 6px 18px -8px #000000e6,inset 0 0 16px #e9c46a1f}.p2-hero__art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.p2-hero.burnt .p2-hero__art{border-color:#f8717180}.p2-hero__lv{font-family:var(--m2-num);color:#1a1208;background:linear-gradient(#fde68a,#e9c46a);border-radius:6px;padding:2px 4px;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:3px;right:3px;box-shadow:0 1px 4px #0009}.p2-hero__id{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.p2-hero__name{font-family:var(--m2-num);letter-spacing:.01em;color:var(--m2-gold-b);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:800;overflow:hidden}.p2-hero__title{color:var(--m2-txt3);font-size:10.5px;font-weight:600}.p2-hero__realm{font-family:var(--m2-num);color:var(--m2-txt);flex-wrap:wrap;align-items:center;gap:5px;font-size:11.5px;font-weight:800;display:flex}.p2-hero__qi{color:var(--m2-txt3);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.p2-qi{background:#00000073;border:1px solid #ffffff0f;border-radius:99px;height:6px;overflow:hidden}.p2-qi i{background:linear-gradient(90deg,#7dd3fc,#a78bfa);border-radius:99px;height:100%;transition:width .25s;display:block;box-shadow:0 0 8px #7dd3fcb3}.p2-hero__tags{flex-wrap:wrap;gap:4px;margin-top:1px;display:flex}.p2-hero__tags .m2-chip b{color:var(--m2-gold-b);font-weight:800}.p2-form{border:1px solid var(--m2-line);background:#ffffff09;border-radius:12px;flex-direction:column;gap:8px;padding:9px 10px;display:flex}.p2-form__states{flex-wrap:wrap;gap:5px;display:flex}.p2-state{font-family:var(--m2-num);color:var(--m2-txt2);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.p2-state.ok{color:#6ee7b7;background:#34d3991a;border-color:#34d39947}.p2-state.burnt{color:#fca5a5;background:#f871711f;border-color:#f8717157}.p2-state.love{color:#f9a8d4;background:#f472b61f;border-color:#f472b652}.p2-form__grid{grid-template-columns:1fr 1fr;gap:5px 10px;display:grid}.p2-kv{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.p2-kv span{font-family:var(--m2-num);letter-spacing:.08em;text-transform:uppercase;color:var(--m2-txt3);white-space:nowrap;font-size:10px;font-weight:700}.p2-kv b{font-family:var(--m2-num);color:var(--m2-txt);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.p2-form__buffs{flex-wrap:wrap;gap:4px;display:flex}.p2-form__buffs .m2-chip b{color:var(--m2-gold-b);font-weight:800}.p2-gear{flex-direction:column;gap:6px;display:flex}.p2-gear__row{--rarity:#9ca3af;text-align:left;background:linear-gradient(90deg, color-mix(in srgb, var(--rarity) 14%, transparent), #ffffff05);border:1px solid color-mix(in srgb, var(--rarity) 34%, #ffffff0f);border-left:3px solid var(--rarity);cursor:pointer;border-radius:11px;align-items:center;gap:9px;width:100%;padding:7px 9px;font-family:inherit;transition:all .15s;display:flex}.p2-gear__row:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--rarity) 22%, transparent), #ffffff08)}.p2-gear__row.empty{--rarity:#ffffff1f;cursor:default;background:#ffffff06;border-style:dashed}.p2-gear__art{background:#00000059;border:1px solid #ffffff12;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.p2-gear__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.p2-gear__top{align-items:center;gap:6px;min-width:0;display:flex}.p2-gear__top b{font-family:var(--m2-num);color:var(--m2-txt);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.p2-gear__meta{font-family:var(--m2-num);color:var(--m2-txt3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.p2-gear__meta em{font-style:normal;font-weight:800}.p2-gear__stats{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.p2-gear__stat{font-family:var(--m2-num);color:var(--m2-jade-2);white-space:nowrap;background:#34d3991a;border:1px solid #34d39933;border-radius:5px;padding:1px 5px;font-size:9.5px;font-weight:700}.p2-gear__go{color:var(--m2-txt3);flex-shrink:0;display:flex}.p2-gear__row.is-mount{background:linear-gradient(90deg,#fbbf2429,#ffffff05);border-color:#fbbf246b #fbbf246b #fbbf246b #fbbf24}.p2-gear__art--mount{background:radial-gradient(circle at 50% 58%,#fde04759,#00000059 72%);border-color:#fbbf2466;width:46px;padding:2px}.p2-gear__art--mount svg{width:100%;height:auto;display:block}.p2-gear__toggle{border-radius:8px;flex-shrink:0;padding:5px 9px;font-size:10.5px}.mount-picker{flex-direction:column;gap:8px;display:flex}.mount-picker>.muted{margin:0 0 2px;font-size:11.5px}.mount-card{--mc:#fbbf24;text-align:left;border:1px solid color-mix(in srgb, var(--mc) 34%, #ffffff12);border-left:3px solid var(--mc);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;transition:all .15s;display:flex}.mount-card:hover{background:color-mix(in srgb, var(--mc) 12%, transparent)}.mount-card.is-on{background:color-mix(in srgb, var(--mc) 18%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--mc) 45%, transparent)}.mount-card__art{background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--mc) 30%, transparent), #00000059 72%);border:1px solid color-mix(in srgb, var(--mc) 35%, transparent);border-radius:10px;flex:none;place-items:center;width:46px;height:46px;display:grid}.mount-card__art svg{width:100%;height:auto;display:block}.mount-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mount-card__top{align-items:center;gap:6px;min-width:0;display:flex}.mount-card__top b{font-family:var(--m2-num);color:var(--m2-txt);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800;overflow:hidden}.mount-card__top em{color:var(--mc);background:color-mix(in srgb, var(--mc) 16%, transparent);border-radius:99px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:800}.mount-card__desc{color:var(--m2-txt3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mount-card__stats{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.mount-card__stats span{font-family:var(--m2-num);color:var(--m2-jade-2);background:#34d3991a;border:1px solid #34d39933;border-radius:5px;padding:1px 6px;font-size:9.5px;font-weight:700}.mount-card__go{color:var(--mc);flex:none;font-size:10.5px;font-weight:800}.mount-card.is-on .mount-card__go{color:var(--m2-jade-2)}.p2-attrs{border:1px solid var(--m2-line);background:#ffffff09;border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.p2-attr{align-items:flex-start;gap:9px;padding:5px 0;display:flex}.p2-attr+.p2-attr{border-top:1px solid #ffffff0d}.p2-attr__ico{flex-shrink:0;margin-top:1px;display:flex}.p2-attr__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.p2-attr__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.p2-attr__top b{font-family:var(--m2-num);color:var(--m2-txt);font-size:11.5px;font-weight:800}.p2-attr__v{font-family:var(--m2-num);color:var(--m2-gold-b);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.p2-attr__v em{color:var(--m2-jade-2);margin-left:4px;font-size:10px;font-style:normal;font-weight:700}.p2-attr__hint{color:var(--m2-txt3);font-size:9.5px;font-weight:600}.p2-attr__bar{background:#0006;border-radius:99px;height:5px;margin-top:2px;overflow:hidden}.p2-attr__bar i{opacity:.85;border-radius:99px;height:100%;display:block;box-shadow:0 0 6px}.p2-metrics{grid-template-columns:1fr 1fr;gap:5px;display:grid}.p2-metric{background:#0000003d;border:1px solid #ffffff0f;border-radius:9px;flex-direction:column;gap:1px;padding:6px 8px;display:flex}.p2-metric__k{font-family:var(--m2-num);letter-spacing:.05em;text-transform:uppercase;color:var(--m2-txt3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:9.5px;font-weight:700;display:flex;overflow:hidden}.p2-metric__v{font-family:var(--m2-num);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.p2-power{background:linear-gradient(#e9c46a17,#ffffff05);border:1px solid #e9c46a38;border-radius:12px;flex-direction:column;gap:3px;padding:9px 10px;display:flex}.p2-power__head{font-family:var(--m2-num);letter-spacing:.12em;text-transform:uppercase;color:var(--m2-gold);justify-content:space-between;align-items:center;padding-bottom:3px;font-size:10.5px;font-weight:800;display:flex}.p2-power__head span{align-items:center;gap:5px;display:inline-flex}.p2-power__head b{color:var(--m2-gold-b);letter-spacing:0;font-size:14px}.p2-power__row{align-items:center;gap:7px;display:flex}.p2-power__k{font-family:var(--m2-num);color:var(--m2-txt3);flex-shrink:0;width:62px;font-size:10px;font-weight:700}.p2-power__bar{background:#0006;border-radius:99px;flex:1;height:5px;overflow:hidden}.p2-power__bar i{opacity:.9;border-radius:99px;height:100%;display:block}.p2-power__v{font-family:var(--m2-num);color:var(--m2-txt2);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:48px;font-size:10.5px;font-weight:800}@container (width<=470px){.p2-hero{gap:10px;padding:10px 11px}.p2-hero__art{border-radius:12px;width:58px;height:58px}.p2-hero__name{font-size:14px}.p2-form__grid{grid-template-columns:1fr}.p2-metrics{grid-template-columns:1fr 1fr}.p2-power__k{width:56px;font-size:9.5px}.p2-gear__stat{font-size:9px}}@container (width>=520px){.p2-metrics{grid-template-columns:repeat(4,1fr)}}.ev-modal-box{flex-direction:column;display:flex;width:min(720px,94vw)!important;max-height:min(88vh,820px)!important}.modal-body.ev-modal-body,.ev-modal-body{flex-direction:column!important;flex:auto!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.ev-modal{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.ev-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:16px 20px 24px;display:flex;overflow-x:hidden;overflow-y:auto!important}.ev-scroll::-webkit-scrollbar{width:6px}.ev-scroll::-webkit-scrollbar-thumb{background:#e9c46a66;border-radius:99px}.ev-card{background:linear-gradient(145deg,#14242af2,#0a1418f5);border:1px solid #e9c46a47;border-radius:14px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006;flex-shrink:0!important}.ev-card__banner,.ev-card__content,.ev-card__rewards,.ev-card__actions{flex-shrink:0}.ev-card:hover{border-color:#e9c46a99;transform:translateY(-2px);box-shadow:0 12px 28px #0000008c,0 0 16px #fbbf241f}.ev-card.is-active{border-color:#f59e0b73;box-shadow:0 8px 24px #0006,0 0 16px #f59e0b14}.ev-card.is-daily{border-color:#38bdf861;box-shadow:0 8px 24px #0006,0 0 16px #38bdf80f}.ev-card.is-upcoming{opacity:.88;border-color:#a855f752}.ev-card__banner{background:linear-gradient(90deg,#f59e0b29,#0f766e2e);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:relative}.ev-card.is-daily .ev-card__banner{background:linear-gradient(90deg,#38bdf826,#6366f129)}.ev-card.is-upcoming .ev-card__banner{background:linear-gradient(90deg,#a855f726,#ec489924)}.ev-card__banner-info{flex-direction:column;gap:4px;display:flex}.ev-card__badges{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.ev-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.ev-badge--hot{color:#fde047;background:linear-gradient(135deg,#f59e0b40,#ef444440);border:1px solid #fde04773}.ev-badge--daily{color:#7dd3fc;background:#38bdf833;border:1px solid #38bdf866}.ev-badge--upcoming{color:#d8b4fe;background:#a855f733;border:1px solid #a855f766}.ev-card__time{color:#fbbf24;background:#00000073;border:1px solid #fbbf244d;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ev-card__name{color:#fef08a;letter-spacing:.02em;margin:2px 0 0;font-size:15px;font-weight:700}.ev-card__content{flex-direction:column;gap:13px;padding:16px 20px 18px;display:flex}.ev-card__desc{color:#d1d5db;margin:0;font-size:12px;line-height:1.55}.ev-card__rewards{background:#00000052;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.ev-card__rewards-head{align-items:center;gap:6px;display:flex}.ev-card__rewards-lbl{color:#fbbf24;letter-spacing:.02em;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.ev-card.is-daily .ev-card__rewards-lbl{color:#7dd3fc}.ev-card.is-upcoming .ev-card__rewards-lbl{color:#d8b4fe}.ev-card__tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ev-tag{color:#fef9c3;white-space:nowrap;background:#fde04714;border:1px solid #fde04738;border-radius:6px;align-items:center;padding:3.5px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.ev-tag--mount{color:#fed7aa;background:#fb923c26;border-color:#fb923c66}.ev-tag--item{color:#a7f3d0;background:#34d3991f;border-color:#34d39959}.ev-card__actions{justify-content:flex-end;align-items:center;padding-top:4px;display:flex}.btn-ev-enter{cursor:pointer;color:#1a0f00;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fde047;border-radius:10px;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #f59e0b61}.btn-ev-enter:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b80}.btn-ev-sub{cursor:pointer;color:#5eead4;background:#0f766e59;border:1px solid #5eead466;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-ev-sub:hover{background:#0f766e8c;border-color:#5eead4}.btn-ev-disabled{color:#9ca3af;cursor:not-allowed;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.auth-screen,.select-screen{background:#081416;height:100%;min-height:100%;position:relative;overflow:hidden auto}.boot-screen{place-items:center;padding:24px;display:grid}.boot-card{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:400px;padding:32px 36px;display:flex}.boot-card h2{font-family:var(--font-brush);color:var(--gold-bright);font-size:27px;font-weight:400}.boot-card p{color:var(--text-dim);font-size:13px}.boot-spinner{border:3px solid #e9c46a38;border-top-color:var(--gold);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite boot-spin}@keyframes boot-spin{to{transform:rotate(360deg)}}.auth-layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:32px;max-width:1040px;min-height:100%;margin:0 auto;padding:32px 20px 40px;display:grid;position:relative}.auth-hero{text-align:center;flex-direction:column;gap:22px;display:flex}.auth-features{flex-direction:column;gap:10px;max-width:440px;margin:0 auto;list-style:none;display:flex}.auth-features li{color:#e2e8f0;text-align:left;-webkit-backdrop-filter:blur(8px);background:#0e2124cc;border:1px solid #386c6873;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.45;display:flex;box-shadow:0 4px 16px #00000059}.auth-features svg{flex:none}.auth-card{flex-direction:column;gap:16px;padding:22px;display:flex}.auth-tabs{background:#00000059;border:1px solid #e9c46a40;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.auth-tab{letter-spacing:.5px;color:var(--text-dim);border-radius:9px;padding:9px;font-size:13px;font-weight:800;transition:background .15s,color .15s}.auth-tab.active{color:#3b1d00;background:linear-gradient(#fde68a,#d9a63f);box-shadow:0 4px 12px #e9b9494d}.auth-tab:hover:not(.active){color:var(--gold-bright)}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field>span{letter-spacing:.6px;text-transform:uppercase;color:var(--gold-bright);font-size:11.5px;font-weight:800}.auth-field .xianxia-input{font-size:14px}.auth-error{color:#fecaca;background:#f871711f;border:1px solid #f8717166;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:600;line-height:1.45;display:flex}.auth-notice{color:#a7f3d0;background:#34d3991f;border:1px solid #34d39966;border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:600;line-height:1.45}.auth-divider{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e9c46a40;flex:1;height:1px}.btn-google{color:#1f2937;letter-spacing:.2px;cursor:pointer;background:#fff;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 14px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 6px 18px #00000047}.btn-google:hover:not(:disabled){filter:brightness(.97);box-shadow:0 8px 22px #00000057}.btn-google:active:not(:disabled){transform:translateY(1px)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google svg{flex:none}.auth-terms{background:#0f172a73;border:1px solid #e9c46a47;border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.auth-terms.invalid{background:#f871711a;border-color:#f87171bf;animation:.32s authTermsShake}.auth-terms input[type=checkbox]{accent-color:#d9a63f;cursor:pointer;flex:none;width:17px;height:17px;margin:1px 0 0}.auth-terms label{color:var(--text-dim);cursor:pointer;font-size:12px;line-height:1.55}.auth-terms a{color:var(--gold-bright);text-underline-offset:2px;font-weight:700;text-decoration:underline}.auth-terms a:hover{color:#fde68a}@keyframes authTermsShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-guest-box{flex-direction:column;gap:10px;display:flex}.auth-hint{color:var(--text-dim);font-size:12px;line-height:1.55}.auth-hint strong{color:var(--gold-bright)}.btn-primary-large:disabled,.btn-secondary:disabled,.btn-travel:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.select-layout{z-index:1;flex-direction:column;gap:16px;max-width:1120px;min-height:100%;margin:0 auto;padding:28px 20px 40px;display:flex;position:relative}.select-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.select-account{align-items:center;gap:12px;display:flex}.account-avatar{background:#7dd3fc1f;border:1px solid #7dd3fc73;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.account-avatar.guest{background:#fbbf241f;border-color:#fbbf2473}.account-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex}.account-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:900}.account-badge.guest{color:#fde68a;background:#fbbf2429;border:1px solid #fbbf2480}.account-badge.official{color:#a7f3d0;background:#34d39924;border:1px solid #34d39980}.account-sub{color:var(--text-dim);margin-top:3px;font-size:12px}.select-header-actions{flex-wrap:wrap;gap:8px;display:flex}.select-banner{color:var(--text);background:#14282ce6;border:1px solid #fbbf2473;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}.select-banner.legacy{border-color:#7dd3fc73}.select-banner>div{flex-direction:column;flex:1;gap:2px;display:flex}.select-banner strong{color:var(--gold-bright);font-size:13px}.select-banner span{color:var(--text-dim)}.select-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.char-card{background:linear-gradient(160deg,#16282cf5,#0c161af7);border:1px solid #e9c46a66;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;position:relative;box-shadow:0 12px 26px #00000047}.char-card.busy{opacity:.7}.char-card-portrait{background:radial-gradient(circle at 50% 35%,#7dd3fc24,#00000059);border:1px solid #ffffff14;border-radius:10px;place-items:center;height:132px;display:grid;position:relative}.char-card-portrait img{object-fit:contain;width:96px;height:128px}.char-realm-lv{color:#3b1d00;background:#e9c46aeb;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 8px;font-size:13px;font-weight:900;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000059}.char-card-info{flex-direction:column;gap:3px;display:flex}.char-name{color:var(--gold-bright);font-size:16px;font-weight:900}.char-realm{color:#7dd3fc;font-size:13px;font-weight:800}.char-class,.char-last{color:var(--text-dim);font-size:12px}.char-card-actions{align-items:stretch;gap:8px;display:flex}.char-card-actions .btn-primary-large{padding:11px 12px;font-size:13.5px}.btn-icon-danger{color:#fca5a5;background:#f871711a;border:1px solid #f8717159;border-radius:11px;place-items:center;width:44px;transition:background .15s;display:grid}.btn-icon-danger:hover{background:#f8717138}.new-char-card{min-height:232px;color:var(--gold-bright);background:#14282c8c;border:2px dashed #e9c46a73;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.new-char-card strong{font-size:15px}.new-char-card span{color:var(--text-dim);font-size:12px;font-weight:600}.new-char-card:hover{border-color:var(--gold);background:#1e373cbf}.new-char-card.locked{color:var(--text-dim);border-color:#9ca3af59}.new-char-card.locked:hover{background:#14282c8c}.select-message{border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:700}.select-message.error{color:#fecaca;background:#f871711f;border:1px solid #f8717166}.select-message.notice{color:#a7f3d0;background:#34d3991f;border:1px solid #34d39966}.select-footer{color:#2f4a47;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;font-size:11.5px;font-weight:700;display:flex}.select-footer span{align-items:center;gap:6px;display:inline-flex}.upgrade-form{flex-direction:column;gap:14px;padding:18px;display:flex}.upgrade-form-head{align-items:flex-start;gap:10px;display:flex}.upgrade-form-head>div{flex-direction:column;flex:1;gap:3px;display:flex}.upgrade-form-head strong{color:var(--gold-bright);font-size:14.5px}.upgrade-form-head span{color:var(--text-dim);font-size:12px}.upgrade-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.creation-topbar{border-bottom:1px solid #e9c46a33;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.creation-topbar .btn-link{font-size:12.5px}.account-modal-head{align-items:center;gap:12px;display:flex}.account-warning{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2459;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.account-warning svg{flex:none;margin-top:1px}.account-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-layout>*{min-width:0}@media (width<=900px){.auth-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 16px 32px}.auth-hero{gap:14px}.auth-features{display:none}}@media (width<=600px){.select-header{align-items:flex-start}.select-header-actions{width:100%}.select-header-actions .btn-secondary{flex:1}.select-grid{grid-template-columns:1fr}.select-banner{flex-wrap:wrap}.select-banner .btn-travel{width:100%}.select-footer{flex-direction:column}.account-actions,.upgrade-fields{grid-template-columns:1fr}}#duel-arena-layer{z-index:76;position:relative}.da-root{z-index:76;place-items:center;padding:8px;display:grid;position:fixed;inset:0}.da-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 38%,#241034b8,#04080cf5),radial-gradient(circle at 80% 80%,#0f766e2e,#0000 60%);animation:.25s ease-out da-fade;position:absolute;inset:0}@keyframes da-fade{0%{opacity:0}to{opacity:1}}.da-stage-wrap{z-index:2;flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 16px);display:flex;position:relative}.da-stage{scrollbar-gutter:stable both-edges;background:linear-gradient(160deg,#16242cf5,#090f14fa);border:1px solid #e9c46a80;border-radius:16px;flex-direction:column;gap:8px;max-height:calc(100dvh - 16px);padding:10px;display:flex;overflow:hidden auto;box-shadow:0 24px 70px #0000009e,inset 0 0 0 3px #080e12e6,inset 0 0 0 4px #e9c46a24}.da-stage[hidden],.da-vs[hidden]{display:none}.da-stage.in{animation:.45s cubic-bezier(.2,.9,.3,1.1) both da-stage-in}@keyframes da-stage-in{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:none}}.da-vs{z-index:4;background:radial-gradient(at 50% 45%,#220c3680,#03060af0);grid-template-columns:1fr auto 1fr;place-items:center;gap:6px;padding:16px;animation:.28s ease-out da-fade;display:grid;position:fixed;inset:0;overflow:hidden}.da-vs.out{animation:.4s ease-in forwards da-vs-out}@keyframes da-vs-out{to{opacity:0;transform:scale(1.06)}}.da-vs-rune{opacity:.55;pointer-events:none;position:absolute;inset:0}.da-vs-rune svg{width:min(118vmin,560px);height:min(118vmin,560px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.da-rune-1,.da-rune-2,.da-rune-3{fill:none;transform-box:fill-box;transform-origin:50%}.da-rune-1{stroke:#e9c46a8c;stroke-width:1.4px;stroke-dasharray:10 14;animation:26s linear infinite da-spin}.da-rune-2{stroke:#7dd3fc73;stroke-width:1.2px;stroke-dasharray:4 10;animation:18s linear infinite da-spin-rev}.da-rune-3{stroke:#a855f780;stroke-width:1px;stroke-dasharray:2 6;animation:12s linear infinite da-spin}.da-rune-marks path{fill:#e9c46a8c;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite da-rune-pulse}@keyframes da-spin{to{transform:rotate(360deg)}}@keyframes da-spin-rev{to{transform:rotate(-360deg)}}@keyframes da-rune-pulse{0%,to{opacity:.4}50%{opacity:1}}.da-vs-side{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.da-vs-side.left{animation:.6s cubic-bezier(.2,.9,.3,1.2) both da-vs-left}.da-vs-side.right{animation:.6s cubic-bezier(.2,.9,.3,1.2) both da-vs-right}@keyframes da-vs-left{0%{opacity:0;transform:translate(-70px)scale(.85)}to{opacity:1;transform:none}}@keyframes da-vs-right{0%{opacity:0;transform:translate(70px)scale(.85)}to{opacity:1;transform:none}}.da-vs-portrait{object-fit:cover;background:radial-gradient(circle at 50% 40%,#e9c46a3d,#080e12e6);border:2px solid #e9c46ab3;border-radius:18px;width:clamp(76px,25vw,148px);height:clamp(76px,25vw,148px);box-shadow:0 0 28px #e9c46a59,inset 0 0 20px #00000080}.da-vs-portrait.shadow{filter:grayscale()brightness(.6)drop-shadow(0 0 12px #a855f7);border-color:#a855f7cc}.da-vs-name{color:var(--gold-bright);text-overflow:ellipsis;white-space:nowrap;max-width:34vw;font-size:clamp(12px,3.4vw,16px);font-weight:800;overflow:hidden}.da-vs-realm{color:var(--text-dim);font-size:clamp(9px,2.4vw,11px)}.da-vs-power{color:#fca5a5;font-size:clamp(9px,2.4vw,11px);font-weight:700}.da-vs-mid{z-index:3;place-items:center;min-width:64px;display:grid;position:relative}.da-vs-text{font-family:var(--font-brush), var(--font-serif);letter-spacing:.5px;color:#fde68a;text-shadow:0 0 18px #fde68ae6,0 5px #7c2d12,0 0 60px #f97316b3;font-size:clamp(40px,13vw,76px);font-weight:400;line-height:1;animation:.55s cubic-bezier(.2,1.5,.4,1) both da-vs-slam}@keyframes da-vs-slam{0%{opacity:0;transform:translateY(-70px)scale(2.1)rotate(-8deg)}55%{opacity:1;transform:translateY(0)scale(.92)rotate(2deg)}70%{transform:translateY(0)scale(1.06)rotate(-1.5deg)}85%{transform:translateY(0)scale(.98)rotate(1deg)}to{opacity:1;transform:none}}.da-vs-bolt{filter:drop-shadow(0 0 14px #f59e0b);width:clamp(22px,6vw,40px);animation:1.1s ease-in-out infinite da-bolt-flicker;position:absolute;top:-78%}@keyframes da-bolt-flicker{0%,to{opacity:.35;transform:translateY(0)scale(.9)}45%{opacity:1;transform:translateY(-4px)scale(1.1)}60%{opacity:.5;transform:translateY(0)scale(.95)}}.da-top{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;display:grid}.da-card{background:linear-gradient(170deg,#101c22eb,#080e12f0);border:1px solid #7dd3fc38;border-radius:12px;min-width:0;padding:6px 7px 5px;transition:border-color .2s,box-shadow .2s;position:relative}.da-card.active{border-color:#e9c46ad9;box-shadow:0 0 0 1px #e9c46a66,0 0 18px #e9c46a52}.da-card.shadow{border-color:#a855f766}.da-card-head{align-items:center;gap:6px;min-width:0;display:flex}.da-card.right .da-card-head{text-align:right;flex-direction:row-reverse}.da-portrait{object-fit:cover;background:radial-gradient(circle at 50% 40%,#e9c46a33,#060c10e6);border:1px solid #e9c46a8c;border-radius:10px;flex:none;width:42px;height:42px}.da-card.shadow .da-portrait{filter:grayscale()brightness(.65)drop-shadow(0 0 8px #a855f7)}.da-card-id{flex:1;min-width:0}.da-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.da-realm{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.da-power{color:#fca5a5;white-space:nowrap;align-items:center;gap:3px;min-width:0;font-size:9.5px;font-weight:700;display:flex}.da-power>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.da-power>svg{flex:none}.da-card.right .da-power{justify-content:flex-end}.da-hp{background:#0000008c;border-radius:999px;height:11px;margin-top:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.da-hp-lag,.da-hp-fill{border-radius:999px;position:absolute;top:0;bottom:0;left:0}.da-hp-lag{background:linear-gradient(90deg,#7f1d1d,#b91c1c);transition:width .95s cubic-bezier(.4,0,.2,1) .25s}.da-hp-fill{background:linear-gradient(90deg,#22c55e,#86efac);transition:width .18s ease-out;box-shadow:0 0 10px #86efac66}.da-card.active .da-hp-fill{background:linear-gradient(90deg,#eab308,#fde68a)}.da-hp-text{letter-spacing:.3px;color:#fff;text-shadow:0 1px 3px #000000e6;place-items:center;font-size:8.5px;font-weight:800;display:grid;position:absolute;inset:0}.da-card-foot{color:var(--text-dim);align-items:center;gap:5px;margin-top:4px;font-size:9.5px;display:flex}.da-card.right .da-card-foot{flex-direction:row-reverse}.da-armor{color:#fcd34d;align-items:center;gap:2px;font-weight:700;display:inline-flex}.da-qi{background:#00000080;border-radius:999px;flex:1;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #7dd3fc2e}.da-qi i{background:linear-gradient(90deg,#0284c7,#7dd3fc);border-radius:999px;width:0;height:100%;transition:width .3s;display:block;box-shadow:0 0 8px #7dd3fc99}.da-qi-num{text-align:center;min-width:18px;color:var(--qi);font-size:9px;font-weight:700}.da-badges{flex-wrap:nowrap;align-items:center;gap:3px;height:17px;margin-top:3px;display:flex;overflow:hidden}.da-badge{white-space:nowrap;border-radius:999px;flex:none;padding:1px 5px;font-size:8.5px;font-weight:700;line-height:1.5}.da-badge.more{color:var(--text-dim);background:#ffffff14;border:1px solid #ffffff2e}.da-badge.bind{color:#fde68a;background:#78350f99;border:1px solid #fbbf2480}.da-badge.ally{color:#a7f3d0;background:#34d3992e;border-color:#34d3998c}.da-badge.dodge{color:#e9d5ff;background:#581c878c;border:1px solid #c084fc80}.da-mid{flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;display:flex}.da-clock{place-items:center;width:54px;height:54px;display:grid;position:relative}.da-clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.da-clock-track{fill:none;stroke:#ffffff1f;stroke-width:4px}.da-clock-ring{fill:none;stroke:var(--jade);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .15s linear,stroke .2s}.da-clock-num{color:var(--text);font-size:16px;font-weight:900}.da-clock.low .da-clock-ring{stroke:#f87171}.da-clock.low .da-clock-num{color:#fca5a5;animation:.7s ease-in-out infinite da-clock-pulse}.da-clock.idle .da-clock-ring{stroke:#fff3}.da-clock.idle .da-clock-num{color:var(--text-dim)}@keyframes da-clock-pulse{0%,to{text-shadow:0 0 #f8717100;transform:scale(1)}50%{text-shadow:0 0 14px #f87171e6;transform:scale(1.12)}}.da-turn-label{letter-spacing:.4px;text-align:center;width:100%;height:2.5em;color:var(--text-dim);text-transform:uppercase;justify-content:center;align-items:center;font-size:8.5px;font-weight:800;line-height:1.25;display:flex;overflow:hidden}.da-turn-label.mine{color:var(--gold-bright);text-shadow:0 0 10px #e9c46ab3}.da-board-wrap{position:relative}.da-board{aspect-ratio:1;touch-action:none;background:#050a0eb8;border:1px solid #e9c46a29;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:3px;width:100%;padding:4px;display:grid;box-shadow:inset 0 0 24px #0000008c}.da-board.shuffling{animation:.6s ease-in-out da-board-shuffle}@keyframes da-board-shuffle{0%{filter:blur();transform:rotate(0)scale(1)}30%{filter:blur(1.5px);transform:rotate(2.5deg)scale(.97)}60%{filter:blur(1px);transform:rotate(-2deg)scale(.98)}to{filter:none;transform:none}}.da-cell{background:#ffffff09;border:1px solid #0000;border-radius:7px;padding:0;transition:transform .12s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.da-cell[data-type=sword]{background:linear-gradient(160deg,#cbd5e138,#94a3b80d)}.da-cell[data-type=thunder]{background:linear-gradient(160deg,#c084fc3d,#581c8714)}.da-cell[data-type=qi]{background:linear-gradient(160deg,#7dd3fc3d,#0284c714)}.da-cell[data-type=pill]{background:linear-gradient(160deg,#4ade8038,#15803d12)}.da-cell[data-type=shield]{background:linear-gradient(160deg,#fbbf243d,#b4530914)}.da-cell[data-type=stone]{background:linear-gradient(160deg,#5eead438,#0f766e14)}.da-cell.selected{border-color:var(--gold-bright);z-index:2;transform:scale(1.06);box-shadow:0 0 10px #fde68aa6,inset 0 0 12px #fde68a47}.da-cell.boom{box-shadow:0 0 10px #fb923c66}.da-cell.boom:before{content:"★";color:#fed7aa;text-shadow:0 0 6px #ea580c;z-index:3;pointer-events:none;font-size:9px;font-weight:900;animation:1s ease-in-out infinite alternate da-boom-star;position:absolute;top:1px;right:2px}@keyframes da-boom-star{0%{opacity:.8;transform:scale(.9)}to{opacity:1;filter:drop-shadow(0 0 4px #f97316);transform:scale(1.25)}}.da-cell.boom:after{content:"";pointer-events:none;border:2px solid #fb923cf2;border-radius:8px;animation:1.6s ease-in-out infinite alternate da-boom-ring;position:absolute;inset:-1px;box-shadow:inset 0 0 10px #fb923ca6,0 0 10px #f973168c}@keyframes da-boom-ring{0%{opacity:.6;transform:scale(.98)}to{opacity:1;filter:brightness(1.25);transform:scale(1.02)}}.da-tile{pointer-events:none;display:block;position:absolute;inset:7%}.da-tile svg{filter:drop-shadow(0 1px 2px #0000008c);width:100%;height:100%;display:block}.da-cell-fx{pointer-events:none;position:absolute;inset:0}.da-cell.drop-in .da-tile{animation:.24s cubic-bezier(.2,.9,.3,1.25) da-drop}@keyframes da-drop{0%{opacity:0;transform:translateY(-24%)scale(.82)}to{opacity:1;transform:none}}.da-cell.clearing .da-tile{animation:.26s ease-out forwards da-clear}@keyframes da-clear{0%{opacity:1;filter:brightness();transform:scale(1)}45%{opacity:1;filter:brightness(1.8);transform:scale(1.28)}to{opacity:0;filter:brightness(2.4);transform:scale(.3)}}.da-cell.star .da-tile{animation:.7s ease-out da-star}@keyframes da-star{0%{filter:drop-shadow(0 0 #fde68a);transform:scale(1)}35%{filter:drop-shadow(0 0 12px #fde68a)brightness(1.7);transform:scale(1.35)rotate(8deg)}to{filter:none;transform:scale(1)}}.da-cell.reject{animation:.45s cubic-bezier(.36,.07,.19,.97) da-cell-reject}@keyframes da-cell-reject{0%,to{transform:translate(0)}20%{transform:translate(-4px)rotate(-3deg)}40%{transform:translate(4px)rotate(3deg)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.da-bottom{background:linear-gradient(#142228eb,#090f13f5);border:1px solid #e9c46a59;border-radius:14px;flex-direction:column;gap:5px;padding:7px 7px 8px;display:flex}.da-skills-head{letter-spacing:.5px;color:var(--gold-bright);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 3px;font-size:10.5px;font-weight:800;display:flex}.da-skills-head>span{align-items:center;gap:4px;display:inline-flex}.da-skills-qi{color:var(--qi);text-transform:none;letter-spacing:0}.da-skills-qi b{font-size:12px}.da-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.da-skill{--charge:0;text-align:center;background:linear-gradient(170deg,#243842f2,#0c141af7);border:1.5px solid #e9c46a47;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;transition:transform .12s,box-shadow .2s,border-color .2s,opacity .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #080e12b3}.da-skill:active{transform:scale(.95)}.da-skill-icon{place-items:center;width:58px;height:58px;display:grid;position:relative}.da-skill-icon>svg{z-index:1;filter:drop-shadow(0 2px 3px #0000008c);transition:filter .2s,transform .2s;position:relative}.da-skill-ring{background:conic-gradient(var(--qi) calc(var(--charge) * 360deg), #ffffff14 0);border-radius:50%;transition:background .3s;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 25px,#000 26px);mask:radial-gradient(circle,#0000 25px,#000 26px)}.da-skill-cost{z-index:2;color:#0b1416;background:var(--qi);border:1.5px solid #0b1416;border-radius:999px;align-items:center;gap:1px;padding:1px 5px 1px 3px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;bottom:-2px;right:-6px}.da-skill-cost svg{width:9px;height:9px}.da-skill-cost.lack{background:#fca5a5}.da-skill-name{-webkit-line-clamp:2;max-width:100%;min-height:2.4em;color:var(--gold-bright);-webkit-box-orient:vertical;font-size:11.5px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.da-skill-state{color:var(--text-dim);white-space:nowrap;font-size:9.5px;font-weight:700}.da-skill.charged .da-skill-ring{background:conic-gradient(#fde68a 360deg, #fde68a 0)}.da-skill.charged .da-skill-state{color:#fde68a}.da-skill.ready{border-color:#fde68af2;animation:1.4s ease-in-out infinite da-skill-ready}.da-skill.ready .da-skill-icon>svg{transform:scale(1.06)}.da-skill.ready .da-skill-state{color:#0b1416;letter-spacing:.5px;background:#fde68a;border-radius:999px;padding:0 6px}@keyframes da-skill-ready{0%,to{box-shadow:inset 0 0 0 1px #080e12b3,0 0 6px #fde68a59}50%{box-shadow:inset 0 0 0 1px #080e12b3,0 0 18px #fde68abf}}.da-skill.disabled{cursor:not-allowed}.da-skill.disabled:not(.charged) .da-skill-icon>svg{filter:grayscale(.75)brightness(.7)}.da-skill.disabled:not(.ready){opacity:.82}.da-skill-desc{text-align:left;color:var(--text-dim);opacity:0;pointer-events:none;z-index:20;background:#070d11fa;border:1px solid #e9c46a73;border-radius:9px;padding:7px 9px;font-size:11px;line-height:1.4;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:-2px;right:-2px;transform:translateY(4px);box-shadow:0 10px 26px #0009}.da-skill-desc b{color:var(--gold-bright)}.da-skill:hover .da-skill-desc,.da-skill:focus-visible .da-skill-desc{opacity:1;transform:none}@media (hover:none){.da-skill:hover .da-skill-desc{opacity:0}.da-skill:active .da-skill-desc{opacity:1;transform:none}}.da-surrender{white-space:nowrap;color:#fecaca;background:#3c0a0a8c;border:1px solid #f8717173;border-radius:999px;margin-top:2px;padding:3px 7px;font-size:9.5px;font-weight:700;transition:background .15s,color .15s}.da-surrender:hover{background:#781414b3}.da-surrender.done{opacity:.5;pointer-events:none}.da-banner-icon{vertical-align:middle;margin-right:8px;font-style:normal;display:inline-grid}.da-fx{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.da-float{white-space:nowrap;color:#fca5a5;text-shadow:0 2px 6px #000000d9;pointer-events:none;z-index:6;font-size:15px;font-weight:900;line-height:1;animation:1.05s ease-out forwards da-float-up;position:absolute;top:12%;transform:translate(-50%)}.da-float.crit{color:#fde68a;text-shadow:0 0 14px #fde68ae6,0 2px 6px #000000e6;font-size:21px}.da-float.absorb{color:#cbd5e1;font-size:12px}.da-float.heal{color:#86efac}.da-float.armor{color:#fcd34d}.da-float.qi{color:#7dd3fc}.da-float.stone{color:#5eead4}.da-float.dodge{color:#f0abfc;font-size:18px}@keyframes da-float-up{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}18%{opacity:1;transform:translate(-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-38px)scale(1)}}.da-particle{background:var(--c,#fde68a);width:5px;height:5px;box-shadow:0 0 7px var(--c,#fde68a);pointer-events:none;border-radius:50%;margin:-2.5px 0 0 -2.5px;animation:.72s ease-out forwards da-particle-fly;position:absolute}@keyframes da-particle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx,0), var(--dy,0)) scale(.2);opacity:0}}.da-card.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) da-card-shake}@keyframes da-card-shake{0%,to{transform:translate(0)}15%{transform:translate(-5px,1px)rotate(-1.2deg)}30%{transform:translate(5px,-1px)rotate(1.2deg)}45%{transform:translate(-4px,2px)}60%{transform:translate(4px,-1px)}80%{transform:translate(-2px)}}.da-card.hit:before{content:"";pointer-events:none;z-index:3;background:radial-gradient(circle,#f8717199,#0000 72%);border-radius:12px;animation:.38s ease-out forwards da-hit-flash;position:absolute;inset:0}@keyframes da-hit-flash{0%{opacity:.9}to{opacity:0}}.da-card.slip{animation:.45s ease-out da-card-slip}@keyframes da-card-slip{0%,to{transform:translate(0)}35%{opacity:.6;transform:translate(16px)skew(-4deg)}70%{opacity:.9;transform:translate(-6px)}}.da-card.ghost{animation:.7s ease-out da-card-ghost}@keyframes da-card-ghost{0%,to{opacity:1;filter:none}40%{opacity:.45;filter:blur(1px)brightness(1.3)}}.da-bind{pointer-events:none;z-index:4;position:absolute;inset:-3px}.da-bind i{background:repeating-linear-gradient(90deg,#fbbf24 0 6px,#92400e 6px 10px);border-radius:999px;height:3px;animation:.85s ease-out forwards da-bind-wrap;position:absolute;left:-10%;right:-10%;box-shadow:0 0 10px #fbbf24cc}.da-bind i:first-child{animation-delay:0s;top:22%}.da-bind i:nth-child(2){animation-delay:80ms;top:48%}.da-bind i:nth-child(3){animation-delay:.16s;top:74%}@keyframes da-bind-wrap{0%{opacity:0;transform:scaleX(0)rotate(-6deg)}30%{opacity:1;transform:scaleX(1)rotate(0)}to{opacity:0;transform:scaleX(1)rotate(0)}}.da-shield-ring{pointer-events:none;z-index:4;border:2px solid #fcd34de6;border-radius:16px;animation:.65s ease-out forwards da-shield-in;position:absolute;inset:-6px;box-shadow:0 0 18px #fcd34db3,inset 0 0 16px #fcd34d59}@keyframes da-shield-in{0%{opacity:0;transform:scale(1.25)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.da-shard{pointer-events:none;z-index:4;background:#fcd34d;width:6px;height:9px;animation:.6s ease-out forwards da-shard-fly;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #fcd34dcc}@keyframes da-shard-fly{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{transform:translate(calc(-50% + var(--dx,0)), calc(-50% + var(--dy,0))) rotate(220deg);opacity:0}}.da-strike{pointer-events:none;will-change:transform, opacity;filter:drop-shadow(0 0 8px #fde68ae6);width:32px;height:32px;position:absolute}.da-strike svg{width:100%;height:100%;display:block}.da-strike.thunder{filter:drop-shadow(0 0 12px #c084fcf2)}.da-strike-orb{background:radial-gradient(circle,#fff 0%,#7dd3fc 45%,#0284c700 75%);border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 18px #7dd3fce6}.da-banner-host{z-index:7;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0;overflow:hidden}.da-combo{letter-spacing:1px;color:#fde68a;text-shadow:0 0 18px #fde68ae6,0 3px #7c2d12e6;white-space:nowrap;font-weight:900;animation:.95s cubic-bezier(.2,1.3,.4,1) forwards da-combo-pop}.da-combo.crit{color:#fca5a5;text-shadow:0 0 20px #f87171e6,0 3px #500707e6}@keyframes da-combo-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}30%{opacity:1;transform:scale(1.15)rotate(2deg)}55%{transform:scale(1)rotate(0)}to{opacity:0;transform:translateY(-26px)scale(.95)}}.da-banner{letter-spacing:1.5px;color:#1a1208;white-space:nowrap;background:linear-gradient(90deg,#fde68a26,#fde68a 25% 75%,#fde68a26);border-radius:999px;padding:6px 22px;font-size:15px;font-weight:900;animation:1.05s ease-out forwards da-banner-sweep;box-shadow:0 0 26px #fde68a99}@keyframes da-banner-sweep{0%{opacity:0;transform:translate(-70%)scaleX(.4)}25%{opacity:1;transform:translate(0)scaleX(1)}75%{opacity:1}to{opacity:0;transform:translate(70%)scaleX(.7)}}.da-skill-banner{text-align:center;width:100%;font-family:var(--font-brush), var(--font-serif);letter-spacing:.5px;color:#0b1416;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--school,#7dd3fc) 55%, transparent) 12%, var(--school,#7dd3fc) 50%, color-mix(in srgb, var(--school,#7dd3fc) 55%, transparent) 88%, transparent);text-shadow:0 1px #ffffff80;white-space:nowrap;padding:10px 0;font-size:clamp(20px,6vw,30px);font-weight:400;animation:1.35s cubic-bezier(.2,.8,.3,1) forwards da-skill-banner;position:relative;overflow:hidden}.da-skill-banner span{animation:1.35s ease-out forwards da-skill-banner-text;display:inline-block}@keyframes da-skill-banner{0%{opacity:0;transform:scaleY(.2)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{opacity:0;transform:scaleY(.85)}}@keyframes da-skill-banner-text{0%{transform:translate(-40px)}20%{transform:translate(0)}to{transform:translate(18px)}}.da-fx-row-boom{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000 0%,#fb923c66 15%,#fef08af2 50%,#fb923c66 85%,#0000 100%);border-radius:6px;width:100%;animation:.6s cubic-bezier(.2,.8,.3,1) forwards da-row-boom;position:absolute;left:0;box-shadow:0 0 24px #f97316e6,inset 0 0 12px #fff}@keyframes da-row-boom{0%{opacity:0;transform:scaleX(.1)scaleY(.4)}30%{opacity:1;filter:brightness(1.8);transform:scaleX(1)scaleY(1.3)}70%{opacity:.9;transform:scaleX(1)scaleY(1)}to{opacity:0;transform:scaleX(1.05)scaleY(.2)}}.da-fx-slash{pointer-events:none;justify-content:center;align-items:center;animation:.75s ease-out forwards da-slash-fade;display:flex;position:absolute;inset:0}.da-slash-arc{width:140%;height:140%;animation:.55s cubic-bezier(.16,1,.3,1) forwards da-slash-sweep;position:relative;transform:rotate(-15deg)}.da-slash-arc svg{filter:drop-shadow(0 0 16px #38bdf8)drop-shadow(0 0 30px #0284c7);width:100%;height:100%}.da-slash-spark{background:#fff;border-radius:999px;width:120px;height:4px;animation:.4s ease-out forwards da-spark-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 0 20px #e0f2fe}@keyframes da-slash-sweep{0%{opacity:0;transform:scale(.4)rotate(-35deg)}30%{opacity:1;transform:scale(1.15)rotate(-15deg)}to{opacity:0;transform:scale(1.3)rotate(-10deg)}}@keyframes da-spark-flash{0%{opacity:1;transform:translate(-50%,-50%)scaleX(.1)rotate(-45deg)}to{opacity:0;transform:translate(-50%,-50%)scaleX(1.4)rotate(-45deg)}}@keyframes da-slash-fade{0%,75%{opacity:1}to{opacity:0}}.da-fx-palm{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-palm-wrap{justify-content:center;align-items:center;width:140px;height:140px;animation:.85s cubic-bezier(.18,.89,.32,1.28) forwards da-palm-slam;display:flex;position:relative}.da-palm-wrap svg{filter:drop-shadow(0 0 20px #f59e0b)drop-shadow(0 0 40px #b45309);width:100%;height:100%}.da-palm-wave{border:3px solid #fde047;border-radius:50%;animation:.8s ease-out forwards da-palm-ring-out;position:absolute;inset:-15px;box-shadow:0 0 30px #f59e0b}@keyframes da-palm-slam{0%{opacity:0;transform:scale(2.4)translateY(-40px)}40%{opacity:1;transform:scale(1.05)translateY(0)}75%{opacity:.95;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.92)translateY(5px)}}@keyframes da-palm-ring-out{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}.da-fx-storm{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-storm-wrap{width:170px;height:170px;animation:.95s cubic-bezier(.2,.8,.2,1) forwards da-storm-spin}.da-storm-wrap svg{filter:drop-shadow(0 0 22px #c084fc)drop-shadow(0 0 40px #7e22ce);width:100%;height:100%}@keyframes da-storm-spin{0%{opacity:0;transform:scale(.3)rotate(-60deg)}35%{opacity:1;transform:scale(1.15)rotate(45deg)}70%{opacity:.9;transform:scale(1.2)rotate(120deg)}to{opacity:0;transform:scale(1.4)rotate(180deg)}}.da-fx-swords-bg{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-swords-array{width:180px;height:180px;animation:1.2s ease-out forwards da-array-rotate}.da-array-circle{filter:drop-shadow(0 0 16px #38bdf8);width:100%;height:100%}@keyframes da-array-rotate{0%{opacity:0;transform:scale(.3)rotate(0)}30%{opacity:.85;transform:scale(1.1)rotate(90deg)}80%{opacity:.8;transform:scale(1.05)rotate(220deg)}to{opacity:0;transform:scale(1.2)rotate(270deg)}}.da-fx-sword{filter:drop-shadow(0 0 12px #38bdf8f2)drop-shadow(0 4px 10px #0009);width:32px;height:32px;animation:.75s cubic-bezier(.25,.46,.45,.94) forwards da-sword-fall;position:absolute;top:-60px}.da-fx-sword svg{width:100%;height:100%}@keyframes da-sword-fall{0%{opacity:0;transform:translateY(0)rotate(-22deg)scale(.7)}25%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translateY(85vh)rotate(8deg)scale(1.1)}}.da-fx-lotus{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-lotus-wrap{width:160px;height:160px;animation:1.05s cubic-bezier(.16,1,.3,1) forwards da-lotus-bloom}.da-lotus-wrap svg{filter:drop-shadow(0 0 25px #4ade80f2)drop-shadow(0 0 50px #22c55e99);width:100%;height:100%}@keyframes da-lotus-bloom{0%{opacity:0;transform:scale(.2)rotate(-45deg)}45%{opacity:1;transform:scale(1.12)rotate(10deg)}75%{opacity:.95;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.25)translateY(-25px)rotate(15deg)}}.da-fx-dome{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-bell-wrap{width:150px;height:170px;animation:1.05s cubic-bezier(.175,.885,.32,1.275) forwards da-bell-drop}.da-bell-wrap svg{filter:drop-shadow(0 0 24px #fbbf24f2)drop-shadow(0 0 45px #f59e0bb3);width:100%;height:100%}@keyframes da-bell-drop{0%{opacity:0;transform:scale(1.8)translateY(-60px)}35%{opacity:1;transform:scale(1.06)translateY(0)}75%{opacity:.95;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(10px)}}.da-fx-crack{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-quake-wrap{width:220px;height:220px;animation:.9s cubic-bezier(.1,.9,.2,1) forwards da-quake-fissure}.da-quake-wrap svg{filter:drop-shadow(0 0 18px #ea580c)drop-shadow(0 0 35px #f97316);width:100%;height:100%}.quake-fissure-1{stroke-dasharray:240;stroke-dashoffset:240px;animation:.6s ease-out forwards da-quake-dash}.quake-fissure-2{stroke-dasharray:240;stroke-dashoffset:240px;animation:.6s ease-out .1s forwards da-quake-dash}@keyframes da-quake-dash{to{stroke-dashoffset:0}}@keyframes da-quake-fissure{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.05)}75%{opacity:.9}to{opacity:0;transform:scale(1.1)}}.da-fx-net{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-bind-wrap{width:170px;height:170px;animation:1.05s cubic-bezier(.19,1,.22,1) forwards da-bind-lock}.da-bind-wrap svg{filter:drop-shadow(0 0 20px #c084fc)drop-shadow(0 0 35px #e879f9);width:100%;height:100%}@keyframes da-bind-lock{0%{opacity:0;transform:scale(1.6)rotate(-30deg)}35%{opacity:1;transform:scale(1)rotate(0)}80%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(.85)}}.da-fx-hand{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-steal-wrap{width:160px;height:160px;animation:.85s cubic-bezier(.25,1,.5,1) forwards da-steal-swipe}.da-steal-wrap svg{filter:drop-shadow(0 0 20px #34d399)drop-shadow(0 0 35px #059669);width:100%;height:100%}@keyframes da-steal-swipe{0%{opacity:0;transform:translate(80px)translateY(30px)scale(.6)}40%{opacity:1;transform:translate(0)translateY(0)scale(1.1)}70%{opacity:.85;transform:translate(-30px)translateY(-20px)scale(1)}to{opacity:0;transform:translate(-90px)translateY(-50px)scale(.7)}}.da-fx-smoke{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-escape-wrap{width:160px;height:160px;animation:.95s ease-out forwards da-escape-poof}.da-escape-wrap svg{filter:drop-shadow(0 0 20px #f59e0b)drop-shadow(0 0 35px #78716c);width:100%;height:100%}@keyframes da-escape-poof{0%{opacity:0;transform:scale(.4)translateY(20px)}35%{opacity:1;transform:scale(1.1)translateY(0)}70%{opacity:.85;transform:scale(1.15)translateY(-10px)}to{opacity:0;transform:scale(1.35)translateY(-30px)}}.da-fx-burst{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.da-burst-wrap{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.da-burst-core{background:radial-gradient(circle,#fff 0%,#38bdf8 50%,#0000 80%);border-radius:50%;width:40px;height:40px;animation:.9s cubic-bezier(.1,.8,.2,1) forwards da-burst-core-anim;position:absolute;box-shadow:0 0 30px #38bdf8,0 0 60px #0284c7}.da-burst-ring{border:3px solid #7dd3fc;border-radius:50%;animation:.85s ease-out forwards da-burst-ring-anim;position:absolute;inset:0;box-shadow:0 0 25px #0284c7}.da-burst-ring.r2{border-color:#fde047;animation-delay:.12s;box-shadow:0 0 30px #f59e0b}@keyframes da-burst-core-anim{0%{opacity:0;transform:scale(.2)}30%{opacity:1;filter:brightness(2);transform:scale(2.2)}to{opacity:0;transform:scale(4.5)}}@keyframes da-burst-ring-anim{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(4.8)}}.da-fx-wave{border:3px solid var(--school,#7dd3fc);width:40px;height:40px;box-shadow:0 0 26px var(--school,#7dd3fc);border-radius:50%;margin:-20px 0 0 -20px;animation:.85s ease-out forwards da-wave;position:absolute;top:50%;left:50%}.da-fx-wave i{border:2px solid var(--school,#7dd3fc);opacity:.6;border-radius:50%;animation:.95s ease-out .1s forwards da-wave;position:absolute;inset:-14px}@keyframes da-wave{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(8)}}.da-result-host{z-index:8;pointer-events:none;position:absolute;inset:0}.da-result{pointer-events:auto;background:radial-gradient(at 50% 40%,#0c12188c,#03060aeb);place-items:center;padding:16px;animation:.3s ease-out da-fade;display:grid;position:absolute;inset:0}.da-result-card{z-index:2;text-align:center;background:linear-gradient(160deg,#1a282ef7,#090f14fa);border:1px solid #e9c46a8c;border-radius:18px;width:min(340px,100%);padding:22px 18px 18px;animation:.55s cubic-bezier(.2,1.3,.4,1) both da-result-in;position:relative;box-shadow:0 26px 70px #000000a6,inset 0 0 0 3px #080e12d9}@keyframes da-result-in{0%{opacity:0;transform:scale(.82)translateY(18px)}60%{opacity:1;transform:scale(1.03)translateY(0)}to{opacity:1;transform:none}}.da-result-title{font-family:var(--font-brush), var(--font-serif);letter-spacing:.5px;font-size:clamp(26px,8vw,38px);font-weight:400;line-height:1.1}.da-result.win .da-result-title{color:#fde68a;text-shadow:0 0 26px #fde68ad9,0 4px #7c2d12e6}.da-result.lose .da-result-title{color:#94a3b8;text-shadow:0 3px #0f172ae6}.da-result.draw .da-result-title{color:#bae6fd;text-shadow:0 0 20px #bae6fd99}.da-result-vs{color:var(--text-dim);margin-top:4px;font-size:11.5px}.da-result-note{color:#fecaca;background:#500c0c99;border:1px solid #f8717173;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.da-result-rewards{gap:6px;margin:14px 0 16px;display:grid}.da-result-rewards>div{color:var(--text-dim);background:#ffffff0a;border:1px solid #e9c46a2e;border-radius:9px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11.5px;display:flex}.da-result-rewards b{color:var(--gold-bright);font-size:13px}.da-btn{color:var(--text);background:#142026eb;border:1px solid #e9c46a80;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:800;transition:transform .12s,background .15s}.da-btn:active{transform:scale(.97)}.da-btn.primary{color:#1a1208;background:linear-gradient(160deg,#fde68a,#b7832f);border-color:#fde68a;box-shadow:0 6px 18px #e9c46a59}.da-confetti-host{pointer-events:none;position:absolute;inset:0;overflow:hidden}.da-confetti{top:-10%;left:var(--x,50%);width:var(--s,6px);height:calc(var(--s,6px) * 1.7);background:var(--c,#fde68a);animation:da-confetti-fall 2.6s linear var(--d,0s) infinite;opacity:.9;border-radius:2px;position:absolute}@keyframes da-confetti-fall{0%{transform:translateY(-12vh)rotate(0)}to{transform:translateY(112vh)rotate(760deg)}}.da-coal{pointer-events:none;width:120px;height:120px;animation:.7s ease-out both da-coal-in;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.da-coal-svg{filter:drop-shadow(0 8px 18px #000000b3);width:100%;height:100%}.da-result-card .da-coal{width:92px;height:92px;margin:-64px auto 2px;animation:.7s ease-out both da-coal-drop;position:relative;bottom:auto;left:auto;transform:none}@keyframes da-coal-drop{0%{opacity:0;transform:translateY(-24px)scale(.7)}to{opacity:1;transform:none}}@keyframes da-coal-in{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.7)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.da-smoke{filter:blur(3px);background:#94a3b873;border-radius:50%;width:22px;height:22px;animation:2.4s ease-out infinite da-smoke-rise;position:absolute;top:18%;left:50%}.da-smoke:nth-child(3){margin-left:-18px;animation-delay:.7s}.da-smoke:nth-child(4){margin-left:12px;animation-delay:1.4s}@keyframes da-smoke-rise{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:.8}to{opacity:0;transform:translateY(-64px)scale(1.7)}}.da-invite-host{z-index:82;pointer-events:none;position:fixed;bottom:96px;right:12px}.da-invite{pointer-events:auto;background:linear-gradient(160deg,#22160cf7,#0e0a08fa);border:1px solid #e9c46ab3;border-radius:14px;width:min(270px,84vw);padding:10px 12px;animation:.32s cubic-bezier(.2,1.2,.4,1) da-invite-in;box-shadow:0 16px 42px #0009}@keyframes da-invite-in{0%{opacity:0;transform:translate(24px)scale(.94)}to{opacity:1;transform:none}}.da-invite-head{color:var(--text);align-items:flex-start;gap:8px;font-size:12px;display:flex}.da-invite-icon{background:#e9c46a24;border:1px solid #e9c46a66;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.da-invite-realm{color:var(--text-dim);font-size:10px}.da-invite-sub{color:var(--text-dim);font-size:10.5px}.da-invite-bar{background:#ffffff1f;border-radius:999px;height:4px;margin:8px 0;overflow:hidden}.da-invite-bar i{background:linear-gradient(90deg,#f87171,#fde68a);border-radius:999px;width:100%;height:100%;transition:width .1s linear;display:block}.da-invite-actions{justify-content:flex-end;gap:6px;display:flex}.da-pending-host{z-index:82;pointer-events:none;position:fixed;top:74px;left:50%;transform:translate(-50%)}.da-pending{color:var(--text);white-space:nowrap;background:#0c161af2;border:1px solid #e9c46a80;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;animation:.3s ease-out da-invite-in;display:flex;box-shadow:0 12px 30px #00000080}.da-pending strong{color:var(--gold-bright)}.da-pending-sec{color:var(--qi);font-weight:800}.da-pending-dot{background:#fde68a;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite da-dot;box-shadow:0 0 8px #fde68a}@keyframes da-dot{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.da-toast-host{z-index:84;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:34%;left:50%;transform:translate(-50%)}.da-toast{color:var(--gold-bright);border:1px solid var(--gold);text-align:center;background:#0c161af2;border-radius:999px;max-width:86vw;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .35s,transform .35s;animation:.25s ease-out da-invite-in;box-shadow:0 12px 30px #0000008c}.da-toast.leave{opacity:0;transform:translateY(-8px)}@media (width<=430px){.da-stage{border-radius:13px;gap:6px;padding:7px}.da-portrait{width:34px;height:34px}.da-name{font-size:11px}.da-realm,.da-power{font-size:8.5px}.da-mid{width:54px}.da-clock{width:46px;height:46px}.da-clock-num{font-size:14px}.da-turn-label{font-size:7.5px}.da-vs-text{letter-spacing:1px}.da-skill-icon{width:52px;height:52px}.da-skill-icon>svg{width:40px;height:40px}.da-skill-ring{-webkit-mask:radial-gradient(circle,#0000 22px,#000 23px);mask:radial-gradient(circle,#0000 22px,#000 23px)}.da-skill-name{font-size:10.5px}.da-surrender{padding:2px 6px;font-size:8.5px}}@media (height<=620px){.da-stage{gap:6px}.da-portrait{width:32px;height:32px}.da-clock{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.da-vs-side.left,.da-vs-side.right,.da-vs-text,.da-vs-bolt,.da-vs-rune svg,.da-rune-1,.da-rune-2,.da-rune-3,.da-rune-marks path,.da-clock.low .da-clock-num,.da-cell.boom:after,.da-confetti,.da-smoke,.da-pending-dot,.da-card.shake,.da-card.slip,.da-card.ghost,.da-root.quake{animation:none!important}}#fishing-arena-layer{z-index:77;position:relative}.fa-root{z-index:77;color:#f4ecd8;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;position:fixed;inset:0}.fa-backdrop{background:#031a22;position:absolute;inset:0}.fa-frame{flex-direction:column;display:flex;position:fixed;inset:0}.fa-root button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.fa-top{box-sizing:content-box;height:52px;padding:6px 12px;padding-top:max(6px, env(safe-area-inset-top));z-index:6;background:linear-gradient(#0f2f3a,#081c24);border-bottom:1px solid #fde04759;flex:none;align-items:center;gap:12px;display:flex;position:relative}.fa-title{align-items:center;gap:8px;min-width:0;display:flex}.fa-title__ico{background:#fb923c26;border:1px solid #fb923c73;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.fa-title h3{color:#fb923c;letter-spacing:.02em;margin:0;font-size:16px}.fa-ends{opacity:.75;white-space:nowrap;margin:0;font-size:11px}.fa-wallet{background:#00000059;border:1px solid #fde04773;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;display:flex}.fa-kl{color:#fde047;font-variant-numeric:tabular-nums;font-size:16px}.fa-actions{gap:6px;display:flex}.fa-actions button{background:#0f2f3ae6;border:1px solid #fde04759;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.fa-actions button:hover{border-color:#fde047}.fa-actions .fa-close{justify-content:center;width:36px;padding:0}.fa-ico{display:inline-flex}.fa-stage{background:#0b3b4a;flex:1;min-height:0;position:relative;overflow:hidden}.fa-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fa-gun-base{z-index:2;pointer-events:none;transform-origin:50% 41.667%;position:absolute}.fa-gun-base svg{width:100%;height:100%;display:block}.fa-gun{z-index:3;pointer-events:none;transform-origin:50% 100%;will-change:transform;position:absolute}.fa-gun svg{width:100%;height:100%;display:block}.fa-loading{color:#fde68a;z-index:5;background:#031a2299;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0}.fa-loading[hidden]{display:none}.fa-mates{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:3;background:#00000073;border-radius:999px;max-width:70%;padding:4px 10px;font-size:11px;position:absolute;top:48px;left:8px;overflow:hidden}.fa-mates[hidden]{display:none}.fa-toast{pointer-events:none;z-index:4;background:#7f1d1de6;border:1px solid #f8717199;border-radius:10px;padding:8px 14px;font-size:13px;position:absolute;top:54px;left:50%;transform:translate(-50%)}.fa-toast[hidden]{display:none}.fa-toast.is-in{animation:.2s ease-out fa-pop}@keyframes fa-pop{0%{opacity:0;transform:translate(-50%,-6px)}}.fa-announce{pointer-events:none;opacity:0;z-index:3;background:#0000008c;border-radius:999px;width:min(640px,90%);height:32px;transition:opacity .2s;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%)}.fa-announce.is-on{opacity:1}.fa-announce__text{white-space:nowrap;color:#fde047;font-size:14px;font-weight:700;line-height:32px;animation:5s linear forwards fa-marquee;position:absolute;top:0;left:0}@keyframes fa-marquee{0%{transform:translate(min(640px,90vw))}to{transform:translate(-100%)}}.fa-drops{pointer-events:none;z-index:3;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.fa-drop{border:1.5px solid var(--pc);box-shadow:0 0 14px var(--pc);background:#081c24eb;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;animation:.35s ease-out fa-drop-in,.3s ease-in 2.2s forwards fa-drop-out;display:flex}@keyframes fa-drop-in{0%{opacity:0;transform:translateY(24px)}}@keyframes fa-drop-out{to{opacity:0;transform:translateY(-8px)}}.fa-dot{background:var(--pc);width:10px;height:10px;box-shadow:0 0 6px var(--pc);border-radius:50%;flex:none;display:inline-block}.fa-bottom{box-sizing:content-box;height:58px;padding:0 10px;padding-bottom:env(safe-area-inset-bottom);z-index:6;background:linear-gradient(#0f2f3a,#081c24);border-top:1px solid #fde04759;flex:none;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.fa-betgroup{background:#00000052;border:1px solid #fde04747;border-radius:14px;align-items:center;gap:4px;padding:3px 5px;display:flex}.fa-round{background:#0f2f3a;border:1px solid #fde04780;border-radius:50%;flex:none;width:32px;height:32px;font-size:18px;font-weight:700;line-height:1}.fa-bet{text-align:center;opacity:.85;min-width:52px;font-size:10px;line-height:1.1}.fa-bet b{color:#fde047;font-variant-numeric:tabular-nums;font-size:17px;display:block}.fa-up{background:linear-gradient(#1b4a5a,#0b2630);border:1px solid #fde04759;border-radius:12px;align-items:center;gap:7px;height:44px;padding:0 11px;transition:box-shadow .2s,border-color .2s;display:flex}.fa-up.is-ready{border-color:#fde047;box-shadow:0 0 14px #fde04747}.fa-up.is-max{opacity:.6}.fa-up__ico{color:#fde047;display:inline-flex}.fa-up__txt{opacity:.9;white-space:nowrap;flex-direction:column;align-items:flex-start;font-size:10px;line-height:1.15;display:flex}.fa-up__txt b{color:#fde047;font-size:14px}.fa-up__cost{color:#fbbf24;opacity:.9;font-size:10px;font-style:normal}.fa-auto{background:#0f2f3a;border:1px solid #fde04766;border-radius:12px;align-items:center;gap:6px;height:44px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.fa-auto.is-on{background:#b45309;border-color:#fde047}.fa-auto__ico{display:inline-flex}.fa-relief{z-index:4;background:#166534;border:1px solid #4ade80;border-radius:999px;height:38px;padding:0 16px;font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite fa-bob;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0006}.fa-relief[hidden]{display:none}@keyframes fa-bob{50%{transform:translate(-50%,-4px)}}.fa-panel{top:calc(64px + env(safe-area-inset-top));right:0;bottom:calc(58px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:8;background:linear-gradient(#0f2f3a,#081c24);border-left:1px solid #fde04759;width:min(390px,94vw);padding:12px 14px 24px;transition:transform .2s;animation:.2s ease-out fa-slide;position:absolute;overflow-y:auto;box-shadow:-10px 0 30px #00000073}.fa-panel[hidden]{display:none}@keyframes fa-slide{0%{transform:translate(100%)}}.fa-panel__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fa-panel__head h4{color:#fde047;letter-spacing:.02em;margin:0;font-size:17px}.fa-x{background:#0000004d;border:1px solid #fde0474d;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.fa-shop__hint{opacity:.7;margin:0 0 10px;font-size:11.5px;line-height:1.45}.fa-shop__hint b{color:#fbbf24;font-weight:600}.fa-mount-card{text-align:left;background:linear-gradient(120deg,#fb923c29,#0000004d);border:1px solid #fb923c80;border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:8px 10px;display:flex}.fa-mount-card:hover{border-color:#fbbf24}.fa-mount-card__art{background:radial-gradient(circle at 50% 55%,#fde04759,#0000 70%);border-radius:10px;flex:none;width:74px}.fa-mount-card__art svg{width:100%;height:auto;display:block}.fa-mount-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fa-mount-card__body b{color:#fb923c;font-size:14px}.fa-mount-card__body small{opacity:.75;font-size:10.5px;line-height:1.35}.fa-mount-card__body em{background:#ffffff1a;border-radius:999px;align-self:flex-start;margin-top:3px;padding:1px 8px;font-size:10px;font-style:normal}.fa-mount-card__body em.is-owned{color:#86efac;background:#4ade802e}.fa-mount-card__body em.is-ready{color:#fde047;background:#fde0472e}.fa-chev{opacity:.5;flex:none;display:inline-flex}.fa-shop__sub{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:0 0 8px;font-size:12px}.fa-shop__list{flex-direction:column;gap:7px;display:flex}.fa-shop-item{text-align:left;border:1px solid color-mix(in srgb, var(--pc) 42%, transparent);background:#00000047;border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.fa-shop-item:hover{border-color:var(--pc);background:#0006}.fa-shop-item__ico{background:color-mix(in srgb, var(--pc) 18%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.fa-shop-item__ico svg{display:block}.fa-shop-item__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fa-shop-item__body b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.fa-shop-item__body small{opacity:.65;font-size:10.5px}.fa-shop-item__body small.is-done{color:#4ade80;opacity:1}.fa-shop-item__side{flex-direction:column;flex:none;align-items:flex-end;gap:1px;display:flex}.fa-shop-item__price{color:#fde047;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.fa-shop-item__price i{opacity:.7;margin-left:2px;font-size:9px;font-style:normal}.fa-shop-item__left{opacity:.5;font-size:9.5px}.fa-modal{z-index:20;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#020c10bd;justify-content:center;align-items:center;animation:.16s ease-out fa-fade;display:flex;position:absolute;inset:0}.fa-modal__box{box-sizing:border-box;background:linear-gradient(#123743,#081c24);border:1px solid #fde04766;border-radius:16px;width:min(430px,100%);max-height:100%;padding:14px;animation:.2s cubic-bezier(.2,1.3,.5,1) fa-zoom-in;overflow-y:auto;box-shadow:0 24px 60px #0009}@keyframes fa-zoom-in{0%{opacity:0;transform:scale(.92)}}.fa-modal__head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.fa-modal__ico{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--pc,#fde047) 32%, transparent), transparent 72%);border:1px solid color-mix(in srgb, var(--pc,#fde047) 42%, transparent);border-radius:12px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.fa-modal__ico--mount{background:radial-gradient(circle at 50% 55%,#fde04759,#0000 72%);width:84px;height:56px}.fa-modal__ico--mount svg{width:100%;height:100%;display:block}.fa-modal__titles{flex:1;min-width:0}.fa-modal__titles h4{color:#fde047;margin:0 0 3px;font-size:16px}.fa-modal__titles small{opacity:.72;font-size:11px;line-height:1.4;display:block}.fa-shopd__prog{background:#00000047;border-radius:12px;margin-bottom:12px;padding:10px 12px}.fa-shopd__row{opacity:.85;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.fa-shopd__row b{color:#fde047;font-variant-numeric:tabular-nums}.fa-shopd__ok{color:#86efac;margin:6px 0 0;font-size:11px}.fa-bar{background:#ffffff1a;border-radius:999px;height:6px;display:block;overflow:hidden}.fa-bar i{background:var(--pc);height:100%;transition:width .25s;display:block}.fa-qty{background:#00000047;border:1px solid #fde04738;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.fa-qty__btn{background:#0f2f3a;border:1px solid #fde04773;border-radius:10px;flex:none;width:42px;height:42px;font-size:22px;font-weight:700;line-height:1}.fa-qty__btn:disabled{opacity:.35;cursor:not-allowed}.fa-qty__num{text-align:center;flex-direction:column;flex:1;line-height:1.15;display:flex}.fa-qty__num b{color:#fde047;font-variant-numeric:tabular-nums;font-size:22px}.fa-qty__num small{opacity:.6;font-size:10.5px}.fa-shopd__left{text-align:center;opacity:.65;margin:8px 0 10px;font-size:11px}.fa-shopd__left b{color:#fde047}.fa-shopd__lead{opacity:.7;margin:0 0 8px;font-size:12px}.fa-req-list{flex-direction:column;gap:6px;margin:0 0 4px;padding:0;list-style:none;display:flex}.fa-req{border:1px solid color-mix(in srgb, var(--pc) 30%, transparent);background:#00000042;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:28px 1fr auto;align-items:center;gap:2px 8px;padding:7px 9px;display:grid}.fa-req.is-ok{background:#16653429;border-color:#4ade808c}.fa-req__ico{grid-row:span 2;justify-content:center;align-items:center;display:flex}.fa-req__name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fa-req__cnt{color:#fde047;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.fa-req.is-ok .fa-req__cnt{color:#86efac}.fa-req .fa-bar{grid-column:2/span 2;height:4px}.fa-upg{justify-content:center;align-items:stretch;gap:6px;margin-bottom:10px;display:flex}.fa-upg__fig{text-align:center;background:#00000047;border:1px solid #ffffff14;border-radius:12px;flex:1;min-width:0;margin:0;padding:8px 6px}.fa-upg__fig.is-next{background:#fde04712;border-color:#fde0478c}.fa-upg__art{background:radial-gradient(circle at 50% 78%,#38bdf829,#0000 70%);justify-content:center;align-items:flex-end;height:124px;display:flex}.fa-upg__art svg{width:auto;height:100%;display:block}.fa-upg__fig figcaption{color:#fde047;margin-top:4px;font-size:12px;font-weight:700}.fa-upg__fig p{opacity:.65;margin:2px 0 0;font-size:10px;line-height:1.35}.fa-upg__arrow{color:#fde047;opacity:.8;align-self:center;display:inline-flex}.fa-upg__name{text-align:center;color:#fbbf24;margin-bottom:10px;font-size:12px}.fa-upg__name em{opacity:.8;background:#ffffff1a;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:10px;font-style:normal}.fa-upg__rows{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:10px;margin:0 0 4px;padding:6px 8px;list-style:none}.fa-upg__row{color:#e2e8f0b8;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:11px;line-height:1.3;display:flex}.fa-upg__row+.fa-upg__row{border-top:1px solid #94a3b81a}.fa-upg__row em{opacity:.55;font-style:normal}.fa-upg__row b{color:#bae6fd;white-space:nowrap;font-weight:700}.fa-upg__row b i{opacity:.5;padding:0 2px;font-style:normal}.fa-upg__row b u{color:#86efac;opacity:.9;margin-left:3px;font-size:10px;font-weight:700;text-decoration:none}.fa-upg__row.is-hi b{color:#fde047}.fa-big{letter-spacing:.02em;background:linear-gradient(#f59e0b,#b45309);border:1px solid #fde047;border-radius:12px;width:100%;height:46px;margin-top:12px;font-size:15px;font-weight:800;display:block}.fa-big.is-hot{box-shadow:0 0 18px #fde04759}.fa-big.is-off{opacity:.4;cursor:not-allowed}.fa-big.is-on{background:linear-gradient(#16a34a,#166534);border-color:#86efac}.fa-note{opacity:.65;text-align:center;margin:10px 0 0;font-size:11px;line-height:1.4}.fa-note b{color:#fde047}.fa-celebrate{z-index:30;text-align:center;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:.3s ease-out fa-fade;display:flex;position:absolute;inset:0}.fa-celebrate__art{background:radial-gradient(circle at 50% 55%,#fde04773,#0000 70%);width:min(360px,80vw);animation:.8s cubic-bezier(.2,1.4,.4,1) fa-zoom}.fa-celebrate h2{color:#fde047;letter-spacing:.06em;text-shadow:0 0 18px #fde047b3;margin:0;padding:0 16px;font-size:clamp(18px,4vw,30px)}.fa-celebrate p{opacity:.6;margin:0;font-size:12px}@keyframes fa-fade{0%{opacity:0}}@keyframes fa-zoom{0%{opacity:0;transform:scale(.2)}}@media (width>=720px) and (height>=620px){.fa-frame{border:1px solid #fde04752;border-radius:18px;width:min(660px,92vw);height:min(94vh,980px);inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 26px 70px #0000009e}}@media (width<=560px){.fa-actions .fa-lbl{display:none}.fa-actions button{justify-content:center;width:36px;padding:0}.fa-title h3{font-size:14px}.fa-top{gap:8px;padding-left:8px;padding-right:8px}.fa-bottom{gap:6px;padding-left:6px;padding-right:6px}.fa-bet{min-width:44px}.fa-up{gap:5px;padding:0 9px}.fa-auto{padding:0 10px}.fa-auto__lbl{display:none}.fa-upg__fig p{font-size:9.5px}.fa-upg__art{height:104px}}@media (width<=380px){.fa-title>div,.fa-up__cost{display:none}}