@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{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:linear-gradient(#8fc9c4 0%,#cfe7dc 45%,#f3ecd6 100%);height:100%;min-height:100%;position:relative;overflow:hidden auto}.sky-backdrop{pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky-sun{background:radial-gradient(circle,#fff8dcf2 0%,#ffecb380 40%,#ffecb300 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:8%;right:14%}.sky-mountains{width:100%;position:absolute;left:0}.sky-mountains.far{fill:#5f969173;height:38%;bottom:18%}.sky-mountains.near{fill:#386c688c;height:34%;bottom:0}.cloud{filter:blur(2px);background:radial-gradient(at 30% 60%,#fffffff2,#fff0 60%),radial-gradient(at 60% 40%,#ffffffe6,#fff0 55%),radial-gradient(at 80% 65%,#ffffffd9,#fff0 55%);border-radius:999px;width:340px;height:90px;animation:linear infinite cloud-drift;position:absolute}.cloud.c1{animation-duration:70s;animation-delay:-10s;top:12%}.cloud.c2{animation-duration:95s;animation-delay:-50s;top:34%;transform:scale(1.4)}.cloud.c3{animation-duration:80s;animation-delay:-30s;top:62%}.cloud.c4{opacity:.8;animation-duration:110s;animation-delay:-70s;top:82%;transform:scale(1.8)}@keyframes cloud-drift{0%{left:-400px}to{left:110%}}.crane{border-top:3px solid #1e32328c;border-radius:50% 50% 0 0;width:26px;height:10px;animation:40s linear infinite crane-fly;position:absolute}.crane:after{content:"";border-top:3px solid #1e32328c;border-radius:50% 50% 0 0;width:26px;height:10px;position:absolute;top:-3px;left:22px}.crane.k1{animation-delay:-5s;top:20%}.crane.k2{animation-delay:-12s;top:26%;transform:scale(.7)}@keyframes crane-fly{0%{margin-top:0;left:105%}50%{margin-top:-30px}to{margin-top:0;left:-10%}}.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-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:#1d3b3a;text-shadow:0 2px #fff9;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(#c58b23,#8a5410);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;display:block}.subtitle{color:#34524f;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}.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;background:radial-gradient(#c8e6eb40,#0a191ed9);border-radius:12px;position:absolute;right:12px;overflow:hidden}.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-wrap:wrap;justify-content:center;gap:6px;max-width:min(560px,100vw - 520px);display:flex;position:absolute;transform:translate(-50%)}.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:22px;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:manipulation;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)}.cultivate-label{color:#fff7d6;text-shadow:0 1px 2px #0009;font-size:13px;font-weight:900}.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-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:60;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}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#0812148c,#040a0ccc);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}.loot-drop-overlay{z-index:70}.loot-drop-card{border-color:var(--rarity);flex-direction:column;gap:14px;width:min(420px,100%);padding:20px 18px;animation:.3s 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 10deg, transparent 10deg 24deg);pointer-events:none;border-radius:50%;width:360px;height:360px;margin-left:-180px;animation:18s linear infinite spin;position:absolute;top:-120px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 65%);mask-image:radial-gradient(circle,#000 20%,#0000 65%)}.loot-header{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.loot-header h3{color:var(--gold-bright);font-size:20px;font-weight:900}.loot-tag{color:var(--rarity);background:color-mix(in srgb, var(--rarity) 16%, transparent);border:1px solid var(--rarity);border-radius:999px;padding:3px 12px;font-size:11px;font-weight:900}.item-showcase{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.item-big-icon-wrap{background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 25%, transparent), #0006);border:2px solid var(--rarity);width:80px;height:80px;box-shadow:0 0 24px color-mix(in srgb, var(--rarity) 50%, transparent);border-radius:20px;place-items:center;display:grid;transform:rotate(45deg)}.item-big-icon-wrap svg{transform:rotate(-45deg)}.item-art{filter:drop-shadow(0 1px 1.5px #0000008c);flex-shrink:0;display:block}.item-big-icon-wrap .item-art{width:66px;height:66px}.bag-slot .item-art{width:84%;height:84%}.bag-detail-icon .item-art{width:34px;height:34px}.compare-item-name .item-art,.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}.item-name{color:var(--rarity);margin-top:8px;font-size:18px;font-weight:900}.item-slot-name{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-size:11px}.item-desc{color:var(--text-dim);font-size:12px;font-style:italic;line-height:1.5}.item-compare-box{background:#0000004d;border-radius:12px;align-items:stretch;gap:8px;padding:10px;display:flex;position:relative}.compare-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.compare-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:10px}.compare-item-name{align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.compare-stats{color:var(--jade);font-size:11px;line-height:1.4}.compare-empty{color:var(--text-dim);font-size:12px;font-style:italic}.compare-arrow{place-items:center;display:grid}.loot-actions-row{gap:8px;display:flex;position:relative}.loot-actions-row .btn-primary-large{flex:1.4}.loot-actions-row .btn-secondary{flex:1}.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%}}.loot-bag-note{color:#86efac;text-align:center;justify-content:center;align-items:center;gap:6px;margin:8px 0 0;font-size:11px;display:flex}.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;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: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{width:116px;height:116px;left:14px}.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}.btn-active-skill{color:var(--gold-bright);border-color:#e9c46a80}.btn-active-skill.cooling{opacity:.55;filter:grayscale(.5)}.school-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.school-grid.small{grid-template-columns:repeat(2,1fr)}.school-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:9px 10px;display:flex}.school-card strong{color:var(--gold-bright);font-size:12px}.school-card span{color:var(--text-dim);font-size:10px;line-height:1.3}.school-card.active{border-color:var(--gold);background:#e9c46a1a}.tech-head{justify-content:space-between;align-items:center;gap:8px;margin:8px 0 5px;font-size:12px;display:flex}.tech-node-list{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.tech-node{background:#00000029;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.tech-node.maxed{background:#34d3990d;border-color:#34d39959}.tech-node-info{flex:1;min-width:0}.tech-node-name{color:var(--text);align-items:center;gap:4px;font-size:12px;display:flex}.tech-node-desc{color:var(--text-dim);font-size:10px;line-height:1.35}.tech-node-req{color:var(--gold);font-size:9.5px}.tech-node .btn-secondary{flex-shrink:0;padding:5px 8px;font-size:10px}.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}}.subtabs-bar{border-bottom:1px solid #e9c46a26;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:10px;display:flex}.subtabs-bar .tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #e9c46a40;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.subtabs-bar .tab-btn:hover{color:var(--gold-bright);background:#e9c46a14;border-color:#e9c46a80}.subtabs-bar .tab-btn.active{border-color:var(--gold);color:var(--gold-bright);background:#e9c46a2e;box-shadow:inset 0 0 10px #e9c46a26}.tab-btn-with-alert{position:relative}.tab-btn-with-alert .badge-dot:not(.inline){position:absolute;top:4px;right:5px}.tab-btn-with-alert .alert-badge:not(.inline){position:absolute;top:-4px;right:-4px}.daolo-body{min-height:200px}.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;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}.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)}.chat-hide{border-radius:50%;width:18px;height:18px;position:absolute;top:-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{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right))}#game-root .minimap-frame.is-compact{width:46px;height:46px}#game-root .minimap-frame.is-hidden{width:32px;height:32px}.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}#game-root.hud-minimap-compact .hud-menu{top:calc(max(8px, env(safe-area-inset-top)) + 46px + 8px)}#game-root.hud-minimap-hidden .hud-menu{top:calc(max(8px, env(safe-area-inset-top)) + 32px + 8px)}.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))}#game-root .minimap-frame.is-compact{width:42px;height:42px}#game-root .minimap-frame.is-hidden{width:30px;height:30px}.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 .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}.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-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-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)}}.auth-screen,.select-screen{background:linear-gradient(#8fc9c4 0%,#cfe7dc 45%,#f3ecd6 100%);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:#24403d;text-align:left;background:#ffffff73;border:1px solid #386c6840;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.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}.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}@media (width<=900px){.auth-layout{grid-template-columns: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{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;place-items:center;display:grid;position:absolute;inset:0}.da-vs-rune svg{width:min(118vmin,560px);height:min(118vmin,560px)}.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;align-items:center;gap:3px;font-size:9.5px;font-weight:700;display:flex}.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:wrap;gap:3px;margin-top:3px;display:flex}.da-badge{border-radius:999px;padding:1px 5px;font-size:8.5px;font-weight:700;line-height:1.5}.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;color:var(--text-dim);text-transform:uppercase;font-size:8.5px;font-weight:800;line-height:1.25}.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:after{content:"";pointer-events:none;border:2px solid #fb923ce6;border-radius:7px;animation:1.5s linear infinite da-boom-ring;position:absolute;inset:0;box-shadow:inset 0 0 12px #fb923ca6,0 0 8px #fb923c80}@keyframes da-boom-ring{0%,to{opacity:.55;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(180deg)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);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-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{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;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-fx-slash{filter:drop-shadow(0 0 14px #93c5fd);transform-origin:50%;background:linear-gradient(90deg,#0000,#fff,#bfdbfe,#0000);border-radius:999px;width:140%;height:6px;animation:.62s ease-out forwards da-slash;position:absolute;top:50%;left:-20%}@keyframes da-slash{0%{opacity:0;transform:rotate(-28deg)scaleX(0)}25%{opacity:1}to{opacity:0;transform:rotate(-28deg)scaleX(1.1)}}.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-fx-sword{filter:drop-shadow(0 0 8px #bfdbfee6);width:26px;height:26px;animation:.7s cubic-bezier(.4,0,.9,.5) forwards da-sword-fall;position:absolute;top:-46px}.da-fx-sword svg{width:100%;height:100%}@keyframes da-sword-fall{0%{opacity:0;transform:translateY(0)rotate(-18deg)scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(80vh)rotate(12deg)scale(1.05)}}.da-fx-lotus{color:#86efac;text-shadow:0 0 30px #86eface6;font-size:74px;animation:.95s ease-out forwards da-lotus;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes da-lotus{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-30deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(0)}to{opacity:0;transform:translate(-50%,-70%)scale(1.35)rotate(18deg)}}.da-fx-dome{border:3px solid #fcd34de6;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.95s ease-out forwards da-dome;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 30px #fcd34d80,0 0 30px #fcd34db3}@keyframes da-dome{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.6)}to{opacity:0;transform:scale(4.2)}}.da-fx-crack{background:linear-gradient(115deg,#0000 46%,#fde68ad9 47%,#0000 48%),linear-gradient(65deg,#0000 52%,#fde68ab3 53%,#0000 54%);animation:.85s ease-out forwards da-crack;position:absolute;inset:0}@keyframes da-crack{0%{opacity:0;transform:scale(1.1)}25%{opacity:1}to{opacity:0;transform:scale(1)}}.da-root.quake{animation:.6s cubic-bezier(.36,.07,.19,.97) da-quake}@keyframes da-quake{0%,to{transform:translate(0)}10%{transform:translate(-7px,4px)rotate(-.4deg)}25%{transform:translate(8px,-5px)rotate(.5deg)}40%{transform:translate(-6px,3px)}55%{transform:translate(6px,-3px)}70%{transform:translate(-4px,2px)}85%{transform:translate(3px,-1px)}}.da-fx-net{background:repeating-linear-gradient(0deg,#d8b4fea6 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#d8b4fea6 0 1px,#0000 1px 26px);border-radius:12px;animation:.95s ease-out forwards da-net;position:absolute;inset:8%;box-shadow:inset 0 0 30px #d8b4fe66}@keyframes da-net{0%{opacity:0;transform:scale(1.2)}25%{opacity:1;transform:scale(1)}75%{opacity:.9}to{opacity:0;transform:scale(.98)}}.da-fx-hand{filter:drop-shadow(0 0 16px #d6b48ce6);font-size:62px;animation:.75s ease-out forwards da-hand;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes da-hand{0%{opacity:0;transform:translate(-50%,20%)scale(.6)rotate(-20deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-30%,-70%)scale(1.15)rotate(16deg)}}.da-fx-smoke{background:radial-gradient(circle at 35% 60%,#c8c8c880,#0000 32%),radial-gradient(circle at 60% 45%,#b4b4b473,#0000 30%),radial-gradient(circle at 50% 70%,#dcdcdc66,#0000 34%);animation:.9s ease-out forwards da-smoke;position:absolute;inset:0}@keyframes da-smoke{0%{opacity:0;transform:scale(.7)}30%{opacity:1}to{opacity:0;transform:scale(1.35)}}.da-fx-burst{background:radial-gradient(circle, #fff, var(--school,#7dd3fc) 45%, transparent 72%);border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;animation:.8s ease-out forwards da-burst;position:absolute;top:50%;left:50%}@keyframes da-burst{0%{opacity:0;transform:scale(.2)}25%{opacity:1}to{opacity:0;transform:scale(7)}}.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}}