:root{--font:"Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--glass:#100e269e;--glass-b:#ffffff24;--txt:#fff;--muted:#b9b4d8;--gold:#ffd23a;--blue:#4aa3ff;--red:#ff5a4a;--green:#4ee08a}*{box-sizing:border-box}html,body{height:100%;color:var(--txt);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;background:#120c26;margin:0;overflow:hidden}*,:before,:after{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,a,[data-tab],.pick,.chip{touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;font-family:inherit}#app,.stage{position:fixed;inset:0}html,body{height:var(--app-h,100dvh)}#app,.stage{height:var(--app-h,100dvh);bottom:auto}.stage canvas{display:block}.glass{background:var(--glass);border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 10px 30px #00000059}.hidden{display:none!important}.loading{z-index:5;background:#120c26;place-items:center;font-size:26px;font-weight:800;display:grid;position:fixed;inset:0}.menu{background:radial-gradient(at 50% 120%,#ff7a3a 0%,#b03a7a 28%,#3a1f7a 60%,#120c26 100%);flex-direction:column;align-items:center;gap:12px;padding:12px 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-bg i{filter:blur(60px);opacity:.45;border-radius:50%;animation:9s ease-in-out infinite float;position:absolute}.menu-bg i:first-child{background:#4aa3ff;width:380px;height:380px;top:10%;left:-80px}.menu-bg i:nth-child(2){background:#ffd23a;width:300px;height:300px;animation-delay:-3s;top:20%;right:-60px}.menu-bg i:nth-child(3){background:#ff5a8a;width:260px;height:260px;animation-delay:-6s;bottom:-80px;left:40%}@keyframes float{50%{transform:translateY(-30px)scale(1.08)}}.logo{letter-spacing:2px;gap:8px;font-size:clamp(56px,11vw,120px);font-weight:800;line-height:.9;display:flex;position:relative}.logo span{color:#fff;-webkit-text-stroke:4px #1a1030;paint-order:stroke fill;text-shadow:0 8px #1a1030,0 14px 30px #00000080;display:inline-block}.logo span:first-child{color:var(--gold);transform:rotate(-4deg)}.logo span:last-child{color:#ff6a5a;transform:rotate(3deg)}.tag{color:#ffe8c8;letter-spacing:1px;text-align:center;margin-bottom:6px;font-weight:700;position:relative}.menu-card{flex-direction:column;gap:12px;width:min(640px,100%);padding:18px;display:flex;position:relative}.tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tab{background:#ffffff0f;border-radius:12px;padding:12px;font-size:19px;font-weight:800;transition:all .15s}.tab.on{color:#2a1400;background:linear-gradient(#ffd23a,#ff9a1e);box-shadow:0 4px #a85a00}.setups{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.setup{text-align:left;background:#ffffff0f;border:2px solid #0000;border-radius:12px;flex-direction:column;padding:10px 12px;transition:all .15s;display:flex}.setup b{font-size:18px}.setup small{color:var(--muted);font-size:13px;line-height:1.2}.setup.on{border-color:var(--gold);background:#ffd23a1f}.lbl{color:var(--muted);margin-bottom:-6px;font-size:14px;font-weight:700}.maps{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:300px;padding:2px;display:grid;overflow-y:auto}.lbl small{opacity:.7;margin-left:6px;font-weight:600}.map-tier{color:#ffd23f;background:#0000008c;border-radius:999px;align-items:center;padding:2px 5px;font-size:10px;line-height:1;display:inline-flex;position:absolute;top:3px;left:3px}.map-tier img{height:16px;margin-right:2px}.map-tier.t3{background:#8c3c00bf}.map-tier.t4{background:#820a28cc}.map-ch{background:#78140abf;border-radius:8px;padding:2px 4px;font-size:13px;line-height:1;position:absolute;top:3px;right:3px}.map-ch img{width:18px;height:18px;display:block}.map-desc{color:#ffe8c8;background:#00000040;border-radius:10px;margin-top:6px;padding:6px 10px;font-size:12px;line-height:1.35}.map-rand .map-art{background:radial-gradient(circle at 50% 45%,#ffe37a,#ff9a3a 45%,#7a3aa0);place-items:center;display:grid}.map-rand .map-art b{filter:drop-shadow(0 2px 3px #00000080);font-size:34px}.map{background:#ffffff0f;border:2px solid #0000;border-radius:12px;padding:0 0 6px;font-weight:700;transition:all .15s;overflow:hidden}.map.on{border-color:var(--gold);transform:translateY(-2px)}.map-art{background:linear-gradient(var(--a), var(--b));height:58px;margin-bottom:4px;position:relative}.map-art img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.map-art .m1{background:linear-gradient(var(--g) 0 18%, var(--d) 18%);border-radius:50% 60% 0 0;height:55%;position:absolute;bottom:0;left:-10%;right:40%}.map-art .m2{background:linear-gradient(var(--g) 0 22%, var(--d) 22%);border-radius:60% 50% 0 0;height:42%;position:absolute;bottom:0;left:50%;right:-10%}.map span{font-size:14px}.boss-intro{color:#ffd8c8;background:#ff5a281f;border:1px solid #ff783c59;border-radius:12px;padding:10px 12px;font-size:14px}.opts{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:14px;font-weight:700;display:flex}.opts input:not([type=checkbox]),.opts select{border:1px solid var(--glass-b);color:#fff;background:#0000004d;border-radius:8px;width:120px;margin-left:6px;padding:5px 8px;font-family:inherit;font-size:15px;font-weight:700}.opts .chk{cursor:pointer;align-items:center;gap:6px;display:flex}.opts input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.play{letter-spacing:2px;color:#fff;background:linear-gradient(#ff7a5a,#e8344a);border-radius:14px;padding:14px;font-size:24px;font-weight:800;transition:transform .1s;box-shadow:0 5px #8a1428,0 12px 30px #e8344a80}.play:hover{transform:translateY(-2px)}.play:active{transform:translateY(3px);box-shadow:0 2px #8a1428}.foot{color:#e8d8ff;opacity:.7;text-align:center;font-size:13px;position:relative}.hud{pointer-events:none;z-index:2;position:fixed;inset:0}.hud button,.hud .glass{pointer-events:auto}.hud-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.order{min-width:170px;padding:8px 10px;font-size:13px}.order .ttl{color:var(--muted);letter-spacing:1px;margin-bottom:2px;font-size:11px;font-weight:800}.order .row{border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-weight:700;display:flex}.order .row i{border-radius:50%;width:9px;height:9px}.order .row span{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:130px;overflow:hidden}.order .row em{color:var(--muted);font-size:12px;font-style:normal}.order .row.on{color:var(--gold);background:#ffd23a33}.center-top{flex-direction:column;align-items:center;gap:6px;display:flex}.turn-banner{text-shadow:0 2px #000,0 0 12px #0009;white-space:nowrap;font-size:20px;font-weight:800}.center-top>div:not(.turn-banner){display:inline-flex}.center-top{position:relative}.wind{border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:relative}.wind-dial{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.dial-bg{fill:#00000040;stroke:#ffffff40;stroke-width:2px}.ticks line{stroke:#fff6;stroke-width:2px}.arrow .shaft{stroke:#7fe0ff;stroke-width:7px;stroke-linecap:round}.arrow .head{fill:#7fe0ff}.forecast path{fill:#ffffff73}.wind-num{text-shadow:0 2px 4px #000;margin-top:18px;font-size:24px;font-weight:800;position:relative}.wind-label{color:var(--muted);letter-spacing:2px;font-size:10px;font-weight:800;position:absolute;top:20px}.timer{border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;position:absolute;top:44px;left:calc(50% + 62px);display:grid!important}.timer.low{background:#e8344acc;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.right-top{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.minimap{border-radius:12px;width:240px;height:120px}.sys{gap:6px;display:flex}.sys button{background:var(--glass);border:1px solid var(--glass-b);border-radius:10px;width:36px;height:36px;font-size:17px;font-weight:800}.bossbar{width:min(520px,70vw);padding:6px 12px 10px;position:absolute;top:132px;left:50%;transform:translate(-50%)}.boss-name{color:#ffb08a;text-align:center;font-size:15px;font-weight:800}.boss-track{background:#00000080;border-radius:7px;height:14px;position:relative;overflow:hidden}.boss-lag,.boss-fill{border-radius:7px;position:absolute;top:0;bottom:0;left:0}.boss-lag{background:#fff;transition:width 1.2s ease-out .2s}.boss-fill{background:linear-gradient(90deg,#ff3a1a,#ff9a2a);transition:width .25s}.bossbar.enraged .boss-fill{background:linear-gradient(90deg,#ff0040,#ff3a1a);box-shadow:0 0 16px #ff2a00}.toast{opacity:0;white-space:nowrap;text-shadow:0 2px #000;pointer-events:none;background:#0a081e99;border-radius:14px;padding:6px 22px;font-size:26px;font-weight:800;position:absolute;top:34%;left:50%;transform:translate(-50%)}.toast.big{color:var(--gold);-webkit-text-stroke:2px #1a1030;paint-order:stroke fill;text-shadow:0 5px #1a1030,0 10px 25px #00000080;background:0 0;font-size:40px}.boss-banner{aspect-ratio:4;opacity:0;pointer-events:none;z-index:6;box-sizing:border-box;background:repeating-linear-gradient(-45deg,#2a0608 0 22px,#c8141a 22px 44px);border:4px solid #ffb02e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:min(720px,94vw);padding:0 11% 0 33%;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.boss-banner.art{background:50%/100% 100% no-repeat;border:0;border-radius:0}.boss-banner:not(.art){aspect-ratio:auto;width:auto;min-width:360px;padding:10px 24px}.boss-banner .bb-t{color:#ffe14a;letter-spacing:2px;white-space:nowrap;-webkit-text-stroke:2px #3a0408;paint-order:stroke fill;text-shadow:0 3px #3a0408,0 0 18px #ff3c1ecc;font-size:clamp(20px,4.4vw,40px);font-weight:900}.boss-banner .bb-s{color:#fff;white-space:nowrap;text-shadow:0 2px #000;font-size:clamp(12px,2vw,18px);font-weight:800}.toast.warn{color:#ffc0b0;background:#78141ebf;font-size:20px}.panel{flex-direction:column;gap:6px;width:min(860px,100vw - 20px);padding:8px 10px;transition:opacity .2s,filter .2s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.panel.dim{opacity:.55;filter:saturate(.5)}.panel.dim button{pointer-events:none}.weapons{justify-content:center;align-items:center;gap:8px;display:flex}.weapons .who{flex-direction:column;justify-content:center;min-width:116px;padding:0 4px;line-height:1.1;display:flex}.weapons .who b{font-size:14px}.weapons .who small{color:var(--muted);font-size:11px}.weapons .slots{flex:0 auto;justify-content:center;align-items:center;gap:8px;display:flex}.slot.pow:not(:disabled){background:linear-gradient(#ff781e59,#ff3c1426);border-color:#ff8a2a;animation:.8s infinite alternate glowp}.slot.pow.sel{border-color:#ffd23a}.slot{background:0 0;border:0;border-radius:50%;place-items:center;width:60px;min-width:60px;height:60px;padding:2px;line-height:1;transition:all .12s;display:grid;position:relative}.slot .ico{object-fit:contain;flex:none;width:52px;height:52px;margin:0;font-size:19px}.slot:not(.has-art) .ico{width:auto;height:auto}.slot.has-art .key{display:none}.slot.has-art .badge{background:#0c0a1cd1;border-radius:10px;min-width:17px;padding:2px 4px;top:auto;bottom:0;right:0}.slot .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.slot .key{color:var(--muted);font-size:10px;font-weight:800;position:absolute;top:4px;left:6px}.slot .badge{color:var(--gold);font-size:10px;font-weight:800;position:absolute;top:4px;right:6px}.slot.sel{filter:drop-shadow(0 0 8px #ffd23acc);transform:translateY(-2px)scale(1.06)}.slot:disabled{opacity:.35}.slot.has-art.pow:not(:disabled){filter:drop-shadow(0 0 9px #ff6a1ae6);animation:none}@keyframes glowp{to{border-color:#ff8a2a;box-shadow:0 0 18px #ff8a2a}}.aimrow{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.angle{background:#0000004d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:54px;display:flex}.angle-num{color:var(--gold);font-size:30px;font-weight:800;line-height:1}.angle .lbl{letter-spacing:2px;margin:0;font-size:10px}.bars{flex-direction:column;gap:6px;display:flex}.power{background:#0006;border:1px solid #ffffff26;border-radius:10px;height:30px;position:relative;overflow:hidden}.power-fill{background:linear-gradient(90deg,#4ee08a,#ffd23a 55%,#ff5a4a);width:0;position:absolute;top:0;bottom:0;left:0}.power i{background:#fff3;width:1px;position:absolute;top:0;bottom:0}.power-last{background:#fff;width:3px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #fff}.power-num{text-shadow:0 1px 3px #000;font-size:18px;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sub{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stamina,.rage{background:#0006;border-radius:7px;height:14px;position:relative;overflow:hidden}.stamina span,.rage span{letter-spacing:1px;text-shadow:0 1px 2px #000;font-size:10.5px;font-weight:800;position:absolute;top:-2px;left:8px}.stamina-fill{background:linear-gradient(90deg,#3aa0ff,#7fe0ff);height:100%}.rage-fill{background:linear-gradient(90deg,#ff6a1a,#ffb02e);height:100%}.rage.full .rage-fill{animation:.4s infinite alternate ragep}@keyframes ragep{to{filter:brightness(1.5)}}.items{grid-template-columns:repeat(6,60px);gap:5px;display:grid}.item{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:50px;padding:3px;line-height:1;display:flex;position:relative}.item .nm{text-overflow:ellipsis;text-align:center;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:9.5px;font-weight:700;line-height:1.05;display:-webkit-box;overflow:hidden}.item .key{color:var(--muted);font-size:10px;font-weight:800;position:absolute;top:3px;left:6px}.item .cnt{color:var(--gold);margin-top:1px;font-size:10px;font-weight:800}.item .sta{color:#9fe0ff;font-size:9px;font-weight:800;position:absolute;top:3px;right:4px}.item.used{background:#4ee08a40}.item:disabled{opacity:.35}.help{width:min(560px,92vw);padding:14px 18px;font-size:15px;line-height:1.45;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help h3{color:var(--gold);margin:0 0 6px}.help p{margin:6px 0}.endscreen{pointer-events:auto;background:#0806148c;place-items:center;display:grid;position:absolute;inset:0}.end-card{text-align:center;width:min(460px,92vw);padding:22px}.end-title{-webkit-text-stroke:3px #1a1030;paint-order:stroke fill;font-size:52px;font-weight:800;line-height:1}.end-card.win .end-title{color:var(--gold)}.end-card.lose .end-title{color:#ff8a7a}.end-sub{color:var(--muted);margin:6px 0 12px;font-weight:700}.end-stats{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.end-stats div{background:#ffffff0f;border-radius:10px;justify-content:space-between;gap:6px;padding:6px 12px;font-weight:600;display:flex}.end-stats span{text-align:left;flex:1;font-weight:800}.end-stats b{color:var(--gold)}.end-btns{justify-content:center;gap:10px;display:flex}.end-btns button{background:#ffffff1a;border-radius:12px;padding:10px 22px;font-size:18px;font-weight:800}.end-btns .primary{background:linear-gradient(#ff7a5a,#e8344a);box-shadow:0 4px #8a1428}.touch{display:none}@media (pointer:coarse){.touch{display:block}.touch button{pointer-events:auto;border:1px solid var(--glass-b);touch-action:none;background:#100e268c;border-radius:14px;width:58px;height:52px;font-size:22px}.touch .pad{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:170px;left:12px}.touch .pad div{gap:46px;display:flex}.touch .fire{background:linear-gradient(#ff7a5a,#e8344a);border-radius:50%;width:96px;height:96px;font-size:22px;font-weight:800;position:absolute;bottom:170px;right:16px}}@media (max-width:820px){.order{display:none}.minimap{width:160px;height:80px}.weapons .who{display:none}.slot{height:44px}.slot .nm{display:none}.aimrow{grid-template-columns:64px 1fr}.items{grid-column:1/-1;grid-template-columns:repeat(6,1fr)}.item{height:44px}.item .nm{font-size:10px}.timer{left:calc(50% + 56px)}.bossbar{top:120px}}.topbar{flex-wrap:wrap;align-items:center;gap:14px;width:min(1180px,100%);display:flex;position:relative}.logo.sm{font-size:40px}.logo.sm span{-webkit-text-stroke:3px #1a1030;text-shadow:0 4px #1a1030}.topbar nav{flex-wrap:wrap;flex:760px;gap:6px;display:flex}.nav{border:1px solid var(--glass-b);background:#100e2680;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:800}.nav.on{color:#2a1400;background:linear-gradient(#ffd23a,#ff9a1e);border-color:#0000;box-shadow:0 3px #a85a00}.wallet{flex-wrap:wrap;gap:8px;font-weight:800;display:flex}.wallet span{border:1px solid var(--glass-b);background:#100e268c;border-radius:999px;padding:5px 10px;font-size:14px}.page{width:min(1180px,100%);position:relative}.sec-title{color:var(--gold);margin-bottom:8px;font-size:15px;font-weight:800}.play-grid{grid-template-columns:300px 1fr;align-items:start;gap:14px;display:grid}.play-grid .menu-card{width:auto}.hero-mini{cursor:pointer;flex-direction:column;align-items:center;padding:10px;display:flex}.prev{width:260px;height:230px}.prev.big{width:100%;height:300px}.hero-meta{flex-direction:column;align-items:center;line-height:1.2;display:flex}.hero-meta b{font-size:20px}.hero-meta small{color:var(--muted)}.hero-meta .link{color:var(--gold)}.diffs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.diff{background:#ffffff0f;border:2px solid #0000;border-radius:10px;padding:8px;font-weight:800}.diff.on.d-easy{border-color:#4ee08a}.diff.on.d-normal{border-color:#4aa3ff}.diff.on.d-hard{border-color:#ff9a1e}.diff.on.d-nightmare{background:#ff28502e;border-color:#ff3a5a}.diff-note{color:#ffe0c8;background:#0003;border-radius:10px;padding:6px 10px;font-size:13px}.hero-page{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.hero-big{flex-direction:column;gap:6px;padding:14px;display:flex}.hero-title{color:var(--gold);font-size:30px;font-weight:800;line-height:1}.hero-desc{color:#e8e0ff}.hero-stats{flex-wrap:wrap;gap:8px;font-weight:800;display:flex}.hero-stats span{background:#00000040;border-radius:999px;padding:3px 10px}.hero-weapons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hw{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:68px;padding:8px;display:grid}.hw.pow{background:linear-gradient(135deg,#ff781e33,#ff3c140f);border-color:#ff8a2aa6}.hw-ico{background:#0003;border-radius:9px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.hw b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.15;display:block;overflow:hidden}.hw small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.2;display:-webkit-box;overflow:hidden}.hint{color:var(--muted);font-size:12px}.class-grid{grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;display:grid}.cls{background:var(--glass);border:2px solid var(--glass-b);border-radius:16px;flex-direction:column;align-items:center;padding:14px 10px;transition:all .15s;display:flex}.cls-ico{font-size:44px;line-height:1.1}.cls b{font-size:17px}.cls small{color:var(--muted)}.cls.on{border-color:var(--gold);background:#ffd23a26;transform:translateY(-2px)}.bag-page,.forge-page{grid-template-columns:1fr 1.2fr;align-items:start;gap:14px;display:grid}.forge-page{grid-template-columns:280px 1fr 300px}.equip,.inv,.anvil,.frags,.shop-sec{padding:12px}.bag-preview{background:radial-gradient(at 50% 85%,#5f82ff3d,#0000 66%);border-radius:14px;width:100%;height:190px;margin:0 auto 8px;overflow:hidden}.bag-preview canvas{display:block;width:100%!important;height:100%!important}.gear{border:2px solid var(--rc,transparent);background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.gear.empty{opacity:.7;border-style:dashed;border-color:#fff3}.gear-ico{background:radial-gradient(circle, color-mix(in srgb, var(--rc,#888) 45%, transparent), #00000040);border-radius:10px;flex:none;place-items:center;width:48px;height:48px;font-size:28px;display:grid;position:relative}.gear-ico .gear-art{object-fit:contain;width:42px;height:42px;display:block}.gear-ico .lvl{color:var(--gold);border:1px solid var(--gold);background:#1a1030;border-radius:6px;padding:0 5px;font-size:12px;position:absolute;bottom:-4px;right:-4px}.gear-info{flex:1;min-width:0}.gear-name{color:var(--rc,#fff);font-weight:800}.gear-rar{color:var(--muted);font-size:12px}.gear-stat{color:#c8ffd8;font-size:12.5px}.gear-act{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.sm{background:linear-gradient(#4aa3ff,#2a6ad0);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:800}.sm.ghost{background:#ffffff1a}.sm:disabled{opacity:.35}.tag{color:var(--gold);font-size:12px;font-weight:800}.total{color:#e8e0ff;margin-top:8px;font-size:14px}.set-bonus{color:#cfc6ee;background:#ffffff0f;border:1px dashed #ffffff2e;border-radius:10px;margin-top:8px;padding:6px 10px;font-size:13px}.set-bonus.on{color:#fff;background:#ffd23a1f;border-style:solid;border-color:#ffd23a8c;font-weight:700}.set-bonus.on.r1{background:#4aa3ff24;border-color:#4aa3ff}.set-bonus.on.r2{background:#b05cff24;border-color:#b05cff}.set-bonus.on.r3{background:#ffa31a29;border-color:#ffa31a;box-shadow:0 0 12px #ffa31a59}.filters{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.bag-classes{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.bag-class{border:2px solid var(--glass-b);background:#00000040;border-radius:50%;flex:none;width:42px;height:42px;padding:0;overflow:hidden}.bag-class.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffd23a33}.bag-class-ava{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.chip{background:#ffffff14;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.chip.on{background:var(--gold);color:#2a1400}.chip:disabled{opacity:.38;cursor:not-allowed}.forge-filters{gap:5px}.forge-filters .chip{padding:4px 9px;font-size:12px}.forge-filters .chip small{opacity:.72;margin-left:3px;font-size:10px}.inv-list{max-height:60vh;padding-right:4px;overflow-y:auto}.empty-note{color:var(--muted);padding:10px}.shop-page{flex-direction:column;gap:14px;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.ware{border:2px solid var(--rc,#ffffff1f);text-align:center;background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px;display:flex}.ware-ico{font-size:34px}.ware b{color:var(--rc,#fff)}.ware small{color:var(--muted);min-height:30px;font-size:12px}.ware-ico{justify-content:center;align-items:center;width:72px;height:72px;display:flex}.ware-ico img.gear-art{object-fit:contain;width:68px;height:68px;display:block}.ware button{color:#2a1400;background:linear-gradient(#ffd23a,#ff9a1e);border-radius:10px;margin-top:4px;padding:6px 14px;font-weight:800}.note{color:var(--muted);margin-top:8px;font-size:13px}.pick{text-align:left;border:1px solid #ffffff14;border-left:3px solid var(--rc);background:#ffffff0d;border-radius:10px;align-items:center;gap:9px;width:100%;margin-bottom:5px;padding:7px 9px;font-weight:700;display:flex}.pick.on{background:linear-gradient(100deg, color-mix(in srgb, var(--rc) 23%, transparent), #ffd23a17);border-color:color-mix(in srgb, var(--rc) 55%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--rc) 17%, transparent)}.pick-ico{background:color-mix(in srgb, var(--rc) 15%, #00000038);border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.pick-ico .gear-art{object-fit:contain;width:34px;height:34px}.pick-label{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pick-label b{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick-label small{color:var(--muted);font-size:11px;font-weight:600}.pick>strong{color:var(--gold);font-size:13px}.anvil{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.anvil-item{text-align:center;background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--rc) 30%, transparent), #0003);border:1px solid color-mix(in srgb, var(--rc) 75%, transparent);border-radius:16px;width:100%;padding:16px;box-shadow:inset 0 1px #ffffff21,0 10px 25px #0000002e}.anvil-ico{filter:drop-shadow(0 5px 8px #00000040);place-items:center;width:84px;height:70px;margin:0 auto 5px;font-size:52px;line-height:1;display:grid}.anvil-ico .gear-art{object-fit:contain;max-width:82px;max-height:68px}.anvil-name{color:var(--rc);font-size:20px;font-weight:800}.forge-levels{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin:9px 0;font-size:13px;display:flex}.forge-levels b{color:#fff;background:#ffffff17;border-radius:8px;margin-left:3px;padding:3px 8px;display:inline-block}.forge-levels span:last-child b{color:#241400;background:linear-gradient(#ffe475,#ffaf2d)}.forge-arrow{color:var(--gold);font-size:20px}.anvil-stat{color:#c8ffd8;margin-top:7px;font-size:13px}.anvil-next{color:#ffe8a0;font-size:14px}.anvil-next b{color:#8affb0}.forge-math{color:var(--muted);margin-top:9px;font-size:11px;display:block}.forge-rate-label,.enh-caption{color:var(--muted);font-size:12px;font-weight:700}.forge-rate-label b{color:var(--gold)}.max-level{text-align:center;color:#ffe475;background:#ffd23a17;border:1px solid #ffd23a4d;border-radius:12px;width:100%;padding:14px;font-weight:800}.odds{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.rate{background:#0006;border-radius:13px;width:100%;height:26px;position:relative;overflow:hidden}.rate:before{content:"";width:var(--p);background:linear-gradient(90deg,#ff5a4a,#ffd23a,#4ee08a);position:absolute;inset:0}.rate span{text-align:center;text-shadow:0 1px 2px #000;font-weight:800;line-height:26px;display:block;position:relative}.cost{font-weight:700}.cost .lack{color:#ff8a7a}.warn{color:#ffb08a;font-size:14px;font-weight:700}.ok{color:#8affb0;font-size:14px}.hammer{transform-origin:70% 80%;background:linear-gradient(#ff7a5a,#e8344a);border-radius:14px;padding:12px 40px;font-size:24px;font-weight:800;box-shadow:0 5px #8a1428}.hammer:disabled{opacity:.6;filter:grayscale(.6);cursor:not-allowed;box-shadow:none}.sparks{pointer-events:none;width:0;height:0;position:absolute;top:34%;left:50%}.sparks i{border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 8px #ffd23a}.enh-table{grid-template-columns:repeat(6,1fr);gap:4px;width:100%;font-size:12px;display:grid}.enh-table span{text-align:center;background:#ffffff0d;border-radius:7px;padding:5px 2px;font-weight:800}.enh-table span b{display:block}.enh-table span i{color:var(--muted);font-style:normal;font-weight:600;display:block}.enh-table span small{color:#d9ccff;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.enh-table span img.ic{width:12px;height:12px}.enh-table span.cur{color:var(--gold);background:#ffd23a40}.enh-caption{align-self:flex-start;margin:4px 0 -4px}.frag{border-left:4px solid var(--rc);background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;display:flex}.frag>div{flex:1}.frag b{color:var(--rc);display:block}.frag small{color:var(--muted);font-size:12px}.frag .bar{background:#00000059;border-radius:6px;height:12px;margin-top:3px;position:relative;overflow:hidden}.frag .bar i{background:var(--rc);position:absolute;inset:0 auto 0 0}.frag .bar span{padding-left:6px;font-size:10px;font-weight:800;position:relative}.menu-toast{z-index:50;border:1px solid var(--gold);color:#fff;background:#100e26eb;border-radius:14px;padding:10px 20px;font-weight:800;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.menu-toast.bad{color:#ffc8c0;border-color:#ff5a4a}.reward{background:linear-gradient(#ffd23a2e,#ffd23a0d);border:1px solid #ffd23a66;border-radius:12px;margin-top:6px;padding:10px}.rw-title{color:var(--gold);letter-spacing:2px;font-size:13px;font-weight:800}.rw-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;font-size:17px;font-weight:800;display:flex}.rw-frag{border:1px solid var(--rc);color:var(--rc);border-radius:999px;padding:2px 8px;font-size:13px}@media (max-width:900px){.play-grid,.hero-page,.bag-page,.forge-page{grid-template-columns:1fr}.hero-mini{flex-direction:row}.prev{width:160px;height:150px}.hero-weapons{grid-template-columns:repeat(2,minmax(0,1fr))}.diffs{grid-template-columns:repeat(2,1fr)}}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:12px;width:min(1180px,100%);display:grid}.gal{grid-template-columns:1fr 1fr;justify-items:center;padding:10px;display:grid}.gal .prev{width:min(170px,100%);height:170px}.gal b,.gal small{grid-column:1/-1}.gal small{color:var(--muted)}.logo-img{object-fit:contain;filter:drop-shadow(0 4px #1a1030cc);width:auto;height:58px}.online-page{flex-direction:column;gap:12px;display:flex}.net-status{color:#e8e0ff;align-items:center;gap:8px;font-weight:700;display:flex}.net-status code{background:#00000059;border-radius:6px;padding:1px 6px}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.on{background:#4ee08a;box-shadow:0 0 8px #4ee08a}.dot.wait{background:#ffd23a;animation:.6s infinite alternate pulse}.dot.off{background:#ff5a4a}.online-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.online-grid .box{padding:12px}.online-grid .wide{grid-column:1/-1}.qbtns{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sm-play{letter-spacing:1px;padding:10px 20px;font-size:18px}.room-row{background:#ffffff0d;border-radius:10px;grid-template-columns:1fr 160px 60px 70px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:grid}.room-row span{color:var(--muted);font-size:14px}.queue{align-items:center;gap:14px;padding:18px;display:flex}.queue small{color:var(--muted);display:block}.spinner{border:4px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room{padding:14px}.teams{grid-template-columns:1fr 1fr;gap:12px;display:grid}.team-col{background:#ffffff0a;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.team-col.t0{border:2px solid #4aa3ff80}.team-col.t1{border:2px solid #ff5a4a80}.team-name{font-weight:800}.pslot{background:#00000040;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.pslot.me{outline:2px solid var(--gold)}.pslot em{color:var(--muted);border:1px solid var(--glass-b);border-radius:6px;padding:0 4px;font-size:11px;font-style:normal}.pslot i{margin-left:auto;font-style:normal}.room-act{align-items:center;gap:10px;margin-top:12px;display:flex}@media (max-width:900px){.online-grid,.teams{grid-template-columns:1fr}}.acct{align-items:center;gap:6px;font-weight:800;display:flex}.acct span{border:1px solid var(--glass-b);background:#100e268c;border-radius:999px;padding:5px 10px;font-size:14px}.guest-note{color:#ffe8c8;background:#ffa0281f;border:1px solid #ffa02859;border-radius:10px;width:min(1180px,100%);padding:6px 12px;font-size:13px;position:relative}.guest-note a{color:var(--gold);font-weight:800}.modal{z-index:40;background:#08061499;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth{flex-direction:column;gap:10px;width:min(380px,100%);padding:18px;display:flex}.auth label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;font-weight:700;display:flex}.auth input{border:1px solid var(--glass-b);color:#fff;background:#00000059;border-radius:10px;padding:9px 10px;font-family:inherit;font-size:16px}.auth-err{color:#ff9a8a;min-height:18px;font-size:14px;font-weight:700}.auth .note{margin:0}.ava{object-fit:cover;border:2px solid var(--glass-b);background:#00000040;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:26px;display:inline-grid}.ava.sm{border-width:1px;width:30px;height:30px;font-size:18px}img.cls-ico{object-fit:contain;width:72px;height:72px;margin:0 auto;display:block}.daily{color:#9be89b;background:#3cc85a1a;border:1px solid #3cc85a59;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700}.daily.low{color:#ffb36b;background:#ff96321a;border-color:#ff963266}.rw-note{color:#ffb36b;margin-top:6px;font-size:13px;font-weight:700}.rw-rating.up{color:#9be89b}.rw-rating.down{color:#ff8a8a}.rank-page{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:16px;display:grid}.rank,.rank-side{flex-direction:column;gap:10px;padding:16px;display:flex}.rank-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rk-list{flex-direction:column;gap:6px;max-height:62vh;padding-right:4px;display:flex;overflow-y:auto}.rk-row{background:#00000038;border-radius:12px;grid-template-columns:44px 44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.rk-row.me{outline:2px solid var(--gold);background:#ffd23a1a}.rk-row.top1{background:linear-gradient(90deg,#ffc82847,#0003)}.rk-row.top2{background:linear-gradient(90deg,#c8d2e638,#0003)}.rk-row.top3{background:linear-gradient(90deg,#d2823c3d,#0003)}.rk-pos{place-items:center;display:grid}.rk-n{color:var(--muted);font-size:18px;font-weight:800}.medal{object-fit:contain;width:40px;height:40px}.medal.emo{width:auto;height:auto;font-size:30px}.rk-name{flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.rk-name b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.rk-honor{letter-spacing:.04em;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:1000;line-height:1.25;display:inline-flex;box-shadow:0 0 12px}.rk-honor.honor-1{color:#ffe37a;text-shadow:0 1px 3px #603500;background:linear-gradient(110deg,#7b3b12,#e8a72d 45%,#fff1a6 52%,#a85b13) 0 0/220% 100%;animation:2.4s linear infinite honor-shine}.rk-honor.honor-2{color:#e5efff;text-shadow:0 1px 3px #31435b;background:linear-gradient(110deg,#465c7c,#b9d5f4 48%,#f8fcff 54%,#708ba9) 0 0/220% 100%}.rk-honor.honor-3{color:#ffd1a0;text-shadow:0 1px 3px #552a16;background:linear-gradient(110deg,#713a24,#d8874e 48%,#ffe1b0 54%,#87462a) 0 0/220% 100%}.rk-honor.honor-top{color:#d9b5ff;background:#682fa44d;box-shadow:0 0 10px #b05cff73}@keyframes honor-shine{to{background-position:-220% 0}}.rk-name small{color:var(--muted);width:100%;font-size:12px}.rk-val{color:var(--muted);white-space:nowrap;font-weight:800}.rk-val.on{color:var(--gold)}.rk-val small{font-weight:600}.rk-gap{text-align:center;color:var(--muted)}.my-rating{align-items:center;gap:10px;display:flex}.my-rating small{color:var(--muted);display:block}.rules{color:var(--muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:14px;display:flex}.rules b{color:#fff}@media (max-width:760px){.rank-page{grid-template-columns:1fr}.rk-row{grid-template-columns:34px 36px minmax(0,1fr) auto;gap:6px}.rk-row .ava{width:36px;height:36px}.rk-row .rk-val:not(.on){display:none}}@media (max-width:1100px){.topbar nav{scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;order:3;padding-bottom:4px;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.nav{white-space:nowrap;flex:none;padding:7px 11px;font-size:14px}}@media (orientation:landscape) and (max-height:520px){.menu{gap:6px;padding:6px 12px 8px}.logo-img{height:32px}.topbar{gap:6px 8px}.wallet{gap:4px}.wallet span,.acct span{padding:3px 8px;font-size:12px}.acct .sm,.topbar>.sm{padding:4px 8px;font-size:12px}.nav{border-radius:10px;padding:5px 10px;font-size:13px}.guest-note{padding:4px 10px;font-size:12px}.foot{display:none}.play-grid{grid-template-columns:170px 1fr;gap:8px}.play-grid .hero-mini{flex-direction:column;padding:6px}.play-grid .prev{width:150px;height:120px}.hero-meta small{font-size:11px}.menu-card{gap:7px;padding:10px}.menu-card .tab{padding:6px;font-size:15px}.setups{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.setup{padding:6px 10px}.setup b{font-size:15px}.setup small{font-size:11px}.map-art{height:34px}.map span{font-size:12px}.maps{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-height:150px}.map-rand .map-art b{font-size:22px}.diffs{grid-template-columns:repeat(4,1fr)}.diff{padding:6px;font-size:13px}.diff-note,.daily,.boss-intro{padding:4px 8px;font-size:11px}.opts{gap:6px 12px;font-size:12px}.menu-card .play{z-index:2;padding:9px;font-size:18px;position:sticky;bottom:0}.rank-page{grid-template-columns:minmax(0,1fr) 240px;gap:8px}.rk-list{max-height:none}.rules{font-size:12px}.prev.big{height:200px}.hud-top{top:4px;left:6px;right:6px}.order{display:none}.turn-banner{font-size:14px}.wind{width:62px;height:62px}.wind-num{margin-top:10px;font-size:15px}.wind-label{font-size:8px;top:11px}.timer{width:34px;height:34px;font-size:15px;top:24px;left:calc(50% + 36px)}.minimap{border-radius:8px;width:120px;height:60px}.sys button{width:30px;height:30px;font-size:14px}.bossbar{width:min(320px,44vw);padding:2px 8px 5px;top:82px}.boss-name{font-size:11px}.boss-track{height:8px}.toast{font-size:18px}.toast.big{font-size:28px}.panel{border-radius:12px;flex-direction:row;align-items:center;gap:6px;width:calc(100vw - 8px);padding:4px 6px;bottom:4px}.weapons .who{display:none}.weapons .slots{gap:3px}.slot{width:44px;min-width:44px;height:44px}.slot .nm{display:none}.slot .ico{width:40px;height:40px;font-size:18px}.slot .key{font-size:9px;top:2px;left:4px}.slot.sel{transform:scale(1.04)}.aimrow{flex:1;grid-template-columns:46px 1fr auto;gap:6px}.angle{border-radius:10px;height:40px}.angle-num{font-size:18px}.angle .lbl{letter-spacing:1px;font-size:8px}.bars{gap:3px}.power{border-radius:7px;height:20px}.power-num{font-size:13px;right:6px}.stamina,.rage{height:10px}.stamina span,.rage span{font-size:8px;top:-2px;left:5px}.items{grid-column:auto;grid-template-columns:repeat(6,38px);gap:4px}.item{border-radius:10px;height:40px;padding:2px}.item .nm{display:none}.item .key{font-size:8px;top:1px;left:3px}.item .cnt{margin-top:8px;font-size:11px}.touch button{border-radius:11px;width:46px;height:40px;font-size:17px}.touch .pad{gap:4px;bottom:58px;left:8px}.touch .pad div{gap:40px}.touch .fire{width:74px;height:74px;font-size:17px;bottom:58px;right:10px}.end-card{max-height:92vh;padding:12px 16px;overflow-y:auto}.end-title{font-size:34px}.end-sub{margin:4px 0 8px}.end-stats{margin-bottom:8px}.end-stats div{padding:3px 10px;font-size:13px}.end-btns button{padding:7px 16px;font-size:15px}.help{max-height:90vh;font-size:13px;overflow-y:auto}}.item .ico{font-size:16px;line-height:1}.item img.ico{object-fit:contain;width:22px;height:22px}@media (orientation:landscape) and (max-height:520px){.item .ico{margin-top:4px;font-size:15px}.item .cnt{margin-top:0}.item img.ico{width:20px;height:20px}}img.ic{object-fit:contain;vertical-align:-.28em;width:1.25em;height:1.25em}.ware-ico img.ic,.ware-ico img.ic-img{vertical-align:middle;width:46px;height:46px}img.ic-img{object-fit:contain;width:72%;height:72%}.art-rarity-0 .r0,.art-rarity-1 .r1,.art-rarity-2 .r2,.art-rarity-3 .r3{background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important;border-color:#0000!important}.art-rarity-0 .r0{background-image:var(--art-rarity-0)!important}.art-rarity-1 .r1{background-image:var(--art-rarity-1)!important}.art-rarity-2 .r2{background-image:var(--art-rarity-2)!important}.art-rarity-3 .r3{background-image:var(--art-rarity-3)!important}.art-avatar-frame .ava{background:var(--art-avatar-frame) center / 100% 100% no-repeat, #00000040;border:0;padding:4px}.art-avatar-frame .ava.sm{padding:2px}.art-slot .slot,.art-slot .item{border-color:#0000;border-image:var(--art-slot) 40 fill / 14px;background:#0000002e}.art-slot .item{background:#100e26b8;border:1px solid #ffffff24;border-image:;border-radius:10px}.art-slot-selected .slot.sel{border-image:var(--art-slot-selected) 40 fill / 14px;background:#ffd23a1f}.art-slot-pow .slot.pow:not(:disabled){border-image:var(--art-slot-pow) 40 fill / 14px}.art-wind-dial .wind{box-shadow:none;isolation:isolate;background:0 0;border:0}.art-wind-dial .wind:before{content:"";z-index:0;pointer-events:none;background:var(--art-wind-dial) center / 100% 100% no-repeat;position:absolute;inset:0 -20%}.art-wind-dial .wind-dial{z-index:1}.art-wind-dial .wind-num,.art-wind-dial .wind-label{z-index:2}.art-wind-dial .dial-bg,.art-wind-dial .ticks{display:none}.art-timer .timer{background:var(--art-timer) center / 100% 100% no-repeat;box-shadow:none;border:0}.art-boss-bar .bossbar{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;padding:0}.art-boss-bar .boss-name{text-shadow:0 2px #000,0 0 8px #000c}.art-boss-bar .boss-track{--h:50px;height:var(--h);border-style:solid;border-color:#0000;border-width:calc(var(--h) * 41 / 96) calc(var(--h) * 115 / 96) calc(var(--h) * 36 / 96) calc(var(--h) * 115 / 96);border-image:var(--art-boss-bar) 41 115 36 115 fill;background:#0009 padding-box padding-box;border-radius:0;overflow:visible}.art-boss-bar .boss-lag,.art-boss-bar .boss-fill{border-radius:2px}@media (orientation:landscape) and (max-height:520px){.art-power-frame .power{--h:30px}.art-power-frame .power-num{font-size:11px}.art-boss-bar .boss-track{--h:32px}}.art-power-frame .power{--h:46px;height:var(--h);border-style:solid;border-color:#0000;border-width:calc(var(--h) * 35 / 96) calc(var(--h) * 85 / 96) calc(var(--h) * 35 / 96) calc(var(--h) * 82 / 96);border-image:var(--art-power-frame) 35 85 35 82 fill;background:#0000008c padding-box padding-box;border-radius:0;overflow:visible}.art-power-frame .power-fill{border-radius:3px}.art-power-frame .power-num{font-size:13px;right:6px}.art-power-frame .power-last{top:-3px;bottom:-3px}.art-ribbon-win .end-card.win .end-title,.art-ribbon-lose .end-card.lose .end-title{background:50%/contain no-repeat;padding:26px 0 30px;font-size:40px}.art-ribbon-win .end-card.win .end-title{background-image:var(--art-ribbon-win)}.art-ribbon-lose .end-card.lose .end-title{background-image:var(--art-ribbon-lose)}.control-icon{object-fit:contain;width:100%;height:100%;display:block}.sys button:has(.control-icon){padding:3px}.touch button:has(.control-icon){padding:4px}.touch .fire:has(.control-icon){padding:8px}.slot.has-art{box-shadow:none;background:0 0!important;border:0!important;border-image:!important}.slot.has-art.sel{filter:drop-shadow(0 0 8px #ffd23acc)}.slot.has-art.pow:not(:disabled){filter:drop-shadow(0 0 9px #ff6a1ae6)}.slot.has-art.pow.sel:not(:disabled){filter:drop-shadow(0 0 11px #ffd23af2)}.slot.has-art:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.art-button-primary .play,.art-button-primary .primary{box-shadow:none;border:12px solid #0000;border-width:12px 22px;border-image:var(--art-button-primary) 40 64 fill / 12px 22px;text-shadow:0 2px #5a1400b3;background:0 0}.art-button-primary .play:active,.art-button-primary .primary:active{filter:brightness(.9)}.art-button-secondary .sm.ghost{border:6px solid #0000;border-width:6px 12px;border-image:var(--art-button-secondary) 40 64 fill / 6px 12px;background:0 0}.art-button-tab .nav{background:var(--art-button-tab) center / 100% 100% no-repeat;border:0}.art-button-tab-on .nav.on{background:var(--art-button-tab-on) center / 100% 100% no-repeat;box-shadow:none;color:#fff;border:0}.confirm{pointer-events:auto;z-index:5;background:#0806148c;place-items:center;display:grid;position:absolute;inset:0}.confirm-card{text-align:center;flex-direction:column;gap:10px;width:min(400px,90vw);padding:18px 20px;display:flex}.confirm-title{color:var(--gold);font-size:26px;font-weight:800}.confirm-msg{color:#e8e2ff;font-size:15px;font-weight:600;line-height:1.4}@media (orientation:landscape) and (max-height:520px){.confirm-card{gap:6px;padding:12px 14px}.confirm-title{font-size:20px}.confirm-msg{font-size:13px}}.modal.gate{background:0 0}.modal.gate .auth{gap:12px}.modal.gate .logo-img{aspect-ratio:2;object-fit:contain;align-self:center;width:min(240px,70%);height:auto}.gate-note{text-align:center;color:var(--muted);font-size:14px}.gate-note b{color:var(--gold)}.auth .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.acct .logout{color:#fff;background:linear-gradient(#ff7a6a,#e0443a);border:1px solid #ffffff59;border-radius:999px;padding:5px 12px;font-weight:800}.acct .logout:hover{filter:brightness(1.1)}.prev canvas{max-width:100%;max-height:100%;display:block}.netq{pointer-events:none;white-space:nowrap;background:#0a081899;border:1px solid #ffffff26;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;position:absolute;top:56px;left:calc(50% + 116px)}.wx-chips{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:260px;margin-top:4px;display:flex}.wx-chip{color:#ffe0c0;white-space:nowrap;background:#280a0aa6;border:1px solid #ffa05073;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.wx-chip img{width:16px;height:16px}@media (max-height:520px) and (orientation:landscape){.wx-chip{padding:1px 5px;font-size:9px}.wx-chip img{width:12px;height:12px}}.netq.ok{color:#7dffa0}.netq.warn{color:#ffd24a}.netq.bad{color:#ff7a6a}@media (orientation:landscape) and (max-height:520px){.netq{font-size:11px;top:40px;left:calc(50% + 96px)}}.netlost{z-index:30;color:#fff;white-space:nowrap;background:#c83228e6;border:1px solid #ffffff4d;border-radius:12px;padding:8px 16px;font-weight:800;animation:1s ease-in-out infinite alternate netpulse;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.netlost.hidden{display:none}@keyframes netpulse{0%{opacity:.75}to{opacity:1}}.room-code{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.room-code b{letter-spacing:4px;color:#ffd76a;background:#00000040;border-radius:8px;padding:2px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.room-code small{flex-basis:100%;font-size:12px}.code-form{align-items:center;gap:8px;display:flex}.code-input{letter-spacing:4px;text-transform:uppercase;color:#fff;background:#00000040;border:1px solid #ffffff2e;border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px}.code-input:focus{outline-offset:1px;outline:2px solid #ffd76a}.rcode{letter-spacing:1px;color:#ffd76a;margin-left:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.item.loot-empty{display:none}.item[data-i=b52],.item[data-i=smoke],.item[data-i=web],.item[data-i=fullheal],.item[data-i=homing],.item[data-i=swap],.item[data-i=vampire],.item[data-i=calm],.item[data-i=ice]{border-color:#ffd23f}.item.loot-new{animation:.4s ease-in-out 6 alternate loot-new}@keyframes loot-new{0%{box-shadow:0 0 #ffd23fe6}to{box-shadow:0 0 14px 4px #ffd23ff2}}.home-link{margin-right:6px;text-decoration:none}.rank-page{grid-template-columns:minmax(300px,1fr) minmax(0,1.5fr);width:min(1180px,100%)}.rank-left{flex-direction:column;gap:12px;min-width:0;display:flex}.rseason{flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 14px;display:flex}.rseason b{font-size:18px}.rseason span{color:var(--muted);font-size:13px}.rcards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.rcard{--tc:#8a8aa8;border-top:4px solid var(--tc);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.rc-mode{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:800}.rc-main{align-items:center;gap:12px;display:flex}.rc-main small{color:var(--muted);display:block}.rc-tier{color:var(--tc);text-shadow:0 2px #0006;font-size:22px}.rc-bar{background:#00000059;border-radius:8px;align-items:center;height:16px;display:flex;position:relative;overflow:hidden}.rc-bar i{background:linear-gradient(90deg, var(--tc), #fff8);border-radius:8px;position:absolute;inset:0 auto 0 0}.rc-bar span{padding-left:8px;font-size:11px;font-weight:800;position:relative}.rc-top{color:var(--gold);font-size:12px;font-weight:700}.rc-stats{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:13px;display:flex}.rc-stats .up{color:#ffb36b}.rc-stats .down{color:#ff8a8a}.rc-peak{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.rc-why{color:var(--muted);text-align:center;font-size:12px}.rcard .sm-play{width:100%}.rcard .sm-play:disabled{filter:grayscale(.8);opacity:.6;cursor:not-allowed}.t-dong{--tc:#c98a5a}.t-bac{--tc:#c9d3e3}.t-vang{--tc:#ffd23a}.t-bach_kim{--tc:#5fe0d0}.t-kim_cuong{--tc:#7ab8ff}.t-cao_thu{--tc:#c77dff}.t-dai_cao_thu{--tc:#ff5a4a}.t-phan_hang{--tc:#9a95b8}.rbadge{background:radial-gradient(circle at 35% 30%, #fff6, transparent 55%), var(--tc);width:44px;height:44px;box-shadow:0 0 0 3px #1a1030, 0 0 0 5px var(--tc), 0 6px 14px #0006;border-radius:50%;flex:none;place-items:center;font-size:24px;display:inline-grid}.rbadge.lg{width:64px;height:64px;font-size:34px}.rbadge.xs{width:18px;height:18px;font-size:11px;box-shadow:0 0 0 1px #1a1030}.rbadge.t-dai_cao_thu{animation:1.6s ease-in-out infinite rb-glow}@keyframes rb-glow{50%{box-shadow:0 0 0 3px #1a1030, 0 0 0 5px var(--tc), 0 0 22px var(--tc)}}.rbadge-img{object-fit:contain;flex:none;width:44px;height:44px}.rbadge-img.lg{width:72px;height:72px}.rbadge-img.xs{width:20px;height:20px}.rtier{color:var(--tc);align-items:center;gap:4px;font-weight:700;display:inline-flex}.rparty{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.rparty .sec-title{align-items:center;gap:6px;display:flex}.rparty .rcode{font-size:18px}.rqueue{padding:12px 14px}.rqueue .slow{color:#ffd76a;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.empty-note.bad{color:#ff8a8a;font-weight:700}.rules-box summary{cursor:pointer;color:var(--gold);padding:4px 0;font-weight:800}.rules-box[open] summary{margin-bottom:6px}.rank-res .rr-main{align-items:center;gap:12px}.rank-res .rr-main b{font-size:18px;display:block}.rr-promo{text-align:center;font-size:18px;font-weight:800;animation:.8s ease-out rr-pop}.rr-promo.up{color:var(--gold)}.rr-promo.down{color:#ff8a8a}@keyframes rr-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}}@media (max-width:760px){.rank-page{grid-template-columns:1fr}}.install-btn{font-weight:800;color:#5a2a00!important;background:linear-gradient(#ffd23f,#ff9a1f)!important;border:2px solid #fff!important}.install-guide .auth{max-width:380px}.install-guide .ig-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.install-guide .ig-head img{border-radius:14px;width:52px;height:52px;box-shadow:0 3px #00000040}.install-guide .ig-head h3{margin:0;font-size:20px}.install-guide ol{text-align:left;gap:8px;margin:6px 0 14px;padding-left:22px;font-weight:600;line-height:1.4;display:grid}.set-title{text-align:center;color:#ffd23f;text-shadow:0 3px #b4501a;margin:26px 0 2px;font-size:28px}.set-sub{text-align:center;opacity:.85;margin:0 0 14px;font-weight:600}.sets{gap:14px;width:min(1180px,100%);margin:0 auto 30px;display:grid}.set-row{border-radius:18px;padding:12px 14px}.set-row>b{font-size:18px}.set-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.set-cell{text-align:center;background:radial-gradient(circle at 50% 40%,#ffffff2e,#ffffff0a 70%);border:2px solid #ffffff26;border-radius:16px;margin:0;padding:6px 6px 8px}.set-cell.r1{border-color:#5ab4ff}.set-cell.r2{border-color:#b77bff}.set-cell.r3{border-color:#ffc93c;box-shadow:0 0 18px #ffc93c59}.set-cell img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.set-cell figcaption{margin-top:2px;font-size:13px;font-weight:800}.set-miss{aspect-ratio:1;opacity:.6;place-items:center;font-weight:700;display:grid}@media (max-width:640px){.set-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}.art-lobby-bg .menu{background:linear-gradient(180deg, #0e0a2800 40%, #0e0a2847), var(--art-lobby-bg) center / cover no-repeat}.art-lobby-bg .menu .menu-bg{display:none}.art-login-bg .menu:has(.modal.gate){background:var(--art-login-bg) center / cover no-repeat}.art-angle-badge .angle{background:var(--art-angle-badge) center / contain no-repeat;border-radius:0}.art-angle-badge .angle-num{text-shadow:0 2px #3a1a00,0 0 6px #0009;font-size:22px}.art-angle-badge .angle .lbl{display:none}.control-icon{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.fire{position:relative}.fire .ci-pressed{opacity:0;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.fire.held .ci-pressed,.fire:active .ci-pressed{opacity:1}.fire.held .ci-normal,.fire:active .ci-normal{opacity:0}.frag-ico .ic{width:30px;height:30px}.art-rage-full .rage.full:after{content:"";background:var(--art-rage-full) center / contain no-repeat;width:14px;height:100%;animation:.4s infinite alternate ragep;position:absolute;top:0;right:4px}.rank-cells{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.topbar .nav{box-shadow:none;color:#fff;text-shadow:0 2px #140a28d9,0 0 8px #0000008c;background:0 0;border:0;padding:6px 10px;font-size:18px;position:relative}.topbar .nav:hover{color:#ffe680}.topbar .nav.on{box-shadow:none;color:#ffd23a;background:0 0}.topbar .nav.on:after{content:"";background:#ffd23a;border-radius:2px;height:3px;position:absolute;bottom:0;left:14%;right:14%;box-shadow:0 0 8px #ffd23ae6}@media (max-width:900px){.topbar .nav{padding:5px 8px;font-size:15px}}.power{background:linear-gradient(#1a1030,#2a1d48 55%,#140c26);border:3px solid #f2b632;border-radius:999px;height:30px;margin-right:34px;overflow:visible;box-shadow:0 0 0 2px #5a2e0a,inset 0 3px 6px #000000a6,0 3px #00000059}.power-fill{background:linear-gradient(90deg,#39d97a 0%,#a8e83a 35%,#ffd23a 60%,#ff8a1e 82%,#ff4a3a 100%);background-size:calc(100% * 100 / max(1, var(--pw,100))) 100%;border-radius:999px;transition:width 40ms linear;top:0;bottom:0;left:0;overflow:hidden;box-shadow:inset 0 -4px 6px #00000040}.power-fill:before{content:"";background:linear-gradient(#ffffff8c,#fff0);border-radius:999px;height:35%;position:absolute;top:3px;left:6px;right:6px}.power.charging .power-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40px;animation:.7s linear infinite power-shine;position:absolute;top:0;bottom:0;left:-40px}@keyframes power-shine{to{left:100%}}.power i{z-index:1;background:#ffffff47;border-radius:1px;width:2px;margin-left:-1px;top:4px;bottom:4px}.power i b{color:#ffe9a8;text-shadow:0 1px 2px #000;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.power-zone{z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,#ffd23a61 0 4px,#ffd23a1f 4px 8px);border-radius:0 999px 999px 0;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 2px 0 #ffd23a}.power.super{box-shadow:0 0 0 2px #5a2e0a,inset 0 3px 6px #000000a6,0 0 16px 3px #ffd23ad9}.power.super .power-zone{background:#fff0a08c;animation:.25s infinite alternate ragep}.power-last{width:0;height:0;box-shadow:none;z-index:2;filter:drop-shadow(0 0 3px #fff);background:0 0;border-top:8px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;margin-left:-6px;top:-9px;bottom:auto}.power-num{z-index:3;color:#3a1600;width:38px;height:38px;text-shadow:none;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffb52e 55%,#c2620a);border:2px solid #5a2e0a;border-radius:50%;place-items:center;font-size:15px;display:grid;top:50%;right:-40px;transform:translateY(-50%);box-shadow:0 2px #0006}.power.super .power-num{background:radial-gradient(circle at 35% 30%,#fff,#ffe14a 50%,#ff7a1a)}@media (orientation:landscape) and (max-height:520px){.power{border-width:2px;height:20px;margin-right:26px}.power i b{display:none}.power-num{width:28px;height:28px;font-size:11px;right:-30px}}.item{background:radial-gradient(circle at 50% 40%,#ffffff1f,#ffffff08 70%);padding:2px;overflow:visible}.item img.ico{filter:drop-shadow(0 2px 2px #00000080);width:34px;height:34px}.item .key{color:#fff;background:#0000008c;border-radius:4px;padding:0 3px;font-size:9px;line-height:13px;top:auto;bottom:2px;left:3px}.item .sta{color:#bff0ff;background:#123a5a;border:1px solid #5fc8ff;border-radius:999px;padding:1px 4px;font-size:8.5px;line-height:11px;top:-6px;right:-4px}.item .cnt{background:#0000008c;border-radius:999px;margin:0;padding:0 4px;font-size:10px;line-height:13px;position:absolute;bottom:2px;right:2px}.item .cnt:empty{display:none}@media (orientation:landscape) and (max-height:520px){.item img.ico{width:26px;height:26px;margin-top:0}.item .sta{display:none}}.boss-intro{align-items:flex-start;gap:12px;display:flex}.boss-intro p{margin:4px 0 0;font-size:13px;line-height:1.35}.boss-intro small{color:#ffb8a0}.boss-card-img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex:none;width:160px;box-shadow:0 3px 10px #0006}.boss-ava{object-fit:cover;background:#00000040;border-radius:50%;flex:none;width:64px;height:64px}.boss-ava.emo{place-items:center;font-size:40px;display:grid}.boss-mushqueen{color:#e0ffd8;background:#78dc5a1a;border-color:#8ce66e59}.boss-octopus{color:#dce8ff;background:#5a8ce61f;border-color:#6ea0f059}.boss-thunderbird{color:#e6e0ff;background:#8c6eff24;border-color:#a08cff66}.diff small{opacity:.8;margin-top:2px;font-size:10.5px;font-weight:700;display:block}@media (max-width:560px){.boss-card-img{width:110px}}.base-box{background:#ffd23a14;border:1px solid #ffd23a4d;border-radius:12px;margin-top:10px;padding:10px 12px}.base-head b{color:var(--gold);font-size:16px}.base-head small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.base-bar{background:#00000059;border-radius:8px;height:16px;margin:8px 0 6px;position:relative;overflow:hidden}.base-bar i{background:linear-gradient(90deg,#ffb52e,#ffe14a);position:absolute;inset:0 auto 0 0}.base-bar span{text-shadow:0 1px 2px #000;padding-left:8px;font-size:11px;font-weight:800;line-height:16px;position:relative}.base-pts{margin-bottom:6px;font-size:14px}.base-pts b{color:#7aff8a;font-size:16px}.base-stats{gap:4px;margin-bottom:6px;display:grid}.base-row{grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;font-size:13px;display:grid}.base-row b{color:#fff}.base-row small{color:var(--muted);text-align:right;min-width:34px}.base-row .sm{padding:2px 10px}.rw-base.up{color:#ffe14a}.rw-base.down{color:#ff9a8a}.campaign{background:linear-gradient(160deg,#2a3a6a,#1a2040) 50%/cover no-repeat;border-radius:14px;margin-bottom:8px;padding:8px 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd27859,0 4px 14px #00000059}.campaign:before{content:"";pointer-events:none;background:linear-gradient(#0a081e73,#0a081e26 40%,#0a081e8c);position:absolute;inset:0}.campaign>*{position:relative}.cp-head{color:#fff;text-shadow:0 2px #000;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.cp-head span{color:#ffe14a;align-items:center;gap:4px;font-weight:800;display:inline-flex}.cp-stages{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cp-stage{all:unset;cursor:pointer;background:#0c0a2299;border:2px solid #ffffff24;border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:4px 4px 6px;transition:transform .15s,border-color .15s;display:flex}.cp-stage:hover{transform:translateY(-2px)}.cp-stage.on{background:#3c1e0ab3;border-color:#ffd23f;box-shadow:0 0 0 2px #ffd23f59,0 0 16px #ffb42880}.cp-stage.locked{cursor:not-allowed}.cp-stage.locked .cp-card{filter:grayscale(.9)brightness(.45)}.cp-pic{aspect-ratio:16/9;background:#0000004d;border-radius:9px;width:100%;position:relative;overflow:hidden}.cp-card{object-fit:cover;width:100%;height:100%;display:block}.cp-card.ava{object-fit:contain}.cp-card.emo{place-items:center;font-size:34px;display:grid}.cp-lock{color:#fff;text-shadow:0 2px #000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.cp-lock img{filter:drop-shadow(0 3px 4px #0009);width:38%;max-width:54px}.cp-lock b{font-size:28px}.cp-lock small{font-size:11px;font-weight:700}.cp-name{text-align:center;width:100%;min-width:0;line-height:1.15}.cp-name small{color:#ffd0a0;font-size:10px;display:block}.cp-name b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.stars{gap:1px;display:inline-flex}.stars img{width:18px;height:18px}.stars .st{color:#6a6a7a;font-size:15px;line-height:1}.stars .st.on{color:#ffd23f}.stars.one img{width:16px;height:16px}.stars.big img{width:28px;height:28px}.stars.big .st{font-size:24px}.cp-rule{color:#ffe8c8;text-align:center;text-shadow:0 1px #000;margin-top:6px;font-size:11px}.rw-boss{align-items:center;gap:8px}@media (max-width:560px){.cp-stages{grid-template-columns:repeat(2,1fr)}}@media (max-height:520px) and (orientation:landscape){.campaign{margin-bottom:4px;padding:5px 6px}.cp-head{margin-bottom:3px;font-size:12px}.cp-rule{display:none}.cp-stages{gap:5px}.stars img{width:13px;height:13px}.cp-name b{font-size:10px}.cp-name small{display:none}}.chat-log{pointer-events:none;z-index:5;flex-direction:column;gap:3px;width:min(360px,70vw);display:flex;position:absolute;bottom:190px;left:12px}.chat-row{color:#fff;text-shadow:0 1px #000;word-break:break-word;background:#0806189e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 8px;font-size:13px;line-height:1.3;transition:opacity 1.2s;display:flex}.chat-row b{color:#ffd23f}.chat-row.team b{color:#7dffa0}.chat-row i{color:#7dffa0;font-style:normal;font-weight:800}.chat-row.mine b{color:#9ad8ff}.chat-row.old{opacity:0}.chat-bar{z-index:7;gap:6px;width:min(520px,92vw);display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.chat-bar input{border:2px solid var(--gold);color:#fff;background:#0a081ee6;border-radius:12px;flex:1;min-width:0;padding:9px 12px;font-size:15px}.chat-bar button{background:var(--glass);border:1px solid var(--glass-b);color:#fff;border-radius:12px;padding:0 12px;font-weight:800}.chat-bar .chat-team.team{background:#1e6a3a}.emote-pick{border:1px solid var(--glass-b);z-index:7;background:#0a081ee0;border-radius:14px;grid-template-columns:repeat(4,46px);gap:6px;padding:8px;display:grid;position:absolute;top:112px;right:12px}.emote-pick button{background:#ffffff0f;border:1px solid #0000;border-radius:12px;width:46px;height:46px;font-size:26px}.emote-pick button:hover{border-color:var(--gold);transform:scale(1.08)}.emote-pick img{width:38px;height:38px}@media (max-height:520px) and (orientation:landscape){.chat-log,.chat-bar{bottom:120px}.chat-row{font-size:11px}.emote-pick{grid-template-columns:repeat(6,38px);top:70px}.emote-pick button{width:38px;height:38px;font-size:20px}}.nav{position:relative}.nav-dot{color:#fff;text-align:center;background:#ff3b30;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:900;line-height:16px;position:absolute;top:-4px;right:-6px;box-shadow:0 0 0 2px #1a1030}.acct-name{align-items:center;gap:5px;display:inline-flex}.gb{width:var(--gs);height:var(--gs);background:var(--gc);box-shadow:0 0 0 2px var(--gr), 0 0 0 3px var(--gr2);vertical-align:middle;border-radius:50%;flex:none;place-items:center;margin-right:4px;display:inline-grid;position:relative}.gb i{font-style:normal;font-size:calc(var(--gs) * .62);line-height:1}.gb img{object-fit:contain;width:92%;height:92%}.gb .gb-fr{width:156%;height:156%;position:absolute;inset:-28%}.gb.art{box-shadow:none}.gb-chu:not(.art){box-shadow:0 0 0 2.5px var(--gr), 0 0 0 4px var(--gr2), 0 0 8px 2px #ffc83c8c}.gb-chu:not(.art):before{content:"👑";top:calc(var(--gs) * -.62);font-size:calc(var(--gs) * .5);filter:drop-shadow(0 1px 1px #000);line-height:1;position:absolute}.gb-pho:not(.art){box-shadow:0 0 0 2px var(--gr), 0 0 0 3.5px var(--gr2), 0 0 6px 1px #aa78ff80}.gb-lao:not(.art){box-shadow:0 0 0 2px var(--gr), 0 0 0 3px var(--gr2), 0 0 5px #5ae0c873}.gb-name{margin-right:6px}.gl{width:var(--gs);height:var(--gs);background:var(--gc);border:calc(var(--gs) * .07) solid #8a5a32;border-radius:22%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff40,0 3px 8px #0006}.gl i{font-style:normal;font-size:calc(var(--gs) * .58);line-height:1}.gl img{object-fit:contain;width:88%;height:88%}.gl{position:relative}.gl .gl-fr{width:124%;height:124%;position:absolute;inset:-12%}.gl.art{border-color:#0000}.gl-bac{border-color:#c8d0e0}.gl-vang{border-color:#ffc23a;box-shadow:inset 0 0 0 2px #ffffff4d,0 0 12px #ffbe2899}.gl-kc{border-color:#8ae8ff;box-shadow:inset 0 0 0 2px #fff6,0 0 16px #78dcffcc}.soc-loading{text-align:center;padding:30px}.soc-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.soc-col{flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.soc-col .sec-title small{opacity:.7;margin-left:6px;font-weight:600}.soc-search,.soc-send{gap:6px;display:flex}.soc-search input,.soc-send input,.g-create input,.g-edit textarea{border:1px solid var(--glass-b);color:#fff;background:#0000004d;border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:14px}.g-edit textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:64px}.soc-list,.g-members,.g-list{flex-direction:column;gap:4px;max-height:340px;display:flex;overflow-y:auto}.soc-row,.g-row{background:#ffffff0d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.soc-row.on{box-shadow:inset 0 0 0 1px var(--gold);background:#ffd23f24}.soc-row small,.g-row small{opacity:.75;font-size:12px}.soc-row .sp,.g-row .sp{flex:1}.soc-row button .dot{background:#ff3b30;border-radius:999px;margin-left:3px;padding:0 5px;font-size:10px;font-style:normal}.st{font-size:11px;font-weight:800}.st.on{color:#7dffa0}.st.playing{color:#ffd24a}.st.off{color:#9a9ab0;font-weight:600}.tag{background:#ffffff1a;border-radius:999px;padding:2px 7px;font-size:11px}.tag.ok{background:#1e6a3a}.sm.ok{color:#fff;background:#2a8a4a}.sm.bad{color:#fff;background:#8a2a2a}.dm .dm-msgs,.dm .gc-msgs{flex-direction:column;flex:1;gap:6px;min-height:260px;max-height:420px;padding:4px;display:flex;overflow-y:auto}.msg{word-break:break-word;background:#ffffff17;border-radius:12px 12px 12px 4px;align-self:flex-start;max-width:85%;padding:6px 10px;font-size:14px}.msg.me{background:#3c8cff59;border-radius:12px 12px 4px;align-self:flex-end}.msg small{opacity:.6;margin-top:2px;font-size:10px;display:block}.empty-note.big{text-align:center;padding:40px 10px;line-height:1.5}.role{background:#ffffff14;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:800}.r-chu{color:#ffd23f}.r-pho{color:#c8a8ff}.r-lao{color:#6ae8d0}.r-tv{color:#c8c8d8}.g-head{align-items:center;gap:12px;display:flex}.g-head-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.g-name{font-size:20px;font-weight:900}.g-lv{color:#3a1a00;background:linear-gradient(#ffd23f,#e89a1a);border-radius:999px;margin-left:4px;padding:2px 8px;font-size:13px}.g-exp{background:#0006;border-radius:999px;height:14px;position:relative;overflow:hidden}.g-exp i{background:linear-gradient(90deg,#6ad04a,#ffd23f);position:absolute;inset:0 auto 0 0}.g-exp span{text-align:center;text-shadow:0 1px #000;font-size:10px;font-weight:800;line-height:14px;display:block;position:relative}.g-me{align-items:center;gap:6px;font-size:13px;display:flex}.g-notice{border-left:3px solid var(--gold);white-space:pre-wrap;background:#ffd23f14;border-radius:10px;margin:0;padding:8px 10px;font-size:13px}.g-actions{flex-wrap:wrap;gap:6px;display:flex}.g-hint{opacity:.65;font-size:11px}.g-cool{background:#ff783c26;border-radius:10px;padding:8px 10px;font-size:13px}.g-create{flex-direction:column;gap:8px;display:flex}.g-preview{align-items:center;gap:12px;display:flex}.g-preview b{font-size:18px}.g-preview small{opacity:.7;display:block}.g-logos{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.g-logos button{background:#ffffff0d;border:2px solid #0000;border-radius:10px;place-items:center;padding:3px;display:grid}.g-logos button.on{border-color:var(--gold)}.g-colors{flex-wrap:wrap;gap:6px;display:flex}.g-colors button{border:3px solid #fff3;border-radius:50%;width:28px;height:28px}.g-colors button.on{box-shadow:0 0 0 2px var(--gold);border-color:#fff}.g-rank{color:#ffd23f;min-width:28px;margin-right:2px;font-weight:900}.g-meta{flex-direction:column;min-width:0;display:flex}.g-members select{color:#fff;border:1px solid var(--glass-b);background:#0006;border-radius:8px;padding:3px 4px;font-size:12px}.g-log,.g-ranklist{font-size:12px}.g-log summary,.g-ranklist summary{cursor:pointer;font-size:13px;font-weight:800}.g-log>div{border-bottom:1px solid #ffffff0f;padding:3px 0}.g-view-modal{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.g-view{flex-direction:column;gap:10px;width:min(560px,100%);max-height:86vh;padding:16px;display:flex;position:relative;overflow-y:auto}.g-close{position:absolute;top:10px;right:10px}@media (max-width:760px){.soc-grid{grid-template-columns:1fr}.g-logos{grid-template-columns:repeat(6,1fr)}}@media (max-height:520px) and (orientation:landscape){.soc-list,.g-members,.g-list{max-height:180px}.dm .dm-msgs,.dm .gc-msgs{min-height:140px;max-height:200px}}.me-tag{justify-content:center;align-items:center;gap:4px;display:flex}.me-name{color:#fff;text-shadow:0 2px #000;font-size:17px}.me-sub{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:4px;display:flex}.id-chip{color:#ffe07a;cursor:copy;background:#0006;border:1px solid #ffd23f8c;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.id-chip:hover{background:#ffd23f33}.me-guild{color:#ffd8a8;font-size:12px}.pid{opacity:.55;font-size:11px;font-weight:700}.my-id{font-size:12px}.my-id b{color:#ffe07a}.sec-title .sp{flex:1}.soc-col .sec-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rk-nm{align-items:center;gap:3px;min-width:0;display:inline-flex}.top-page{width:100%;max-width:980px;margin:0 auto}.top-page .tabs{flex-wrap:wrap}.top-page .rk-row .gl{margin-right:4px}.rk-nm{flex:none;max-width:100%}.rk-nm b{text-overflow:clip;white-space:nowrap;max-width:none;overflow:visible}.rk-name{flex:auto}.top-page .tabs{flex-wrap:wrap;grid-template-columns:none;gap:6px;display:flex}.top-page .tabs .tab{flex:none;width:auto;min-width:0;padding:7px 14px;font-size:14px}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@property --fp{syntax:"<number>";inherits:true;initial-value:0}.enh{isolation:isolate;position:relative}.enh:before{content:"";border-radius:inherit;z-index:2;pointer-events:none;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.enh.e1:before{opacity:.75;background:linear-gradient(135deg,#e8eef6,#8f9bb0 50%,#e8eef6)}.enh.e2:before{background:conic-gradient(from var(--ang), transparent 0 55%, #4ee08a 75%, #c9ffdd 82%, transparent 92%);animation:3.2s linear infinite enh-spin}.enh.e3:before{background:conic-gradient(from var(--ang), transparent 0 50%, #4aa3ff 72%, #d6ecff 80%, transparent 92%);animation:2.2s linear infinite enh-spin}.enh.e4:before{background:conic-gradient(from var(--ang), transparent 0 35%, #b45cff 60%, #f0d6ff 70%, transparent 80%, #b45cff 92%, transparent);animation:1.7s linear infinite enh-spin}.enh.e4{box-shadow:0 0 14px #b45cff8c}.enh.e5:before{background:conic-gradient(from var(--ang), #ffd23a, transparent 18%, transparent 32%, #ff5a4a 50%, transparent 68%, transparent 82%, #ffd23a);padding:3px;animation:1.3s linear infinite enh-spin}.enh.e5{animation:1.6s ease-in-out infinite enh-pulse}@keyframes enh-spin{to{--ang:360deg}}@keyframes enh-pulse{0%,to{box-shadow:0 0 10px #ffbe3c73}50%{box-shadow:0 0 22px #ff783cd9}}.enh-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.enh-legend .enh{background:#ffffff0f;border-radius:4px;width:14px;height:14px;margin-left:6px;display:inline-block}.pick-ico.enh,.gear-ico.enh{border-radius:9px}.forge-stage{text-align:center;background:radial-gradient(ellipse at 50% 108%, #ff782861, transparent 55%), radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--rc) 26%, transparent), #0a081a8c);border:1px solid color-mix(in srgb, var(--rc) 60%, transparent);border-radius:18px;width:100%;padding:18px 14px 14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #00000040}.forge-glow{filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#ff96328c,#0000);border-radius:50%;width:260px;height:140px;animation:2.4s ease-in-out infinite forge-fire;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}@keyframes forge-fire{0%,to{opacity:.55;transform:translate(-50%)scale(1)}50%{opacity:.9;transform:translate(-50%)scale(1.08)}}.forge-stage .anvil-ico{background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rc) 30%, #ffffff0f), #00000040);border-radius:22px;place-items:center;width:104px;height:104px;margin:0 auto 8px;font-size:58px;display:grid;position:relative}.forge-stage .anvil-ico .gear-art{max-width:86px;max-height:86px}.forge-stage .anvil-ico .lvl{z-index:3;color:#241400;background:linear-gradient(#ffe475,#ffaf2d);border-radius:999px;padding:2px 8px;font-size:14px;position:absolute;bottom:-6px;right:-8px;box-shadow:0 2px 6px #0006}.anvil-rar{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700}.anvil-rar .worn{color:#8affb0}.forge-levels{gap:12px;margin:10px 0 8px}.forge-levels .lv-now,.forge-levels .lv-next{border-radius:10px;place-items:center;min-width:54px;height:34px;padding:0 10px;font-size:18px;font-weight:800;display:grid}.forge-levels .lv-now{color:#fff;background:#ffffff14}.forge-levels .lv-next{color:#241400;background:linear-gradient(#ffe475,#ffaf2d)}.fs-table{gap:4px;max-width:300px;margin:4px auto 0;display:grid}.fs-row{background:#00000038;border-radius:8px;grid-template-columns:1fr auto 14px auto;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:grid}.fs-row span{text-align:left;color:var(--muted);font-weight:700}.fs-row b{color:#fff}.fs-row i{color:var(--muted);font-style:normal}.fs-row b.up{color:#8affb0}.fs-row em{color:#4ee08a;margin-left:4px;font-size:11px;font-style:normal}.gauge{--c:color-mix(in srgb, #ff5a4a calc(100% - var(--p) * 1%), #4ee08a);background:conic-gradient(var(--c) calc(var(--p) * 1%), #ffffff14 0);width:108px;height:108px;box-shadow:0 0 18px color-mix(in srgb, var(--c) 35%, transparent);border-radius:50%;place-items:center;display:grid}.gauge>div{text-align:center;background:#17112e;border-radius:50%;place-content:center;width:86px;height:86px;display:grid}.gauge b{color:#fff;font-size:24px;line-height:1}.gauge small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:700}.cost-chips{justify-content:center;gap:8px;display:flex}.cost-chips span{background:#0000004d;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-weight:800}.cost-chips span small{color:var(--muted);font-weight:700}.cost-chips span.lack{color:#ffb0a8;border-color:#ff5a4a}.charm-chk{justify-content:center;font-size:13px}.hammer{letter-spacing:.5px;background:linear-gradient(#ffb347,#ff6a2b 55%,#e8344a);width:100%;max-width:300px;padding:13px 18px;font-size:21px;position:relative;overflow:hidden;box-shadow:0 5px #8a1428,0 0 18px #ff6e2873}.hammer:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:2.8s ease-in-out infinite hammer-shine;position:absolute;inset:0;transform:translate(-120%)}.hammer:disabled:after{display:none}.hammer>span{z-index:1;position:relative}@keyframes hammer-shine{60%,to{transform:translate(120%)}}.forge-fx{pointer-events:none;z-index:4;position:absolute;inset:0}.ffx-ring{opacity:0;background:conic-gradient(#ffb347 calc(var(--fp) * 1%), #ffffff1a 0);border-radius:50%;width:128px;height:128px;margin-left:-64px;transition:opacity .2s;position:absolute;top:6px;left:50%;-webkit-mask:radial-gradient(closest-side,#0000 88%,#000 90%);mask:radial-gradient(closest-side,#0000 88%,#000 90%)}.forging .ffx-ring{opacity:1}.forging .anvil-ico{box-shadow:0 0 26px #ff8c28cc}.forging .forge-glow{opacity:1;animation-duration:.5s}.ffx-flash{opacity:0;background:radial-gradient(circle at 50% 35%,#fff6c8,#ffd23a66 40%,#0000 70%);position:absolute;inset:0}.ffx-banner{opacity:0;white-space:nowrap;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 26px;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%)}.ffx-banner b{letter-spacing:1px;font-size:30px}.ffx-banner span{font-size:15px;font-weight:800}.win .ffx-banner{color:#3a1c00;background:linear-gradient(#ffe26ef2,#ffa028f2);box-shadow:0 0 40px #ffc83ccc}.fail .ffx-banner{color:#e6e6f0;background:linear-gradient(#5a5a6ef2,#28283af2);box-shadow:0 0 24px #0009}.fail .anvil-ico{filter:grayscale(.7)brightness(.8)}.forge-stage .sparks{top:70px;left:50%}@media (prefers-reduced-motion:reduce){.enh:before,.enh,.forge-glow,.hammer:after{animation:none!important}}.art-forge-bg .forge-stage{background:linear-gradient(#0a061859, #0a06188c), var(--art-forge-bg) center / cover no-repeat}.art-forge-anvil .forge-stage:after{content:"";background:var(--art-forge-anvil) center / contain no-repeat;pointer-events:none;z-index:0;width:190px;height:95px;position:absolute;top:104px;left:50%;transform:translate(-50%)}.art-forge-anvil .forge-stage>:not(.forge-glow){z-index:1;position:relative}.art-forge-anvil .forge-stage>.forge-fx{position:absolute}.art-forge-hammer .hammer>span:before{content:"";vertical-align:-5px;background:var(--art-forge-hammer) center / contain no-repeat;width:26px;height:26px;margin-right:6px;display:inline-block}.art-forge-banner-win .win .ffx-banner{background:var(--art-forge-banner-win) center / 100% 100% no-repeat;box-shadow:none;padding:18px 60px}.art-forge-banner-fail .fail .ffx-banner{background:var(--art-forge-banner-fail) center / 100% 100% no-repeat;box-shadow:none;padding:18px 60px}.touch .pad{grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,54px);gap:4px;display:grid}.touch .pad button{aspect-ratio:1;place-items:center;width:100%;height:100%;padding:5px;display:grid}.touch .fire{aspect-ratio:1;place-items:center;display:grid}.touch .control-icon{object-fit:contain;aspect-ratio:1;width:100%;height:100%}.touch .pad div{display:contents}.touch .pad [data-k=up]{grid-area:1/2}.touch .pad [data-k=left]{grid-area:2/1}.touch .pad [data-k=right]{grid-area:2/3}.touch .pad [data-k=down]{grid-area:3/2}.touch .pad button,.touch .fire{transition:transform 80ms,filter 80ms}.touch .pad button.held{filter:brightness(1.25);transform:scale(.92)}.touch .fire.held{transform:scale(.95)}@media (orientation:landscape) and (max-height:520px){.touch .pad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);gap:3px}}.wallet .art-dl{color:#9fd3ff;border-color:#78beff59;font-size:12px}.wallet .art-dl.ok{color:#8affb0;border-color:#78ffaa59}