.pwa-update{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:60;border:2px solid var(--color-outline);background-color:var(--color-panel);background-image:linear-gradient(180deg, #eef3ec1a 0%, #0b111040 100%), var(--tex-stone);width:max-content;max-width:calc(100% - 24px);box-shadow:0 4px 0 var(--color-outline), inset 0 0 0 1.5px #c9d6cf2e;background-size:100% 100%,256px 256px;border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 14px;animation:.32s cubic-bezier(.2,1.4,.4,1) both pwa-update-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pwa-update-text{color:var(--color-cream);white-space:nowrap;text-shadow:0 1px 0 var(--color-outline);font-size:14px;font-weight:800;line-height:1.2}.pwa-update-btn{white-space:nowrap;border-radius:9px;flex:none;padding:5px 12px;font-size:14px}.pwa-update-btn:disabled{filter:saturate(.5)brightness(.85)}@keyframes pwa-update-in{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.pwa-update{animation:none}}.toast-stack{inset-inline:0;z-index:40;pointer-events:none;flex-direction:column;align-items:center;padding:0 12px;display:flex;position:absolute;bottom:50%}:root:has(.pw-toast:not(.is-out)) .toast-stack{bottom:auto;top:calc(var(--pw-toast-bottom,58%) + 8px)}.toast-slot{grid-template-rows:1fr;justify-items:center;width:100%;animation:.18s ease-out both toast-in;display:grid}.toast-slot>.toast{min-height:0}.toast-slot.is-out{animation:.38s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.toast{text-align:center;max-width:100%;color:var(--color-cream);text-shadow:0 1px 0 var(--color-outline);background:linear-gradient(90deg,#0e141300,#0e1413e6 14%,#0e1413f0 50%,#0e1413e6 86%,#0e141300);margin:3px 0;padding:.36rem 2.4rem;font-size:15px;font-weight:800;line-height:1.3;animation:.18s ease-out both toast-ink;position:relative;overflow:hidden}.toast:before,.toast:after{content:"";background:linear-gradient(90deg,#e8dec400,#e8dec48c 30% 70%,#e8dec400);height:1px;position:absolute;left:10%;right:10%}.toast:before{top:0}.toast:after{bottom:0}@keyframes toast-ink{0%{transform:scaleX(.6)}to{transform:scaleX(1)}}[data-reduce-motion] .toast-slot,[data-reduce-motion] .toast{animation:none}[data-reduce-motion] .toast-slot.is-out{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.toast-slot,.toast{animation:none}.toast-slot.is-out{opacity:0;animation:none}}.pw-num{--pw-lh:1.22em;font-family:var(--font-brush);font-weight:400;line-height:var(--pw-lh);letter-spacing:.01em;color:var(--color-gold);white-space:nowrap;vertical-align:middle;align-items:center;gap:.16em;display:inline-flex;position:relative}.pw-sm{font-size:15px}.pw-md{font-size:20px}.pw-lg{font-size:27px}.pw-xl{font-size:34px}.pw-num.is-down,.pw-num.is-foe,.pw-toast.is-down .pw-num{color:#e4826e}.pw-digits{font-variant-numeric:tabular-nums;-webkit-text-stroke:.15em var(--color-outline);paint-order:stroke fill;text-shadow:0 .08em 0 var(--color-outline);align-items:flex-end;display:inline-flex;position:relative}.pw-d{height:var(--pw-lh);line-height:var(--pw-lh);text-align:center;display:block}.pw-col{height:var(--pw-lh);clip-path:inset(0 -.3em);display:inline-block}.pw-strip{will-change:transform;flex-direction:column;display:flex}.pw-col.is-extra{animation:.6s ease-in forwards pw-fade}.pw-sep{align-self:flex-end;margin:0 .03em;font-size:.6em;line-height:1.2;display:block}.pw-sheen{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(100deg,#0000 30%,#fff4d6bf 48%,#0000 64%);animation:.28s ease-out 50ms both pw-sheen;position:absolute;inset:-.1em -.2em;transform:translate(-110%)}.pw-glyph{flex:none;width:.82em;height:.82em;transform:rotate(-6deg)}.pw-glyph-seal{fill:var(--color-son);stroke:var(--color-outline);stroke-width:1.6px}.pw-glyph-ink{fill:var(--color-cream);stroke:var(--color-outline);stroke-width:.9px;stroke-linejoin:round}.pw-glyph-line{fill:none;stroke:var(--color-outline);stroke-width:1.2px;stroke-linecap:round}.is-foe .pw-glyph-seal{fill:var(--color-inkmuted)}.pw-delta{font-family:var(--font-brush);color:#8fe0c2;-webkit-text-stroke:.15em var(--color-outline);paint-order:stroke fill;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.1;display:inline-block}.pw-delta.pw-xl{font-size:26px}.pw-delta.pw-lg{font-size:21px}.pw-delta.pw-md{font-size:16px}.pw-delta.pw-sm{font-size:13px}.pw-delta.is-down{color:#f0a08e}.pw-stamp{animation:.22s cubic-bezier(.2,1.6,.5,1) both pw-stamp}.pw-bump{animation:.18s ease-out pw-bump}.pw-toast{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(92vw,400px);display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.pw-band{clip-path:polygon(0% 22%,3% 8%,7% 16%,10% 2%,30% 5%,52% 0%,74% 4%,90% 1%,94% 12%,98% 5%,100% 30%,97% 52%,100% 74%,96% 96%,90% 88%,80% 100%,58% 95%,36% 100%,16% 94%,8% 100%,4% 84%,0% 92%,2% 60%);background:linear-gradient(#ffffff0f,#0000 40%),radial-gradient(120% 140%,#18211f 40%,#0b1110 100%);justify-content:center;align-items:center;gap:8px;width:100%;min-height:58px;padding:6px 26px 4px;animation:.15s ease-out both pw-band-in;display:flex;position:relative}.pw-band-label{color:var(--color-cream);flex-direction:column;flex:none;align-items:flex-end;font-size:12px;font-weight:800;line-height:1.1;display:flex}.pw-band-who{color:var(--color-gold);opacity:.85;overflow-wrap:anywhere;text-align:right;max-width:90px;font-size:10px}.pw-band-star{opacity:0;background:radial-gradient(circle,#fff6dcf2 0 18%,#d8bb7280 30%,#0000 62%);width:14px;height:14px;animation:.35s ease-out 50ms both pw-star;position:absolute;top:6px;left:14px}.pw-band:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 35%,#d8bb7238 50%,#0000 65%);animation:.3s ease-out 50ms both pw-sheen;position:absolute;inset:0;transform:translate(-110%)}.pw-toast.is-down .pw-band{background:radial-gradient(120% 140%,#1b2530 40%,#0e141a 100%)}.pw-toast.is-down .pw-band:after,.pw-toast.is-down .pw-band-star{display:none}.pw-stamp-seal{z-index:1;border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);font-family:var(--font-brush);box-shadow:0 2px 0 var(--color-outline);border-radius:5px;padding:3px 7px 2px;font-size:15px;line-height:1.1;animation:.32s cubic-bezier(.2,1.4,.5,1) .35s both pw-seal;position:absolute;top:-16px;right:14px;transform:rotate(-9deg)}.pw-shake{animation:.15s ease-out both pw-band-in,90ms step-end .42s pw-shake}.pw-burst{width:0;height:0;position:absolute;top:50%;left:50%}.pw-burst>span{background:var(--color-gold);width:6px;height:6px;box-shadow:0 0 0 1.5px var(--color-outline);opacity:0;border-radius:50%;animation:.6s ease-out .4s both pw-burst;position:absolute;top:-3px;left:-3px}.pw-rows{grid-template-columns:repeat(2,auto);justify-content:center;gap:1px 14px;display:grid}.pw-row{background:#0b1110e6;border-radius:4px;align-items:baseline;gap:5px;padding:1px 8px;font-size:12.5px;font-weight:800;animation:.18s ease-out both pw-row;display:flex}.pw-row-k{color:var(--color-cream);opacity:.85}.pw-row-v{color:#8fe0c2}.pw-row.is-down .pw-row-v{color:#f0a08e}.pw-say{max-width:100%;color:var(--color-cream);text-align:center;background:#0b1110cc;border-radius:6px;padding:3px 10px;font-size:12.5px;font-weight:700;line-height:1.3;animation:.2s ease-out .5s both pw-row}.pw-say.is-ngoc{color:color-mix(in srgb, var(--color-ngoc) 55%, var(--color-cream))}.pw-say.is-cold{color:var(--color-muted)}.pw-act{pointer-events:auto;align-items:center;gap:8px;display:flex}.pw-btn{flex:none}.pw-toast.is-out{animation:.3s ease-in forwards pw-out}:root:has(.pw-toast[data-anchored]:not(.is-out)) .toast-stack{top:auto;bottom:calc(100% - var(--pw-toast-top,50%) + 8px)}.pw-flight{z-index:71;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pw-mote{background:radial-gradient(circle at 40% 35%, #f3e3b4, var(--color-gold) 55%, var(--color-gold-deep));will-change:transform, opacity;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1.2px #0b1110d9}.pw-tug{--tug:.5;flex-direction:column;gap:3px;margin:-2px 0 6px;display:flex}.pw-tug-ends{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.pw-tug-end{align-items:center;gap:4px;display:inline-flex}.pw-tug-side{color:var(--color-muted);font-size:11px;font-weight:800}.pw-tug-rope{border:2px solid var(--color-outline);background:linear-gradient(180deg, #d8705c, var(--color-son) 60%, var(--color-son-deep));border-radius:7px 3px 8px 4px;height:12px;position:relative;overflow:hidden}.pw-tug-ours{transform-origin:0;transform:scaleX(var(--tug));background:linear-gradient(180deg, #7fd4b6, var(--color-ngoc) 60%, var(--color-ngoc-deep));transition:transform .45s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0}.pw-tug-knot{background:var(--color-cream);width:6px;box-shadow:0 0 0 2px var(--color-outline);transform:translateX(calc(var(--tug) * (100cqw)));border-radius:3px;margin-left:-3px;transition:transform .45s cubic-bezier(.3,1.3,.5,1);position:absolute;top:-2px;bottom:-2px;left:0}.pw-tug-rope{container-type:inline-size}.pw-tug-note{text-align:center;color:var(--color-muted);font-size:11.5px;font-weight:800}.pw-tug.is-behind .pw-tug-note{color:#e4826e}.pw-tug.is-solo{flex-direction:row;justify-content:center;align-items:center;gap:6px}.pw-tug-solo-note{color:var(--color-muted);font-size:11px;font-weight:700}.pw-brush{isolation:isolate;align-items:center;padding:0 16px 0 4px;display:inline-flex;position:relative}.pw-brush:before{content:"";z-index:-1;background:linear-gradient(90deg,#d8bb7261,#d8bb721f 75%,#0000);border-radius:2px 40% 30% 3px/3px 60% 50% 4px;position:absolute;inset:18% 0 8% -2px}.pw-brush:after{content:"";z-index:-1;background:linear-gradient(100deg,#0000 40%,#fff4d673 50%,#0000 60%);animation:8s ease-in-out 2s infinite pw-idle;position:absolute;inset:18% 0 8% -2px;transform:translate(-100%)}.pw-brush.is-catch:after{animation:.6s ease-out .3s both pw-sheen,8s ease-in-out 3s infinite pw-idle}.pw-foot-burst{z-index:3;pointer-events:none;clip-path:polygon(20% 100%,30% 40%,38% 70%,46% 10%,54% 62%,62% 25%,70% 72%,80% 100%);transform-origin:50% 100%;background:radial-gradient(50% 30% at 50% 100%,#eef3ecd9,#0000 70%),linear-gradient(#0000 20%,#eef3ec8c);width:140px;height:120px;margin-left:-70px;animation:.38s ease-out both pw-foot;position:absolute;bottom:70px;left:50%}.pw-hold-hint{text-align:center;color:var(--color-muted);margin-bottom:2px;font-size:10.5px;font-weight:800;display:block}.pw-hold-hint.is-on{color:var(--color-gold)}@keyframes pw-fade{to{opacity:0}}@keyframes pw-sheen{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes pw-idle{0%,92%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pw-stamp{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}@keyframes pw-bump{40%{transform:translateY(-2px)scale(1.1)}}@keyframes pw-band-in{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:none}}@keyframes pw-star{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.4)rotate(45deg)}to{opacity:0;transform:scale(.6)rotate(90deg)}}@keyframes pw-seal{0%{opacity:0;transform:rotate(-9deg)scale(2.2)}to{opacity:1;transform:rotate(-9deg)}}@keyframes pw-shake{0%{transform:translate(2px,-1px)}to{transform:none}}@keyframes pw-burst{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--bx), var(--by)) scale(.4)}}@keyframes pw-row{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pw-out{to{opacity:0;filter:blur(3px)brightness(.6);transform:translate(-50%,-50%)scale(1.04,.92)}}@keyframes pw-foot{0%{opacity:0;transform:scaleY(.2)}30%{opacity:1}to{opacity:0;transform:scaleY(1.15)}}.pw-toast.is-still *,.pw-toast.is-still{animation:none!important}@media (prefers-reduced-motion:reduce){.pw-sheen,.pw-burst,.pw-foot-burst,.pw-flight,.pw-band-star{display:none}.pw-toast,.pw-toast *,.pw-stamp,.pw-bump,.pw-brush:after{animation:none!important}.pw-tug-ours,.pw-tug-knot{transition:none}}.story-overlay{cursor:pointer;background:linear-gradient(#0e141359 0%,#0e14131f 40%,#0e1413d1 100%);animation:.18s ease-out story-fade}.story-ghost{visibility:hidden}.story-title{animation:.3s ease-out story-fade}.story-name{animation:.18s ease-out story-pop}.story-portrait{animation:.2s ease-out story-pop}.story-talking{animation:.36s ease-in-out infinite alternate story-bob}.story-villain{filter:saturate(1.1)}.story-portrait{--role:var(--color-ngoc);border-color:var(--color-outline);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--sc,var(--color-ngoc)) 22%, transparent) 0%, transparent 70%), linear-gradient(180deg, var(--color-panel-3) 0%, var(--color-panel) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--role) 70%, transparent), 0 4px 0 var(--color-outline)}.story-portrait.story-villain{--role:var(--color-son)}.story-portrait>div.font-black{color:var(--color-cream);-webkit-text-stroke:4px var(--color-outline);paint-order:stroke fill}.story-plate{border:2.5px solid var(--color-outline);font-family:var(--font-brush);color:var(--color-cream);background:linear-gradient(180deg, var(--color-panel-3) 0%, var(--color-panel) 100%);box-shadow:inset 5px 0 0 var(--color-ngoc), 0 3px 0 var(--color-outline);border-radius:8px;padding:.15rem .75rem .1rem .9rem;font-size:16px;line-height:1.2;display:inline-block;position:relative}.story-plate.is-villain{background:linear-gradient(180deg, color-mix(in srgb, var(--color-son-deep) 80%, var(--color-panel)) 0%, color-mix(in srgb, var(--color-son-deep) 55%, var(--color-ink)) 100%);box-shadow:inset -5px 0 0 var(--color-son), 0 3px 0 var(--color-outline);padding:.15rem .9rem .1rem .75rem}.story-plate.is-robot{font-family:ui-monospace,monospace;font-size:14px;font-weight:800}.story-box{box-shadow:inset 0 3px 0 var(--color-ngoc), inset 0 0 0 1.5px #ffffff8c, 0 4px 0 #0b1110b3}.story-box-villain{background-image:radial-gradient(130% 95% at 50% 40%, #eef1ea00 50%, color-mix(in srgb, var(--color-son-deep) 22%, transparent) 100%), var(--tex-paper);box-shadow:inset 0 3px 0 var(--color-son-deep), inset 0 0 0 1.5px #ffffff8c, 0 4px 0 #0b1110b3}.story-next{animation:1s steps(2,start) infinite story-blink}.story-shout{font-size:20px;font-weight:900;animation:.28s ease-out story-shake}.story-whisper{color:var(--color-inkmuted);font-style:italic}.story-glitch{text-shadow:2px 0 color-mix(in srgb, var(--color-son) 60%, transparent), -2px 0 color-mix(in srgb, var(--color-ngoc-deep) 60%, transparent);animation:.9s step-end infinite story-glitch}@keyframes story-fade{0%{opacity:0}to{opacity:1}}@keyframes story-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes story-bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes story-blink{to{visibility:hidden}}@keyframes story-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@keyframes story-glitch{0%,86%,to{transform:translate(0)}88%{transform:translate(-2px,1px)}92%{transform:translate(2px,-1px)}96%{transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){.story-overlay,.story-title,.story-name,.story-portrait,.story-talking,.story-shout,.story-glitch{animation:none}}.story-dim{background:#0b1110b8;animation:.25s ease-out story-fade}.story-spot{border-color:var(--color-ngoc);box-shadow:0 0 0 2px var(--color-outline), inset 0 0 0 2px var(--color-outline);animation:1.1s ease-in-out infinite alternate story-spot}.story-hint{animation:.6s ease-in-out infinite alternate story-bob}.story-ad-break{transform-origin:50% 40%;animation:.8s ease-in forwards story-ad-break}.story-bubble{border:2.5px solid var(--color-outline);text-align:center;max-width:100%;color:var(--color-inkbrown);background-color:var(--color-paper);background-image:var(--tex-paper);background-blend-mode:multiply;box-shadow:0 3px 0 var(--color-outline);background-size:256px 256px;border-radius:10px;padding:.3rem .85rem;font-size:13px;font-weight:800;line-height:1.25;position:relative}.story-bubble.is-up:before,.story-bubble.is-down:before{content:"";background:var(--color-paper);border:2.5px solid var(--color-outline);width:12px;height:12px;margin-left:-6px;position:absolute;left:50%;transform:rotate(45deg)}.story-bubble.is-down:before{border-top:0;border-left:0;bottom:-8px}.story-bubble.is-up:before{border-bottom:0;border-right:0;top:-8px}@keyframes story-spot{0%{border-color:var(--color-ngoc)}to{border-color:var(--color-son)}}@keyframes story-ad-break{0%{opacity:1;transform:scale(1)rotate(0)}25%{opacity:1;transform:scale(1.02)rotate(-1deg)}to{opacity:0;transform:scale(1.25)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.story-spot,.story-hint{animation:none}.story-ad-break{animation-duration:10ms}}:root{--rar-1:var(--color-muted);--rar-2:var(--color-win);--rar-3:var(--color-giangho);--rar-4:var(--color-man);--rar-5:var(--color-gold)}@keyframes reward-fade{0%{opacity:0}to{opacity:1}}@keyframes currency-bump{0%{transform:scale(1)}35%{color:var(--color-cream);transform:scale(1.32)translateY(-2px)}to{transform:scale(1)}}@keyframes currency-chip-flash{0%{box-shadow:0 3px 0 var(--color-outline), 0 0 0 0 #d8bb72e6}to{box-shadow:0 3px 0 var(--color-outline), 0 0 0 10px #d8bb7200}}.item-icon{--rar:var(--rar-1);--bg1:var(--color-panel-3);--bg2:var(--color-night);border:3px solid var(--color-outline);background:radial-gradient(80% 70% at 50% 18%, #eef3ec29 0%, #eef3ec00 60%), linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rar) 80%, transparent), 0 3px 0 var(--color-outline);color:var(--color-cream);font-weight:800;font-family:var(--font-display,inherit);-webkit-user-select:none;user-select:none;border-radius:22%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.item-icon.item-sm{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--rar) 80%, transparent), 0 2px 0 var(--color-outline);border-width:2px}.item-rarity-1{--rar:var(--rar-1)}.item-rarity-2{--rar:var(--rar-2)}.item-rarity-3{--rar:var(--rar-3)}.item-rarity-4{--rar:var(--rar-4)}.item-rarity-5{--rar:var(--rar-5)}.item-icon>img{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;padding:6%;transition:opacity .15s;position:absolute;inset:0}.item-icon>img.is-loaded{opacity:1}.item-icon{container-type:inline-size}.item-short{letter-spacing:-.01em;color:var(--color-cream);-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;text-shadow:0 .08em #0b11108c;font-size:36cqw;line-height:1;position:relative;transform:translateY(-4%)}.item-short.len-3{letter-spacing:-.03em;font-size:30cqw}.item-qty{z-index:1;border-top:2px solid var(--color-outline);border-left:2px solid var(--color-outline);color:var(--color-cream);background:#0e1413eb;border-radius:8px 0 0;padding:1px 6px 0;font-size:24cqw;font-weight:800;line-height:1.2;position:absolute;bottom:-1px;right:-1px}.currency-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.currency-chip{--tone:var(--color-gold);border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);min-width:108px;height:30px;box-shadow:inset 0 0 0 1px #c9d6cf2e, 0 3px 0 var(--color-outline);color:var(--color-cream);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:0 3px 0 2px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.currency-chip.is-bump{animation:.5s ease-out currency-chip-flash}.currency-chip.tone-kimcuong{--tone:#a5dccb}.currency-chip>.item-icon{margin-left:-3px}.currency-chip .currency-num{text-align:right;color:var(--tone);transform-origin:60%;white-space:nowrap;flex:1;padding-right:8px;display:inline-block}.currency-chip .currency-num.is-bump{animation:.42s cubic-bezier(.2,1.6,.4,1) currency-bump}.currency-chip.has-plus .currency-num{padding-right:4px}.currency-plus{border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--ngoc-hi) 0%, var(--color-ngoc) 55%, #3c9a7e 100%);width:20px;height:20px;box-shadow:0 2px 0 var(--color-outline);color:#0c231d;cursor:pointer;border-radius:999px;flex:none;place-items:center;margin-right:-1px;font-size:17px;font-weight:900;line-height:1;transition:transform 80ms,box-shadow 80ms;display:grid}.currency-plus:active{box-shadow:0 0 0 var(--color-outline);transform:translateY(2px)}@keyframes rw-cell-pop{0%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes rw-corner-in{0%{opacity:0;transform:translate(-14px,8px)}to{opacity:1;transform:translate(0)}}@keyframes rw-breathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.6;transform:scale(1.08)}}@keyframes rw-leaf-fall{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:.85}to{transform:translate(var(--dx,60px), 150px) rotate(320deg);opacity:0}}.rw-veil{z-index:60;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 60% at 50% 100%,#3c524d59 0%,#0c121100 60%),#0c1211f0;flex-direction:column;justify-content:center;align-items:stretch;transition:opacity .2s ease-in;animation:.1s linear both reward-fade;display:flex;position:fixed;inset:0}.rw-veil.is-closing{opacity:0;transition-delay:60ms}.rw-stage{width:100%;max-width:430px;margin:0 auto;padding-top:132px;position:relative}.ink-sweep.rw-band{z-index:1;flex-direction:column;width:calc(100% + 8px);max-height:min(66vh,560px);margin-left:-4px;padding:44px 11% 40px 7%;display:flex;position:relative}.rw-band>.ink-sweep-body{flex-direction:column;flex:auto;min-height:0;display:flex}.rw-corner{z-index:0;aspect-ratio:520/380;pointer-events:none;width:58%;max-width:240px;animation:.22s ease-out .17s both rw-corner-in;position:absolute;top:-30px;left:-4px}.rw-corner>img{object-fit:contain;object-position:left bottom;width:100%;height:100%;position:absolute;inset:0}.rw-moon-halo{aspect-ratio:1;background:radial-gradient(circle,#eeebdc8c 0%,#eeebdc26 45%,#eeebdc00 70%);border-radius:50%;width:46%;animation:3.2s ease-in-out infinite rw-breathe;position:absolute;top:-13.5%;left:26.5%}.rw-leaf{background:var(--color-son-deep);opacity:0;border:1px solid #0e141399;border-radius:80% 0;width:9px;height:6px;animation:5.5s linear infinite rw-leaf-fall;position:absolute}.rw-leaf.l1{animation-delay:.9s;top:50%;left:40%}.rw-leaf.l2{--dx:90px;background:var(--color-gold-deep);animation-duration:6.4s;animation-delay:2.8s;top:34%;left:14%}.rw-leaf.l3{--dx:40px;animation-delay:4.4s;top:52%;left:56%}.rw-title{z-index:3;font-family:var(--font-brush-xl);color:var(--color-inkbrown);-webkit-text-stroke:.12em var(--color-paper);paint-order:stroke fill;text-shadow:0 .06em #0e141373;white-space:nowrap;justify-content:center;align-items:flex-end;gap:.15em;margin:-40px 0 2px 18%;font-size:44px;line-height:1.05;display:flex;position:relative}.rw-title.is-two .rw-t1{transform-origin:40% 60%;margin-bottom:.32em}.rw-sub{text-align:center;color:var(--color-inkbrown);margin-top:4px;font-size:13px;font-weight:800}.rw-scroll{overscroll-behavior:contain;flex:auto;min-height:0;margin-top:8px;padding:6px 2px 8px;overflow-y:auto}.rw-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:10px 6px;display:grid}.rw-grid.cols-1{grid-template-columns:minmax(0,1fr)}.rw-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rw-cell{text-align:center;cursor:default;flex-direction:column;align-items:center;gap:4px;width:100%;animation:.13s ease-out both rw-cell-pop;display:flex}.rw-grid.cols-1 .rw-cell{gap:7px}.rw-name{overflow-wrap:break-word;max-width:100%;color:var(--color-inkbrown);font-size:11px;font-weight:800;line-height:1.15;display:block}.rw-grid.cols-1 .rw-name{font-size:15px}.rw-cell.rarity-4 .rw-name{color:color-mix(in srgb, var(--color-man) 55%, var(--color-inkbrown))}.rw-cell.rarity-5 .rw-name{color:var(--color-gold-deep)}.rw-qty{color:var(--color-gold-deep);margin-top:-3px;font-size:12px;font-weight:800}.rw-grid.cols-1 .rw-qty{font-size:18px}.rw-note{text-align:center;color:var(--color-inkmuted);margin-top:6px;font-size:11.5px;font-weight:700}.rw-scroll.is-scrollable{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%)}.rw-hint{left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom,0px));text-align:center;color:#eef3ec9e;pointer-events:none;font-size:12.5px;font-weight:700;animation:.3s ease-out .45s both reward-fade;position:absolute}.rw-veil.is-still .rw-cell,.rw-veil.is-still .rw-corner,.rw-veil.is-still .rw-moon-halo,.rw-veil.is-still .rw-hint{animation:none}.rw-veil.is-still .rw-leaf{display:none}@media (prefers-reduced-motion:reduce){.rw-leaf{display:none}.rw-cell,.rw-veil,.rw-corner,.rw-moon-halo,.rw-hint,.currency-num.is-bump,.currency-chip.is-bump{animation:none}}.item-icon{--bg1:var(--color-panel-3);--bg2:var(--color-night);border-color:var(--color-outline);background:radial-gradient(80% 70% at 50% 20%, #eef3ec29 0%, #eef3ec00 60%), linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rar) 85%, transparent), 0 3px 0 var(--color-outline);color:var(--color-cream)}.item-icon.item-sm{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--rar) 85%, transparent), 0 2px 0 var(--color-outline)}.item-icon.item-rarity-5{box-shadow:inset 0 0 0 2.5px var(--rar), 0 3px 0 var(--color-outline), 0 0 5px 1px color-mix(in srgb, var(--color-gold) 35%, transparent)}.item-type-currency{--bg1:color-mix(in srgb, var(--color-gold-deep) 55%, var(--color-panel-3));--bg2:color-mix(in srgb, var(--color-gold-deep) 22%, var(--color-night))}.item-type-material{--bg1:color-mix(in srgb, var(--color-giangho) 65%, var(--color-panel-3));--bg2:color-mix(in srgb, var(--color-giangho) 25%, var(--color-night))}.item-type-ticket{--bg1:color-mix(in srgb, var(--color-son) 65%, var(--color-panel-3));--bg2:color-mix(in srgb, var(--color-son-deep) 45%, var(--color-night))}.item-type-shard{--bg1:color-mix(in srgb, var(--color-ngoc) 60%, var(--color-panel-3));--bg2:color-mix(in srgb, var(--color-ngoc-deep) 50%, var(--color-night))}.item-type-chest{--bg1:color-mix(in srgb, var(--color-gold-deep) 25%, var(--color-panel-3));--bg2:var(--color-night)}.item-type-cosmetic{--bg1:color-mix(in srgb, var(--color-man) 60%, var(--color-panel-3));--bg2:color-mix(in srgb, var(--color-man) 22%, var(--color-night))}.item-short{color:var(--color-cream);-webkit-text-stroke-color:var(--color-outline);text-shadow:0 .08em #0b11108c}.item-qty{color:var(--color-cream);border-color:var(--color-outline);background:#0e1413eb}.idle-stage{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-night) 100%);height:118px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-gold) 30%, transparent), 0 3px 0 var(--color-outline);border-radius:12px;position:relative;overflow:hidden}.idle-stage canvas{display:block}.idle-chest-img{pointer-events:none;width:92px;filter:drop-shadow(0 4px 0 color-mix(in srgb, var(--color-ink) 60%, transparent));position:absolute;bottom:4px;right:2px}.idle-stage-gold{pointer-events:none;align-items:center;gap:4px;display:flex;position:absolute;top:4px;right:8px}.idle-rewards{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.idle-equip{color:var(--color-cream);padding:2px 10px;font-size:12px}.idle-sub-btn{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;padding-top:6px;padding-bottom:6px;line-height:1.15;display:flex}.idle-sub-title{font-size:14px;font-weight:800}.idle-sub-note{opacity:.9;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.idle-portal{z-index:60;position:fixed;inset:0}.idle-ad{border:3px solid var(--color-outline);text-align:center;color:var(--color-inkbrown);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-son) 10%, transparent) 0 14px, transparent 14px 28px), radial-gradient(80% 90% at 50% 0%, color-mix(in srgb, var(--color-gold) 35%, transparent), transparent 70%), var(--color-paper);border-radius:12px;padding:18px 14px 12px;animation:1.4s ease-in-out infinite idle-ad-pulse;position:relative}.idle-ad-tag{border:2px solid var(--color-outline);background:var(--color-gold);color:var(--color-inkbrown);border-radius:6px;padding:0 6px;font-size:11px;font-weight:800;position:absolute;top:6px;left:8px}.idle-ad-fine{color:var(--color-inkmuted);margin-top:8px;font-size:10px;font-weight:700}@keyframes idle-ad-pulse{0%,to{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-son) 40%, transparent), 0 4px 0 var(--color-outline)}50%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-gold) 80%, transparent), 0 4px 0 var(--color-outline)}}@keyframes ink-sweep-in{0%{transform:translate(-3%);-webkit-mask-position:100% 0;mask-position:100% 0}to{transform:translate(0);-webkit-mask-position:0 0;mask-position:0 0}}@keyframes ink-sweep-out{0%{opacity:1;transform:translate(0);-webkit-mask-position:0 0;mask-position:0 0}to{opacity:.6;transform:translate(-3%);-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes ink-stamp{0%{opacity:0;transform:scale(1.4)}55%{opacity:1;transform:scale(.96)}75%{transform:scale(1.02)translate(1px)}88%{transform:scale(1)translate(-1px)}to{opacity:1;transform:scale(1)}}.ink-sweep{border:0 solid #0000;border-image-source:var(--ink-band);border-image-slice:70 0 fill;border-image-width:var(--ink-edge,44px) 0 var(--ink-edge,44px) 0;width:100%;-webkit-mask-image:var(--ink-mask);-webkit-mask-image:var(--ink-mask);mask-image:var(--ink-mask);filter:drop-shadow(0 6px #0b111059);border-image-repeat:stretch;padding:30px 9% 30px 5%;display:block;position:relative;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ink-sweep[data-state=opening]{animation:ink-sweep-in var(--ink-ms,.2s) cubic-bezier(.15, .75, .3, 1) var(--ink-delay,0s) both}.ink-sweep[data-state=closing]{animation:ink-sweep-out var(--ink-ms,.2s) cubic-bezier(.6, 0, .85, .4) both}.ink-sweep[data-state=closed]{visibility:hidden}.ink-sweep[data-state=open]{-webkit-mask-image:none;mask-image:none}.ink-sweep-body{position:relative}.ink-sweep.tone-ink,.ink-sweep.tone-son{color:var(--color-cream)}.ink-sweep.tone-paper{color:var(--color-inkbrown)}.ink-stamp{transform-origin:50% 55%;animation:ink-stamp var(--stamp-ms,.18s) cubic-bezier(.3, 0, .4, 1) var(--stamp-delay,0s) both;display:inline-block}.ink-label{background:var(--ink-label) center / 100% 100% no-repeat;color:var(--color-cream);font-family:var(--font-brush);white-space:nowrap;transform:rotate(var(--ink-tilt,0deg));-webkit-mask-image:var(--ink-mask);-webkit-mask-image:var(--ink-mask);mask-image:var(--ink-mask);animation:ink-label-in .22s cubic-bezier(.15, .75, .3, 1) var(--ink-delay,0s) both;padding:.28em 1.2em .34em .8em;line-height:1.2;display:inline-block;position:relative;-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes ink-label-in{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.ink-label-in{text-shadow:0 .08em 0 var(--color-outline);position:relative}.is-still.ink-stamp,.is-still.ink-label,html[data-reduce-motion] .ink-stamp,html[data-reduce-motion] .ink-label,html[data-reduce-motion] .ink-sweep{animation:none}@media (prefers-reduced-motion:reduce){.ink-stamp,.ink-label,.ink-sweep{animation:none}}.hero-splash{--fc:var(--color-man);border:3px solid var(--color-outline);background:radial-gradient(80% 70% at 55% 30%, color-mix(in srgb, var(--fc) 38%, transparent) 0%, transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--fc) 26%, var(--color-panel-2)) 0%, var(--color-ink) 100%);height:clamp(270px,41vh,380px);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--fc) 55%, transparent), 0 4px 0 var(--color-outline);border-radius:16px;position:relative;overflow:hidden}.hero-splash.is-awakened{box-shadow:0 0 0 3px var(--color-son), 0 0 8px color-mix(in srgb, var(--color-son) 55%, transparent), 0 4px 0 var(--color-outline)}.hero-splash-img{object-fit:cover;object-position:50% 0%;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .25s ease-out,transform .45s ease-out;position:absolute;inset:0;transform:scale(1.04)}.hero-splash-img.is-loaded{opacity:1;transform:scale(1)}:where(.living-art){position:relative;overflow:hidden}.living-art-img,.living-art-cv{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.living-art-img{object-fit:cover}.living-art-cv{opacity:0}.living-art.is-live .living-art-cv{opacity:1}.living-art.is-live .living-art-img{visibility:hidden}.hero-splash-portrait.portrait{border-radius:14px;width:auto;height:58%;position:absolute;top:10px;right:10px}.hero-splash-shade{pointer-events:none;background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--color-ink) 72%, transparent) 66%, color-mix(in srgb, var(--color-ink) 94%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--color-ink) 38%, transparent) 0%, transparent 45%);position:absolute;inset:0}.hero-splash.is-locked .hero-splash-img,.hero-splash.is-locked .hero-splash-portrait{filter:grayscale()brightness(.7);opacity:.55}.hd-frame{--rc:var(--color-r);--stud:var(--color-paper-3);--rim:var(--color-paper-3);border:3px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 72%, var(--color-cream)) 0%, var(--rc) 30%, color-mix(in srgb, var(--rc) 78%, var(--color-outline)) 70%, color-mix(in srgb, var(--rc) 55%, var(--color-outline)) 100%);box-shadow:inset 0 2px 0 #ffffff73, inset 0 -3px 0 color-mix(in srgb, var(--color-outline) 35%, transparent), 0 4px 0 color-mix(in srgb, var(--color-outline) 80%, transparent);border-radius:20px;padding:7px;position:relative}.hd-frame .hero-splash{box-shadow:0 0 0 2px var(--rim), 0 0 0 4px color-mix(in srgb, var(--color-outline) 55%, transparent);border-radius:13px}.hd-frame .hero-splash.is-awakened{box-shadow:0 0 0 2px var(--color-son), 0 0 0 4px color-mix(in srgb, var(--color-outline) 55%, transparent), 0 0 8px 3px color-mix(in srgb, var(--color-son) 50%, transparent)}.hd-frame:before{content:"";z-index:3;pointer-events:none;--d:12px;background:radial-gradient(circle at var(--d) var(--d), var(--stud) 0 4.5px, var(--color-outline) 4.5px 6.5px, transparent 7px), radial-gradient(circle at calc(100% - var(--d)) var(--d), var(--stud) 0 4.5px, var(--color-outline) 4.5px 6.5px, transparent 7px), radial-gradient(circle at var(--d) calc(100% - var(--d)), var(--stud) 0 4.5px, var(--color-outline) 4.5px 6.5px, transparent 7px), radial-gradient(circle at calc(100% - var(--d)) calc(100% - var(--d)), var(--stud) 0 4.5px, var(--color-outline) 4.5px 6.5px, transparent 7px);position:absolute;inset:-3px}.hd-frame.hd-sr{--stud:color-mix(in srgb, var(--color-sr) 25%, var(--color-paper));--rim:color-mix(in srgb, var(--color-sr) 30%, var(--color-paper))}.hd-frame.hd-ssr{--stud:var(--color-son);--rim:color-mix(in srgb, var(--color-ssr) 35%, var(--color-paper))}.hd-frame.hd-ur{--stud:var(--color-gold);--rim:var(--color-gold);background:linear-gradient(180deg, color-mix(in srgb, var(--color-ur) 60%, var(--color-gold)) 0%, var(--color-ur) 30%, var(--color-son-deep) 70%, color-mix(in srgb, var(--color-son-deep) 70%, var(--color-outline)) 100%)}.hd-frame.hd-ur .hero-splash{animation:4s ease-in-out infinite hd-ur-rim}@keyframes hd-ur-rim{0%,to{box-shadow:0 0 0 2px var(--color-gold), 0 0 0 4px color-mix(in srgb, var(--color-outline) 55%, transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-ur) 55%, var(--color-gold)), 0 0 0 4px color-mix(in srgb, var(--color-outline) 55%, transparent), 0 0 7px 2px color-mix(in srgb, var(--color-ur) 40%, transparent)}}.hd-frame.hd-ssr .hero-splash:after,.hd-frame.hd-ur .hero-splash:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff38 50%,#0000 62%) 0 0/260% 100% no-repeat;animation:5.5s ease-in-out infinite hd-sweep;position:absolute;inset:0}@keyframes hd-sweep{0%,62%{background-position:140% 0}to{background-position:-140% 0}}.hd-tier{z-index:4;border:3px solid var(--color-outline);min-width:58px;font-family:var(--font-brush);text-align:center;color:var(--color-cream);-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 70%, var(--color-cream)), var(--rc) 45%, color-mix(in srgb, var(--rc) 70%, var(--color-outline)));box-shadow:inset 0 2px 0 #ffffff73, 0 3px 0 var(--color-outline);border-radius:10px 4px 12px;padding:3px 9px 1px;font-size:26px;line-height:1.05;position:absolute;top:2px;left:2px}.hd-ssr .hd-tier{color:var(--color-son);-webkit-text-stroke-color:var(--color-cream);text-shadow:0 2px 0 var(--color-outline)}.hd-ur .hd-tier{color:var(--color-gold)}.hd-faction{border:3px solid var(--color-outline);background-image:radial-gradient(circle at 50% 30%, #ffffff73, transparent 60%), linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--color-outline) 35%, transparent));width:46px;height:46px;box-shadow:inset 0 0 0 2px #ffffff59, 0 3px 0 var(--color-outline);border-radius:999px;flex:none;place-items:center;display:grid}.hd-faction:has(.game-icon-fallback){border-radius:8px;width:auto;height:auto;padding:3px 9px 2px;transform:rotate(-3deg)}.hd-faction .game-icon-fallback{font-family:var(--font-brush);white-space:nowrap;-webkit-text-stroke:.16em var(--color-outline);paint-order:stroke fill;width:auto!important;height:auto!important;color:var(--color-cream)!important;background:0 0!important;border:0!important;border-radius:0!important;font-size:16px!important;font-weight:400!important;line-height:1.3!important}.hd-view{border:2px solid var(--color-outline);background:color-mix(in srgb, var(--color-ink) 82%, transparent);border-radius:999px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.hd-view>button{color:var(--color-muted);padding:3px 9px}.hd-view>button.is-on{color:var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--color-ngoc) 62%, #fff), var(--color-ngoc) 60%, var(--color-ngoc-deep))}.hd-dock{border-top:3px solid var(--color-outline);background-color:var(--color-panel);background-image:var(--tex-wood), linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);background-blend-mode:soft-light, normal;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--color-ngoc) 22%, transparent);background-size:220px,100% 100%}.hd-sheet{border-top:0;border-top-left-radius:0;border-top-right-radius:0}@media (prefers-reduced-motion:reduce){.hd-frame.hd-ur .hero-splash,.hd-frame.hd-ssr .hero-splash:after,.hd-frame.hd-ur .hero-splash:after{animation:none}}.ft-root{z-index:40;justify-content:center;animation:.2s ease-out both ft-fade;display:flex;position:absolute;inset:0}.ft-backdrop{cursor:default;background:radial-gradient(120% 60% at 50% 22%,#84251a47,#0000 70%),#0b1110db;position:absolute;inset:0}.ft-sheet{scrollbar-width:none;pointer-events:none;flex-direction:column;align-items:center;width:100%;max-width:440px;height:100%;padding-bottom:14px;display:flex;position:relative;overflow-y:auto}.ft-sheet::-webkit-scrollbar{display:none}.ft-sheet>*{pointer-events:auto}.ft-art{pointer-events:none;flex:none;width:100%;height:clamp(250px,45vh,430px);position:relative}.ft-art-img{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.ft-name{font-size:20px;position:absolute;top:52%;right:6px}.ft-close{top:max(10px, env(safe-area-inset-top));pointer-events:auto;border-radius:10px;padding:4px 12px;font-size:13px;position:absolute;right:10px}.ft-head{text-align:left;flex:none;width:100%;margin-top:-78px;padding:0 16px;position:relative}.ft-title{color:var(--color-gold);transform-origin:0;font-size:54px;line-height:1.1;transform:rotate(-3deg)}.ft-sub{color:var(--color-cream);background:linear-gradient(90deg,#0b1110e6,#0b11108c 80%,#0000);border-radius:4px;margin-top:2px;padding:3px 10px;font-size:14px;font-weight:700;line-height:1.35;display:inline-block}.ft-scrolls{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-top:10px;padding:0 10px;display:grid}.ft-scroll{aspect-ratio:360/639;color:var(--color-inkbrown);filter:drop-shadow(0 4px 6px #00000073);background:url(/ui/ux2/topup/scroll.webp) 50%/100% 100% no-repeat;flex-direction:column;align-items:center;padding:19% 13% 11%;transition:transform .12s ease-out;display:flex;position:relative}.ft-scroll.is-ready{cursor:pointer;transform-origin:50% 3%;animation:2.6s ease-in-out infinite ft-sway}.ft-scroll.is-ready:active{transform:scale(.96)}.ft-scroll:disabled{cursor:default}.ft-scroll-title{font-family:var(--font-brush);text-align:center;color:var(--color-son-deep);align-items:center;min-height:2.3em;font-size:13.5px;line-height:1.15;display:flex}.ft-scroll-gifts{flex-wrap:wrap;flex:1;place-content:center;gap:6px 3px;width:100%;display:flex}.ft-gift{flex-direction:column;align-items:center;padding-bottom:8px;display:flex;position:relative}.ft-gift-qty{z-index:1;white-space:nowrap;border:1.5px solid var(--color-outline);background:var(--color-ink);color:var(--color-cream);border-radius:6px;padding:1px 4px 0;font-size:10.5px;font-weight:800;line-height:1.15;position:absolute;bottom:0;left:50%;translate:-50%}.ft-gift-hero{align-items:center;width:100%}.ft-gift-portrait{width:56px}.ft-scroll-foot{text-align:center;color:var(--color-inkmuted);font-size:11px;font-weight:800;line-height:1.2}.ft-scroll.is-ready .ft-scroll-foot{color:var(--color-son-deep)}.ft-scroll.is-claimed .ft-scroll-gifts,.ft-scroll.is-claimed .ft-scroll-title{opacity:.45}.ft-scroll.is-locked .ft-scroll-gifts,.ft-scroll.is-wait .ft-scroll-gifts{opacity:.8}.ft-seal{opacity:.92;mix-blend-mode:multiply;pointer-events:none;width:78%;animation:.22s cubic-bezier(.2,.9,.3,1.2) both ft-stamp;position:absolute;top:50%;left:50%;translate:-50% -42%;rotate:-10deg}.ft-value{text-align:center;width:100%;color:var(--color-muted);flex:none;margin-top:8px;padding:0 18px;font-size:11.5px;font-weight:700;line-height:1.35}.ft-paid{width:70%;color:var(--color-cream);flex-direction:column;flex:none;align-items:center;gap:3px;margin-top:6px;font-size:11.5px;font-weight:800;display:flex}.ft-bar{border:1.5px solid var(--color-outline);background:var(--color-ink);border-radius:999px;width:100%;height:7px;display:block;overflow:hidden}.ft-bar-fill{background:var(--color-son);transform-origin:0;height:100%;display:block}.ft-main{border-radius:16px;flex:none;width:min(72%,300px);margin-top:10px;padding:4px 0 6px;position:relative}.ft-main .title-brush{font-size:34px;line-height:1.15}.ft-main.is-done{filter:grayscale(.7)brightness(.8)}.ft-next{color:var(--color-muted);flex:none;margin-top:6px;font-size:12px;font-weight:700}@keyframes ft-fade{0%{opacity:0}to{opacity:1}}@keyframes ft-sway{0%,to{rotate:-1.2deg}50%{rotate:1.2deg}}@keyframes ft-stamp{0%{opacity:0;scale:1.5}to{opacity:.92;scale:1}}@media (prefers-reduced-motion:reduce){.ft-root,.ft-seal,.ft-scroll.is-ready{animation:none}}[data-reduced-motion] .ft-root,[data-reduced-motion] .ft-seal,[data-reduced-motion] .ft-scroll.is-ready{animation:none}@media (max-height:760px){.ft-art{height:clamp(230px,41vh,330px)}.ft-title{font-size:46px}.ft-head{margin-top:-66px}}:where(.living-splash){position:relative}.living-splash-fg,.living-splash-cv{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.living-splash-fg{object-fit:contain;object-position:50% 100%;-webkit-user-select:none;user-select:none}.living-splash-cv{opacity:0}.living-splash.is-live .living-splash-cv{opacity:1}.living-splash.is-live .living-splash-fg{visibility:hidden}.hu-cost{border:1.5px solid var(--color-outline);background:var(--color-ink);color:var(--color-cream);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:0 7px 0 1px;font-size:13px;font-weight:800;line-height:1.4;display:inline-flex}.hu-cost.is-short{border-color:var(--color-son-deep);background:color-mix(in srgb, var(--color-son) 22%, var(--color-ink));color:var(--color-lose)}.hu-cost .hu-have{color:var(--color-muted);font-size:10.5px}.hu-cost.is-short .hu-have{color:var(--color-lose);opacity:.85}.hu-cost.is-sum{border-color:var(--color-gold-deep)}.hu-shard{flex:1;align-items:center;gap:6px;min-width:0;max-width:260px;display:flex}.hu-shard-bar{border:2px solid var(--color-outline);background:var(--color-ink);border-radius:999px;flex:1;height:12px;position:relative;overflow:hidden}.hu-shard-bar>span{transform-origin:0;position:absolute;inset:0}.hu-shard-own{background:linear-gradient(180deg, color-mix(in srgb, var(--color-gold) 70%, var(--color-cream)) 0%, var(--color-gold) 50%, var(--color-gold-deep) 100%)}.hu-shard-uni{background:repeating-linear-gradient(135deg, var(--color-man) 0 4px, color-mix(in srgb, var(--color-man) 55%, var(--color-ink)) 4px 8px)}.hu-shard-num{white-space:nowrap;color:var(--color-cream);font-size:12px;font-weight:800}.hu-shard-num.is-short{color:var(--color-lose)}.hu-levelup{position:relative;overflow:hidden}.hu-levelup .hu-hold{background:var(--color-cream)}.hu-levelup.is-holding .hu-hold{transition:transform .4s linear;transform:scaleX(1)}.hu-levelup.is-running .hu-hold{background:var(--color-gold);animation:.17s linear infinite alternate hu-run}.hu-levelup.is-running{transform:translateY(1px)}.hu-hold{background:var(--color-ngoc);transform-origin:0;pointer-events:none;border-radius:999px;height:4px;position:absolute;bottom:3px;left:4px;right:4px;transform:scaleX(0)}@keyframes hu-run{0%{opacity:.55}to{opacity:1}}.hu-plate{border:2px dashed color-mix(in srgb, var(--color-gold) 55%, var(--color-outline));background:color-mix(in srgb, var(--color-gold) 10%, var(--color-ink));min-height:48px;color:var(--color-cream);border-radius:14px;align-items:center;gap:8px;padding:4px 10px;font-size:12.5px;font-weight:700;line-height:1.3;display:flex}.hu-up{border:1.5px solid var(--color-ngoc-deep);background:color-mix(in srgb, var(--color-ngoc) 24%, var(--color-paper));color:var(--color-ngoc-deep);white-space:nowrap;border-radius:999px;padding:0 6px;font-size:11.5px;font-weight:800;line-height:1.45;display:inline-block}.hu-up.is-max{border-color:var(--color-gold-deep);background:color-mix(in srgb, var(--color-gold) 32%, var(--color-paper));color:color-mix(in srgb, var(--color-gold-deep) 80%, var(--color-outline))}.hu-up.is-break{border-color:var(--color-son-deep);background:color-mix(in srgb, var(--color-son) 16%, var(--color-paper));color:var(--color-son-deep)}.hu-pop{animation:.4s cubic-bezier(.2,1.6,.4,1) both hu-pop;display:inline-block}@keyframes hu-pop{0%{opacity:.4;transform:scale(.7)}60%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hu-pop,.hu-levelup.is-running .hu-hold{animation:none}.hu-levelup.is-holding .hu-hold{transition:none}}.hu-star-soon{opacity:.55;animation:1.1s ease-in-out infinite alternate hu-soon}@keyframes hu-soon{0%{opacity:.35;transform:scale(.9)}to{opacity:.8;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.hu-star-soon{animation:none}}.hd-frame>.hd-amb{border-radius:13px;inset:7px}.lb-veil{z-index:30;justify-content:center;align-items:stretch;padding:10px 8px 12px;display:flex;position:absolute;inset:0}.lb-sheet{border:3px solid var(--color-outline);background-color:var(--color-panel);background-image:var(--tex-grain), linear-gradient(180deg, #1f2c2a, #141d1c);background-size:320px 320px,100% 100%;border-radius:16px;flex-direction:column;width:100%;max-width:440px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #d8bb7252,0 6px #060a09cc}.lb-banner{border-bottom:3px solid var(--color-outline);background:radial-gradient(120% 90% at 50% 0,#34504a 0%,#1a2726 70%) 50% 40%/cover;flex-direction:column;flex:none;justify-content:space-between;min-height:150px;padding:10px 10px 9px;display:flex;position:relative}.lb-banner:before{content:"";pointer-events:none;background:linear-gradient(#0b11108c 0%,#0b11100d 38%,#0b111040 62%,#0b1110e0 100%);position:absolute;inset:0}.lb-banner>*{position:relative}.lb-banner-top{align-items:flex-start;gap:8px;display:flex}.lb-title{font-size:30px;line-height:1;display:block;position:relative;overflow:hidden}.lb-title:after{content:"";pointer-events:none;background:linear-gradient(100deg,#eee1b400 0%,#eee1b46b 50%,#eee1b400 100%);width:30%;animation:1.1s ease-out .45s both lb-sweep;position:absolute;inset:-4px auto -4px -40%;transform:skew(-18deg)}.lb-period{border:2px solid var(--color-outline);color:var(--color-gold);background:#0e1413b8;border-radius:7px;margin-top:4px;padding:1px 8px 2px;font-size:11px;font-weight:800;display:inline-block}.lb-banner-foot{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.lb-clock{border:2px solid var(--color-outline);background:#0e1413c7;border-radius:9px;flex-direction:column;padding:3px 9px 4px;line-height:1.1;display:flex}.lb-clock-label{color:var(--color-muted);font-size:10px;font-weight:800}.lb-clock b{color:var(--color-cream);letter-spacing:.02em;font-size:17px;font-weight:800}.lb-clock.is-forever b{font-family:var(--font-brush,inherit);color:var(--color-gold);font-size:16px}.lb-prize{border:2px solid var(--color-outline);color:var(--color-inkbrown);box-shadow:inset 0 0 0 1.5px #d8bb7299, 0 3px 0 var(--color-outline);background:linear-gradient(#eef1eaf0,#dce4dcf0);border-radius:10px;flex-direction:column;align-items:flex-end;gap:1px;padding:4px 8px;transition:transform 80ms;display:flex}.lb-prize:active{transform:translateY(2px)}.lb-prize-label{color:var(--color-gold-deep);font-size:10px;font-weight:800}.lb-prize-more{color:var(--color-ngoc-deep);text-underline-offset:2px;font-size:10px;font-weight:800;text-decoration:underline}.lb-rw{align-items:center;gap:6px;display:inline-flex}.lb-rw-cell{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.lb-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.lb-list{overscroll-behavior:contain;flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto;container-type:inline-size}.lb-state{text-align:center;color:var(--color-muted);background:#0c121173;border:2px dashed #b4c2b873;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;margin:10px;padding:0 24px;font-size:12px;font-weight:700;line-height:1.35;display:flex}.lb-podium{--ph:calc((100cqw + 16px) * .3656);height:calc(var(--ph) + 92px);background:radial-gradient(70% 55% at 50% 75%,#4fb3941f,#4fb39400 70%);margin:0 -8px;position:relative}.lb-podium-art{pointer-events:none;width:100%;animation:.55s cubic-bezier(.2,.9,.3,1.1) both lb-rise;position:absolute;bottom:0;left:0}.lb-podium-css{pointer-events:none;position:absolute;inset:0}.lb-podium-css>span{border:3px solid var(--color-outline);background:linear-gradient(#9fb0a8 0 9px,#6d817a 12px,#4a5f59 50%,#34443f 100%);border-bottom:0;border-radius:8px 8px 0 0;animation:.5s cubic-bezier(.2,.9,.3,1.1) both lb-rise;position:absolute;bottom:0;box-shadow:inset 0 9px 0 -6px #d8bb72a6}.lb-podium-css .is-r2{width:31%;height:calc(var(--ph) * .7);animation-delay:80ms;left:2%}.lb-podium-css .is-r1{width:34%;height:calc(var(--ph) * .9);animation-delay:.16s;left:33%}.lb-podium-css .is-r3{width:31%;height:calc(var(--ph) * .49);left:67%}.lb-seats{z-index:1;position:absolute;inset:0}.lb-seat{bottom:calc(var(--ph) * var(--top));width:30%;position:absolute;transform:translate(-50%)}.lb-seat.is-r1{--top:.89;--face:74px;left:50%}.lb-seat.is-r2{--top:.68;--face:60px;left:17%}.lb-seat.is-r3{--top:.47;--face:56px;left:83%}.lb-seat-who{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.lb-seat-face{width:var(--face);margin-bottom:-6px;animation:.55s cubic-bezier(.3,1.4,.5,1) both lb-drop;display:block;position:relative}.lb-seat.is-r1 .lb-seat-face{animation:.55s cubic-bezier(.3,1.4,.5,1) .42s both lb-drop,3.2s ease-in-out 1.2s infinite lb-bob}.lb-seat.is-r2 .lb-seat-face{animation-delay:.3s}.lb-seat.is-r3 .lb-seat-face{animation-delay:.2s}.lb-seat-img{border:3px solid var(--color-outline);width:100%;box-shadow:0 0 0 3px var(--ring), 0 4px 0 3px var(--color-outline);border-radius:14px;display:block}.lb-seat.is-r1{--ring:#c9ad6a}.lb-seat.is-r2{--ring:#a9b6ae}.lb-seat.is-r3{--ring:#a87c5a}.lb-seat.is-me .lb-seat-img{box-shadow:0 0 0 3px var(--color-son), 0 4px 0 3px var(--color-outline)}.lb-seat-seal{border:2px solid var(--color-outline);width:26px;height:26px;color:var(--color-inkbrown);background:var(--seal);box-shadow:inset 0 -2px 0 #0b111040, 0 2px 0 var(--color-outline);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:-10px;left:-8px;transform:rotate(-8deg)}.lb-seat.is-r1 .lb-seat-seal{--seal:linear-gradient(180deg, #e6d39c, var(--color-gold) 60%, #b89a55);width:30px;height:30px;font-size:16px}.lb-seat.is-r2 .lb-seat-seal{--seal:linear-gradient(180deg, #e2e8e2, #b9c5bd 60%, #94a39a)}.lb-seat.is-r3 .lb-seat-seal{--seal:linear-gradient(180deg, #d9b493, #b88a64 60%, #8f6748)}.lb-seat-plate{flex-direction:column;align-items:center;width:108%;animation:.4s .6s both lb-fade;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.lb-seat-name{border:2px solid var(--color-outline);max-width:100%;color:var(--color-cream);background:#0e1413db;border-radius:6px;padding:1px 6px 2px;font-size:11.5px;font-weight:800;line-height:1.15;display:block}.lb-seat.is-r1 .lb-seat-name{color:#e6d39c;font-size:12.5px}.lb-seat-score{color:var(--color-inkbrown);-webkit-text-stroke:3px #eef1eaeb;paint-order:stroke fill;margin-top:2px;font-size:14px;font-weight:800}.lb-seat.is-r1 .lb-seat-score{color:var(--color-son-deep);font-size:17px}.lb-seat-who.is-vacant{opacity:.75}.lb-vacant-face{aspect-ratio:1;background:#0c12118c;border-radius:14px;display:block;box-shadow:none!important;border:3px dashed #b4c2b899!important}.lb-colhead{z-index:2;border-top:2px solid var(--color-outline);border-bottom:2px solid var(--color-outline);color:var(--color-muted);background:#2a3936;gap:8px;margin:4px -8px 6px;padding:4px 14px;font-size:10.5px;font-weight:800;display:flex;position:sticky;top:0}.lb-colhead>span:first-child{width:52px}.lb-row{border:2px solid var(--color-outline);text-align:left;width:100%;min-height:54px;color:var(--color-inkbrown);background-color:var(--color-paper);background-image:radial-gradient(130% 95% at 50% 40%, #eef1ea00 55%, #56686229 100%), var(--tex-paper);animation:.42s cubic-bezier(.2,.8,.3,1) both lb-in;animation-delay:calc(.5s + var(--i,0) * 40ms);background-size:100% 100%,320px 320px;border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:4px 10px 4px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #0b1110b3}button.lb-row:active{transform:translateY(2px);box-shadow:0 1px #0b1110b3}.lb-band{flex:none;align-self:stretch;place-items:center;width:54px;margin:-4px 0;display:grid;position:relative}.lb-band:before{content:"";background:var(--band);position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0H44C50 1 47 5 54 7C49 10 58 13 52 16C59 19 50 23 57 26C51 29 56 33 49 35C53 38 46 40 40 40H0Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0H44C50 1 47 5 54 7C49 10 58 13 52 16C59 19 50 23 57 26C51 29 56 33 49 35C53 38 46 40 40 40H0Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.lb-rank{color:#f4f8f1;-webkit-text-stroke:3px #0b1110bf;paint-order:stroke fill;margin-right:6px;font-size:17px;font-weight:800;position:relative}.lb-row.is-b10{--band:linear-gradient(180deg, #5fb79b, var(--color-ngoc-deep))}.lb-row.is-b50{--band:linear-gradient(180deg, #9a96c6, #5a5788)}.lb-row.is-bx{--band:linear-gradient(180deg, #8c9c95, #56665f)}.lb-row.is-r1{--band:linear-gradient(180deg, #e6d39c, #b89a55)}.lb-row.is-r2{--band:linear-gradient(180deg, #e2e8e2, #94a39a)}.lb-row.is-r3{--band:linear-gradient(180deg, #d9b493, #8f6748)}.lb-face{border-width:2px;border-radius:9px;flex:none;width:40px}.lb-initial{aspect-ratio:1;border:2px solid var(--color-outline);background:var(--color-panel-2);color:var(--color-cream);place-items:center;font-weight:800;display:grid}.lb-name{font-size:13.5px;font-weight:800;display:block}.lb-power{color:var(--color-inkmuted);align-items:center;gap:3px;font-size:11px;font-weight:800;display:flex}.lb-glyph{width:13px;height:13px}.lb-score{text-align:right;flex:none;line-height:1.1}.lb-score b{font-size:15px;font-weight:800;display:block}.lb-unit{color:var(--color-inkmuted);font-size:9.5px;font-weight:700;display:block}.lb-you{background:var(--color-son);color:#f4f8f1;vertical-align:1px;border-radius:5px;margin-left:4px;padding:0 5px;font-size:10px}.lb-row.is-me{border-color:var(--color-son-deep);background-image:linear-gradient(180deg, #c8402c29, #c8402c0f), var(--tex-paper);box-shadow:0 0 0 2px var(--color-son), 0 3px 0 #0b1110b3}.lb-row.is-vacant{box-shadow:none;color:var(--color-muted);background-color:#dce4dc1f;background-image:none;border-style:dashed;border-color:#b4c2b873}.lb-row.is-vacant .lb-name{color:var(--color-paper-3)}.lb-row.is-vacant .lb-power{color:var(--color-muted)}.lb-row.is-vacant .lb-band{opacity:.5}.lb-row.is-vacant .lb-face{border-radius:9px;width:40px}.lb-tier{color:var(--color-cream);background:#0b111080;border:1.5px solid #d8bb7259;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:8px 2px 6px;padding:3px 8px;animation:.4s .5s both lb-fade;display:flex}.lb-tier-label{color:var(--color-gold);font-size:11px;font-weight:800}.lb-tier .lb-rw-cell{font-size:11px}.lb-sep{color:var(--color-muted);align-items:center;gap:8px;margin:10px 4px 6px;font-size:11px;font-weight:800;display:flex}.lb-sep:before,.lb-sep:after{content:"";border-top:2px dotted #b4c2b873;flex:1}.lb-me{border-top:3px solid var(--color-outline);background-color:var(--color-paper);background-image:linear-gradient(180deg, #c8402c24, #c8402c00 60%), var(--tex-paper);color:var(--color-inkbrown);background-size:100% 100%,320px 320px;flex:none;padding:8px 9px 9px;animation:.45s cubic-bezier(.2,.9,.3,1) .35s both lb-up;position:relative;box-shadow:inset 0 3px #c8402c8c}.lb-me-main{align-items:center;gap:8px;margin-bottom:7px;display:flex}.lb-me-rank{min-width:50px;color:var(--color-son-deep);flex-direction:column;flex:none;align-items:center;line-height:1;display:flex}.lb-me-rank-label{color:var(--color-inkmuted);font-size:10px;font-weight:800}.lb-me-rank b{font-size:26px;font-weight:800}.lb-me.is-out .lb-me-rank{text-align:center;width:64px}.lb-me-face{width:42px;box-shadow:0 0 0 2px var(--color-son);border-width:2px;border-radius:10px;flex:none}.lb-me-nudge{font-size:12px;font-weight:700;line-height:1.3;display:block}.lb-me-nudge b{color:var(--color-son-deep)}.lb-me-reward{color:var(--color-inkmuted);flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px;font-size:10.5px;font-weight:800;display:flex}.lb-me-reward .lb-rw-cell{color:var(--color-inkbrown);font-size:11px}.lb-me-score{flex-direction:column;flex:none;align-items:flex-end;line-height:1.05;display:flex}.lb-team-veil{z-index:5;background:#0a100fa8;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.lb-team{width:100%}.lb-team-sub{text-align:center;color:var(--color-inkmuted);margin-top:-4px;font-size:11.5px;font-weight:700}.lb-team-wait{text-align:center;color:var(--color-inkmuted);padding:26px 8px;font-size:12.5px;font-weight:700}.lb-team-power{justify-content:center;align-items:center;gap:8px;margin:8px 0 4px;display:flex}.lb-units{flex-direction:column;display:flex}.lb-unit-row{align-items:center;gap:8px;padding:4px 2px;display:flex}.lb-unit-row+.lb-unit-row{border-top:1px dashed #1c282638}.lb-unit-face{border-width:2px;border-radius:8px;flex:none;width:40px}.lb-unit-meta{color:var(--color-inkmuted);align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex}.lb-unit-star{align-items:center;gap:2px;display:inline-flex}.lb-unit-tag{border:1.5px solid var(--color-man);color:#4d4a7a;border-radius:5px;padding:0 4px;font-size:9.5px}.lb-unit-power{flex:none;font-size:13px;font-weight:800}.lb-rtiers{flex-direction:column;gap:5px;margin-top:8px;display:flex}.lb-rtier{border:2px solid var(--color-outline);background:#ffffff59;border-left:8px solid #0000;border-image:;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px 5px 10px;display:flex}.lb-rtier.is-r1{border-left-color:#c9ad6a}.lb-rtier.is-r2{border-left-color:#a9b6ae}.lb-rtier.is-r3{border-left-color:#a87c5a}.lb-rtier.is-b10{border-left-color:var(--color-ngoc)}.lb-rtier.is-b50{border-left-color:var(--color-man)}.lb-rtier.is-bx{border-left-color:var(--color-line)}.lb-rtier.is-mine{box-shadow:0 0 0 2px var(--color-son);background:#c8402c24}.lb-rtier-label{font-size:12px;font-weight:800}.lb-open{border-radius:10px;flex:none;padding:5px 10px;font-size:13px;font-weight:800}@keyframes lb-rise{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}@keyframes lb-drop{0%{opacity:0;transform:translateY(-34px)scale(.85)}60%{opacity:1;transform:translateY(4px)scale(1.03)}to{opacity:1;transform:none}}@keyframes lb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes lb-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}@keyframes lb-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes lb-sweep{0%{left:-40%}to{left:120%}}@media (prefers-reduced-motion:reduce){.lb-sheet *,.lb-sheet :before,.lb-sheet :after{animation:none!important}}.pt-root{z-index:45;justify-content:center;display:flex;position:absolute;inset:0;overflow:hidden}.pt-ink{background:radial-gradient(90% 46% at 50% 30%,#1d615057,#0000 72%),radial-gradient(120% 50% at 50% 100%,#84251a38,#0000 70%),#0b1110ed;animation:.42s cubic-bezier(.3,.7,.3,1) both pt-ink;position:absolute;inset:0}@keyframes pt-ink{0%{clip-path:circle(0% at 50% 34%);opacity:.4}to{clip-path:circle(150% at 50% 34%);opacity:1}}.pt-sheet{width:100%;max-width:480px;height:100%;padding:calc(env(safe-area-inset-top,0px) + 40px) 0 calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:none;flex-direction:column;display:flex;position:relative}.pt-sheet>*{pointer-events:auto}.pt-x{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:6;border:2px solid var(--color-outline);color:var(--color-cream);background:#1b2625e6;border-radius:999px;padding:4px 12px 5px;font-size:12.5px;font-weight:800;position:absolute;right:10px}.pt-stage{pointer-events:none;flex:auto;min-height:300px;max-height:520px;position:relative;container-type:size}.pt-backdrop{top:calc(-40px - env(safe-area-inset-top,0px));width:100%;height:calc(100% - 14cqw + 40px + env(safe-area-inset-top,0px));z-index:0;object-fit:cover;object-position:50% 24%;-webkit-mask-composite:source-in;-webkit-user-select:none;user-select:none;animation:.5s ease-out both pt-backdrop-in,28s ease-in-out .5s infinite alternate pt-backdrop-drift;position:absolute;bottom:14cqw;left:0;right:0;-webkit-mask-image:linear-gradient(#000 70%,#0000),linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#000 70%,#0000),linear-gradient(90deg,#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes pt-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pt-backdrop-drift{0%{transform:scale(1.03)translate(-.6%)}to{transform:scale(1.07)translate(.6%,-.8%)}}.pt-podium{z-index:0;filter:brightness(.82)saturate(.85);-webkit-user-select:none;user-select:none;width:100%;height:36.6cqw;position:absolute;bottom:0;left:0;right:0}.pt-seat{pointer-events:auto;animation:.42s cubic-bezier(.2,.8,.25,1.05) both pt-seat-in;animation-delay:var(--d,0s);position:absolute}.pt-seat[data-team]{cursor:pointer}.pt-seat.is-1{z-index:3;width:50cqw;top:1cqh;bottom:31cqw;left:25cqw}.pt-seat.is-2{z-index:2;width:42cqw;top:13cqh;bottom:23cqw;left:-4cqw}.pt-seat.is-3{z-index:1;width:42cqw;top:21cqh;bottom:15.5cqw;left:62cqw}.pt-seat.is-2{--from:translate(-14cqw, 4cqh)}.pt-seat.is-3{--from:translate(14cqw, 4cqh)}.pt-seat.is-1{--from:translateY(8cqh) scale(1.08)}@keyframes pt-seat-in{0%{opacity:0;transform:var(--from)}to{opacity:1;transform:none}}.pt-art{background:#0e141399;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/ui/ux2/phongthan/mask.webp) 50%/100% 100% no-repeat;mask:url(/ui/ux2/phongthan/mask.webp) 50%/100% 100% no-repeat}.pt-living{opacity:0;transition:opacity .25s ease-out;position:absolute;inset:0}.pt-art .pt-living,.pt-art .pt-portrait{animation:pt-idle var(--idle,4.6s) ease-in-out infinite alternate;transform-origin:50% 90%}.pt-seat.is-1{--idle:4.2s}.pt-seat.is-2{--idle:5s}.pt-seat.is-3{--idle:4.6s}@keyframes pt-idle{0%{transform:scale(1.06)translate(-.8%,.6%)rotate(-.35deg)}to{transform:scale(1.075)translate(.8%,-1%)rotate(.35deg)}}.pt-art.is-loaded .pt-living{opacity:1}.pt-art.is-idle{background:0 0;inset:-12% -10% 1.6cqw;overflow:visible;-webkit-mask:none;mask:none}.pt-seat.is-1 .pt-art.is-idle{inset:-14% -10% -.6cqw}.pt-seat.is-2 .pt-art.is-idle{top:-14%;left:-5%;right:-15%}.pt-seat.is-3 .pt-art.is-idle{top:-14%;left:-22%;right:-2%}.pt-art.is-idle:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#080c0b9e,#080c0b4d 60%,#0000);border-radius:50%;height:4.4cqw;position:absolute;bottom:-2.2cqw;left:22%;right:22%}.pt-art.is-idle .pt-living{animation:none}.pt-portrait{position:absolute;top:12%;left:8%;right:8%}.pt-art-shade{pointer-events:none;background:linear-gradient(#0000 62%,#0b11108c 100%);position:absolute;inset:0}.pt-art.is-empty{background:#1b2625bf;place-items:center;display:grid}.pt-art.is-empty span{color:var(--color-muted);font-size:13px;font-weight:800}.pt-rank{z-index:5;aspect-ratio:224/313;pointer-events:none;--cx:48.8%;--cy:50.2%;animation:.42s cubic-bezier(.3,1.5,.5,1) both pt-stamp;animation-delay:calc(var(--d,0s) + .26s);position:absolute}.pt-rank.is-1{aspect-ratio:224/308;--cx:51.4%;--cy:45.3%;z-index:6;width:16cqw;top:4cqh;left:71cqw}.pt-rank.is-2{width:13cqw;top:9cqh;left:0}.pt-rank.is-3{aspect-ratio:224/284;--cx:47.6%;--cy:49.6%;width:13cqw;top:24cqh;left:86cqw}.pt-rank-in{transform-origin:50% 8%;filter:drop-shadow(0 0 .7px var(--color-outline)) drop-shadow(0 0 .7px var(--color-outline)) drop-shadow(0 3px 4px #0b1110b3);animation:3.6s ease-in-out infinite pt-rank-sway;position:absolute;inset:0}.pt-rank.is-2 .pt-rank-in{animation-delay:-1.2s}.pt-rank.is-3 .pt-rank-in{animation-delay:-2.4s}.pt-rank-in>img{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.pt-rank-in>b{left:var(--cx);top:var(--cy);font-family:var(--font-brush);color:var(--color-cream);-webkit-text-stroke:.17em var(--color-outline);paint-order:stroke fill;text-shadow:0 .06em 0 var(--color-outline);font-size:9cqw;font-weight:400;line-height:1;position:absolute;transform:translate(-50%,-52%)}.pt-rank.is-1 .pt-rank-in>b{color:var(--color-paper);font-size:11cqw}@keyframes pt-stamp{0%{opacity:0;transform:scale(1.9)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pt-rank-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.pt-band{z-index:5;flex:none;height:104px;margin:-34px -6% 0;animation:.36s cubic-bezier(.3,.7,.3,1) .52s both pt-band-in;position:relative;transform:rotate(-4.5deg)}@keyframes pt-band-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.pt-band img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.pt-band-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px 15% 22px}.pt-title{font-family:var(--font-brush-xl);color:var(--color-paper);-webkit-text-stroke:.06em var(--color-outline);paint-order:stroke fill;text-shadow:0 2px 0 var(--color-outline);margin:0;font-size:36px;font-weight:400;line-height:1}.pt-title em{color:var(--color-gold);font-style:normal}.pt-line{color:#eef1ead1;max-width:300px;margin:4px 0 0;font-size:11.5px;font-weight:700;line-height:1.25}.pt-players{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 12px 0;animation:.3s ease-out .68s both pt-up;display:grid}@keyframes pt-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pt-player{min-width:0;color:var(--color-cream);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.pt-player:disabled{cursor:default;opacity:1}.pt-face{border:3px solid var(--color-outline);background:var(--color-panel);width:54px;height:54px;box-shadow:0 0 0 2px var(--color-line);border-radius:999px;margin-top:8px;position:relative}.pt-player.is-1 .pt-face{width:62px;height:62px;box-shadow:0 0 0 2px var(--color-gold-deep);margin-top:0}.pt-pip{border:2px solid var(--color-outline);width:20px;height:20px;color:var(--color-outline);background:var(--color-ngoc);border-radius:999px;place-items:center;margin-left:-10px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-8px;left:50%}.pt-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.pt-power{font-size:12px}.pt-power-empty{color:var(--color-muted);text-align:center;font-size:10.5px;font-weight:700;line-height:1.2}.pt-note{color:var(--color-muted);text-align:center;margin:6px 16px 0;font-size:10.5px;font-weight:700}.pt-actions{flex:none;gap:8px;padding:12px 14px 0;display:flex}.pt-btn{border-radius:12px;flex:1;min-height:44px;font-size:14px;font-weight:800}.pt-btn.btn-ngoc{flex:1.6}.pt-root.is-closing{animation:.2s ease-in both pt-out}@keyframes pt-out{to{opacity:0}}.pt-root.is-still .pt-ink,.pt-root.is-still .pt-backdrop,.pt-root.is-still .pt-seat,.pt-root.is-still .pt-rank,.pt-root.is-still .pt-rank-in,.pt-root.is-still .pt-band,.pt-root.is-still .pt-players,.pt-root.is-still .pt-living,.pt-root.is-still .pt-portrait{animation:none}.pt-root.is-still .pt-living{transform:scale(1.06)}.pt-root:not(.is-ready) .pt-seat,.pt-root:not(.is-ready) .pt-rank,.pt-root:not(.is-ready) .pt-band,.pt-root:not(.is-ready) .pt-players{animation-play-state:paused}.nav-strip{border-top:2px solid var(--color-outline);background:linear-gradient(180deg, #0e141300 35%, #0e141399 100%) top / 100% 70px no-repeat, url(/ui/kit/nav-strip.webp) center top / 390px 70px repeat-x, var(--color-ink);position:relative;box-shadow:inset 0 1.5px #c9d6cf59,0 -3px 10px #0b111073}.nav-tab{min-width:0;height:64px;color:var(--color-cream);cursor:pointer;background:0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1px;padding:0 2px 5px;transition:transform .12s cubic-bezier(.2,1.6,.4,1);display:flex;position:relative}.nav-tab+.nav-tab:before{content:"";pointer-events:none;background:linear-gradient(#c9d6cf00,#c9d6cf47 50%,#c9d6cf00);width:1.5px;position:absolute;top:14px;bottom:10px;left:0}.nav-tab:active:not(:disabled){transform:translateY(2px)}.nav-tab .game-icon{z-index:1;margin-top:-8px;transition:transform .16s cubic-bezier(.2,1.6,.4,1);position:relative}.nav-tab .nav-label{z-index:1;font-family:var(--font-brush);white-space:nowrap;color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;font-size:15px;font-weight:400;line-height:1.1;position:relative}.nav-tab .nav-label.is-stage{font-family:var(--font-sans);-webkit-text-stroke-width:2.5px;font-size:11px;font-weight:800}.nav-tab.is-off .game-icon{filter:brightness(.38)saturate(.35);transition:filter .25s ease-out,transform .16s}.nav-tab.is-off .nav-label{color:#c9d6cf8c;font-size:14px}.nav-tab.is-on .game-icon{transform:translateY(-5px)}.nav-tab.is-on .nav-label{color:var(--ngoc-hi);-webkit-text-stroke-width:3.5px;font-size:17px}.nav-tab.is-on .nav-label:after{content:"";background:var(--color-ngoc);height:3px;box-shadow:0 0 0 1.5px var(--color-outline);border-radius:3px 1px;position:absolute;bottom:-3px;left:12%;right:12%}.nav-tab.is-on:active{transform:translateY(1px)}.nav-tab.is-lighting .game-icon{animation:.25s ease-out both nav-light}.nav-tab.is-lighting .nav-label{animation:.25s ease-out both nav-label-light}.nav-tab.is-lighting .nav-lantern{animation:.25s ease-out both nav-lantern-on,2.6s ease-in-out .25s infinite nav-lantern}@keyframes nav-light{0%{filter:brightness(.38)saturate(.35);transform:translateY(0)scale(.92)}60%{filter:brightness(1.15)saturate();transform:translateY(-6px)scale(1.04)}to{filter:none;transform:translateY(-5px)scale(1)}}@keyframes nav-label-light{0%{color:#c9d6cf8c}to{color:var(--ngoc-hi)}}.nav-tab .nav-lantern{z-index:2;border:1.5px solid var(--color-outline);background:radial-gradient(circle at 50% 40%, var(--color-gold) 0 22%, var(--color-son) 68%, var(--color-son-deep) 100%);width:9px;height:12px;box-shadow:0 0 4px 1px color-mix(in srgb, var(--color-son) 35%, transparent);pointer-events:none;border-radius:45% 45% 50% 50%;animation:2.6s ease-in-out infinite nav-lantern;position:absolute;top:4px;left:calc(50% - 27px)}@keyframes nav-lantern{0%,to{opacity:1;transform:scale(1)}18%{opacity:.78;transform:scale(.94)}32%{opacity:.95;transform:scale(1.02)}55%{opacity:.7;transform:scale(.92)}70%{opacity:1;transform:scale(1.03)}}@keyframes nav-lantern-on{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.nav-tab.is-locked{cursor:default}.nav-tab.is-locked .game-icon{filter:grayscale()brightness(.55)!important}.nav-tab.is-locked .nav-label{color:var(--color-muted)}.nav-strip.is-still .nav-tab,.nav-strip.is-still .nav-tab .game-icon,.nav-strip.is-still .nav-tab .nav-label,.nav-strip.is-still .nav-lantern{transition:none;animation:none!important}@media (prefers-reduced-motion:reduce){.nav-tab,.nav-tab .game-icon,.nav-tab .nav-label,.nav-lantern{transition:none;animation:none!important}}.tp-screen{background-image:radial-gradient(90% 24% at 50% 10%, #d8bb721a 0%, #d8bb7200 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141366 45%, #0e14139e 100%);background-size:100% 100%,320px 320px,100% 100%}.tp-vip-strip{text-align:left;border-radius:12px;align-items:center;gap:9px;padding:6px 10px 7px 8px;transition:transform 80ms;display:flex}.tp-vip-strip:active{transform:translateY(2px)}.tp-vip-strip-icon{flex:none;width:40px;height:40px}.tp-vip-strip-exp{color:var(--color-muted);font-size:11px;font-weight:800}.tp-vip-strip-next{color:var(--color-cream);margin-top:1px;font-size:10.5px;font-weight:800;display:block}.tp-bar{border:2px solid var(--color-outline);background:#0e141399;border-radius:5px;height:10px;margin-top:3px;display:block;overflow:hidden;box-shadow:inset 0 2px #00000059}.tp-bar-fill{background:linear-gradient(180deg, #efdca6, var(--color-gold) 55%, var(--color-gold-deep));transform-origin:0;height:100%;transition:transform .5s ease-out;display:block}.tp-bar.is-son .tp-bar-fill{background:linear-gradient(180deg, #e06a52, var(--color-son) 55%, var(--color-son-deep))}.tp-intro{color:var(--color-cream);text-shadow:0 1px 2px #0b1110f2,0 0 6px #0b1110b3;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;font-style:italic;font-weight:700;line-height:1.25;display:flex}.tp-closed-tag{border:2px solid var(--color-outline);color:#a9e0cc;white-space:nowrap;background:#4fb39440;border-radius:6px;flex:none;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;line-height:1.2;transform:rotate(-3deg)}.tp-closed{opacity:.75;cursor:default}.tp-fake{border:2px solid var(--color-son);max-width:46%;color:var(--color-son-deep);text-align:center;background:#eef1eae6;border-radius:6px;flex:none;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;line-height:1.2;transform:rotate(-3deg)}.tp-beta{border:2px solid var(--color-ngoc);color:var(--color-ngoc-deep,var(--color-ngoc));text-shadow:none;white-space:nowrap;background:#eef1eae6;border-radius:6px;flex:none;padding:1px 6px;font-size:11px;font-weight:800;line-height:1.2;transform:rotate(-3deg)}.tp-body{padding-top:10px}.tp-empty{text-align:center;margin-top:6px;padding:14px;font-size:13px;font-weight:700}.tp-foot{text-align:center;color:var(--color-cream);text-shadow:0 1px 2px #0b1110f2,0 0 6px #0b1110b3;margin:10px 6px 0;font-size:11.5px;font-weight:700;line-height:1.3}.tp-card{border-radius:14px;margin-top:10px;padding:8px 10px 9px}.tp-card:first-child{margin-top:0}.tp-card-head{flex-wrap:wrap;align-items:center;gap:4px 6px;min-height:26px;display:flex}.tp-card-icon{flex:none;width:28px;height:28px}.tp-card-title{white-space:nowrap;color:var(--color-gold);font-size:19px;line-height:1.1}.tp-card-desc{color:var(--color-cream);margin-top:2px;font-size:12px;font-weight:700;line-height:1.3}.tp-card-foot{align-items:center;gap:8px;margin-top:7px;display:flex}.tp-card-note{color:var(--color-muted);font-size:11.5px;font-weight:700;line-height:1.25}.tp-card-hint{text-align:right;color:var(--color-muted);margin-top:3px;font-size:10.5px;font-weight:700}.tp-days{border:2px solid var(--color-outline);white-space:nowrap;color:var(--color-cream);background:#0e14138c;border-radius:7px;margin-left:auto;padding:0 7px;font-size:11px;font-weight:800}.tp-link{border:2px solid var(--color-outline);color:#a9e0cc;background:#4fb39440;border-radius:8px;margin-left:auto;padding:1px 8px;font-size:11.5px;font-weight:800}.tp-link:active{transform:translateY(1px)}.tp-price{white-space:nowrap;flex:none;min-width:84px;font-size:13.5px}.tp-blocked{border:2px solid var(--color-outline);text-align:center;max-width:128px;color:var(--color-muted);background:#0e14138c;border-radius:8px;flex:none;padding:2px 8px;font-size:11px;font-weight:800;line-height:1.2}.tp-perks,.tp-vip-have{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.tp-perk{color:var(--color-cream);background:#0e141373;border:1.5px solid #b4c2b873;border-radius:7px;padding:1px 7px;font-size:11px;font-weight:700}.tp-perk b{color:var(--color-gold)}.tp-perk.is-on{border-color:#d8bb72bf}.tp-perk.is-paper{color:var(--color-inkbrown);background:#b4c2b852;border-color:#1c282666}.tp-reward{flex-wrap:wrap;align-items:center;gap:2px 8px;display:inline-flex}.tp-reward-cell{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.tp-stamp{border:2.5px solid var(--color-son);color:var(--color-son);font-family:var(--font-brush);white-space:nowrap;background:#eef1eae6;border-radius:6px;flex:none;padding:0 7px;font-size:13px;line-height:1.25;transform:rotate(-8deg);box-shadow:inset 0 0 0 1.5px #c8402c4d}.tp-stamp.is-sm{border-width:2px;padding:0 5px;font-size:11.5px}.tp-first{background-image:linear-gradient(180deg, #c8402c33 0%, #0e141340 100%), var(--tex-stone);text-align:left;background-size:100% 100%,256px 256px;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.tp-first:active{transform:scale(.985)}.tp-first.is-done{opacity:.85}.tp-first-face{flex:none;width:54px}.tp-first .tp-card-head{display:flex}.tp-first-desc{color:var(--color-muted);margin-top:1px;font-size:11.5px;font-style:italic;font-weight:700;line-height:1.3;display:block}.tp-first-line{color:var(--color-cream);margin-top:2px;font-size:12px;font-weight:800;line-height:1.25;display:block}.tp-first-open{border-radius:10px;flex:none;padding:5px 14px;font-size:14px;position:relative}.tp-row{align-items:center;gap:8px;padding:5px 6px 5px 9px;display:flex}.tp-fund{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;display:grid}.tp-fund-cell{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:5px 3px 6px;display:flex}.tp-fund-cell .tp-reward{justify-content:center}.tp-fund-cell.is-ready{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 #0b111099}.tp-fund-cell.is-done>:not(.tp-stamp){opacity:.5}.tp-fund-at{font-size:11px;font-weight:800;line-height:1.15}.tp-fund-btn{padding:1px 12px}.tp-fund-wait{color:var(--color-inkmuted);font-size:10px;font-weight:800;line-height:1.15}.tp-gems{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px;padding-top:6px;display:grid}.tp-gem{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:14px 5px 6px;display:flex;position:relative}.tp-gem-art{place-items:center;height:54px;display:grid}.tp-gem-name{font-size:12px;font-weight:800;line-height:1.15}.tp-gem-qty{color:var(--color-inkbrown);font-size:15px;font-weight:800;line-height:1.1}.tp-gem-bonus{color:var(--color-son);font-size:12px}.tp-gem .tp-price{min-width:0;margin-top:3px;padding-inline:4px;font-size:12.5px}.tp-gem .tp-blocked{width:100%;max-width:none;margin-top:3px}.tp-double{z-index:2;border:2px solid var(--color-outline);background:var(--color-son);color:#f7fbf5;white-space:nowrap;box-shadow:0 2px 0 var(--color-outline);border-radius:6px;padding:0 6px;font-size:10px;font-weight:800;line-height:1.35;position:absolute;top:-9px;left:-5px;transform:rotate(-6deg)}.tp-pack .tp-reward-cell{color:var(--color-cream)}.tp-pack.is-sold .tp-reward{opacity:.55}.tp-limit{border:2px solid var(--color-outline);white-space:nowrap;color:var(--color-cream);background:#4fb3944d;border-radius:7px;margin-left:auto;padding:0 7px;font-size:11px;font-weight:800}.tp-limit.is-zero{background:#c8402c59}.tp-vip-seal{border:3px solid var(--color-outline);background:radial-gradient(circle at 40% 32%, #efdca6 0%, var(--color-gold) 48%, var(--color-gold-deep) 100%);box-shadow:inset 0 0 0 2px #fffffa73, 0 2px 0 var(--color-outline);color:var(--color-inkbrown);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tp-vip-seal.is-zero{background:radial-gradient(circle at 40% 32%, #7d8f88 0%, var(--color-line) 100%);color:var(--color-cream)}.tp-vip-seal-cap{font-size:9px;font-weight:800}.tp-vip-seal-n{font-family:var(--font-brush)}.tp-vip-seal.is-sm{border-width:2.5px;width:40px;height:40px}.tp-vip-seal.is-sm .tp-vip-seal-n{font-size:17px}.tp-vip-seal.is-md{width:48px;height:48px}.tp-vip-seal.is-md .tp-vip-seal-n{font-size:21px}.tp-vip-seal.is-lg{width:70px;height:70px}.tp-vip-seal.is-lg .tp-vip-seal-cap{font-size:12px}.tp-vip-seal.is-lg .tp-vip-seal-n{font-size:32px}.tp-vip-head{border-radius:14px;align-items:center;gap:12px;padding:10px 12px 11px;display:flex}.tp-vip-line{color:var(--color-gold);font-size:17px;line-height:1.1}.tp-vip-exp{color:var(--color-cream);font-size:12px;font-weight:800}.tp-vip-next{color:var(--color-muted);margin-top:2px;font-size:11px;font-weight:800}.tp-vip-row{align-items:center;gap:9px;padding:6px 8px;display:flex}.tp-vip-row:not(.is-reached) .tp-vip-seal{filter:saturate(.4)brightness(.9)}.tp-vip-row.is-here{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 #0b111099}.tp-vip-row-exp{color:var(--color-inkmuted);font-size:10.5px;font-weight:800;display:block}.tp-vip-row-perks{flex-wrap:wrap;gap:3px;margin-top:1px;display:flex}.tp-vip-row-none{color:var(--color-inkmuted);font-size:11px;font-weight:700;display:block}.tp-vip-row-lock{color:var(--color-inkmuted);flex:none;font-size:11px;font-weight:800}.tp-confirm{border-radius:14px;margin-top:12px;padding:22px 12px 12px}.tp-confirm-body{padding:8px 11px 9px}.tp-confirm-desc{font-size:13px;font-style:italic;font-weight:700;line-height:1.3}.tp-confirm-row{align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:800;display:flex}.tp-confirm-label{min-width:64px;color:var(--color-inkmuted);flex:none;font-size:11.5px;font-weight:800}.tp-confirm-double{border:2px solid var(--color-outline);background:var(--color-son);color:#f7fbf5;border-radius:6px;margin-top:5px;padding:0 6px;font-size:11px;font-weight:800;display:inline-block}.tp-confirm-price{border-top:1.5px dashed #1c282666;align-items:center;gap:8px;margin-top:8px;padding-top:6px;font-size:20px;font-weight:800;display:flex}.tp-fake-seal{border:2.5px solid var(--color-son);width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--color-son-deep);text-align:center;background:#eef1eaf0;border-radius:7px;margin:10px auto 0;padding:2px 10px;font-size:13px;font-weight:800;transform:rotate(-2deg);box-shadow:inset 0 0 0 1.5px #c8402c4d}.tp-tabs .tab{white-space:nowrap;padding-inline:4px}.tp-busy{border:2px solid var(--color-outline);color:#a9e0cc;background:#4fb39440;border-radius:6px;flex:none;padding:1px 7px;font-size:10.5px;font-weight:800}.tp-confirm-note{text-align:center;color:var(--color-cream);margin-top:8px;font-size:12px;font-weight:700;line-height:1.3}.tp-price:disabled{opacity:.6}.tp-restore-row{justify-content:center;margin-top:14px;display:flex}.tp-restore{margin-left:0;padding:3px 12px;font-size:12px}.tp-restore:disabled{opacity:.55}.amb{pointer-events:none;overflow:hidden}.amb-host{position:absolute;inset:0}.amb-view{width:100%;position:sticky;top:0;left:0}.amb-paused,.amb-paused *{animation-play-state:paused!important}.amb-p{opacity:0;will-change:transform, opacity;width:0;height:0;position:absolute}.amb-p>i{display:block;position:absolute}.amb-leaves,.amb-petals{animation:amb-fall var(--amb-dur,12s) linear infinite}@keyframes amb-fall{0%{opacity:0;transform:translate(0,0)}10%{opacity:.9}80%{opacity:.9}to{transform:translate3d(var(--amb-dx,30px), var(--amb-dy,300px), 0);opacity:0}}.amb-leaves>i{background:#c39a52;border-radius:0 100%;width:12px;height:6px;animation:2.6s ease-in-out infinite alternate amb-sway}.amb-leaves.amb-alt>i{background:#b0604a}.amb-leaves.amb-small>i{background:#cfae6e;width:9px;height:5px}@keyframes amb-sway{0%{transform:translate(-10px)rotate(-35deg)}to{transform:translate(10px)rotate(40deg)}}.amb-petals>i{background:#e6b3b8;border-radius:100% 0 70% 30%;width:11px;height:8px;animation:2.8s ease-in-out infinite alternate amb-flutter}.amb-petals.amb-alt>i{background:#d6949e}.amb-petals.amb-small>i{background:#efcfd1;width:8px;height:6px}@keyframes amb-flutter{0%{transform:translate(-12px)rotate(-20deg)rotateX(0)}50%{transform:translate(0)rotate(30deg)rotateX(70deg)}to{transform:translate(12px)rotate(80deg)rotateX(0)}}.amb-snow{animation:amb-drop var(--amb-dur,14s) linear infinite}@keyframes amb-drop{0%{transform:translate3d(0, 0, 0) scale(var(--amb-s,1));opacity:0}6%{opacity:.9}92%{opacity:.9}to{transform:translate3d(var(--amb-dx,40px), var(--amb-dy,600px), 0) scale(var(--amb-s,1));opacity:0}}.amb-snow>i{background:radial-gradient(circle,#fdfefe 0 34%,#c4d2dcbf 46%,#c4d2dc00 72%);border-radius:50%;width:8px;height:8px;animation:3.6s ease-in-out infinite alternate amb-drift;top:-4px;left:-4px}@keyframes amb-drift{0%{transform:translate(-9px)}to{transform:translate(9px)}}.amb-rain{animation:amb-streak var(--amb-dur,.8s) linear infinite}@keyframes amb-streak{0%{opacity:0;transform:translate(0,0)}10%{opacity:1}to{transform:translate3d(var(--amb-dx,60px), var(--amb-dy,600px), 0);opacity:1}}.amb-rain>i{width:1.5px;height:18px;transform:rotate(var(--amb-rot,-12deg));transform-origin:50% 100%;background:linear-gradient(#d6e2ea00,#d6e2ea8c);border-radius:1px;top:-18px;left:0}.amb-fireflies{opacity:1;animation:amb-wander var(--amb-dur,12s) ease-in-out infinite alternate}@keyframes amb-wander{0%{transform:translate(0,0)}33%{transform:translate3d(var(--amb-x1), var(--amb-y1), 0)}66%{transform:translate3d(var(--amb-x2), var(--amb-y2), 0)}to{transform:translate3d(var(--amb-x3), var(--amb-y3), 0)}}.amb-fireflies>i{background:radial-gradient(circle,#eef3c4 0 22%,#d6e49673 40%,#d6e49600 70%);border-radius:50%;width:10px;height:10px;animation:2.6s ease-in-out infinite amb-blink;top:-5px;left:-5px}@keyframes amb-blink{0%,to{opacity:.1}45%,60%{opacity:.9}}.amb-embers{animation:amb-rise var(--amb-dur,8s) ease-out infinite}@keyframes amb-rise{0%{transform:translate3d(0, 0, 0) scale(var(--amb-s,1));opacity:0}12%{opacity:.85}70%{opacity:.6}to{transform:translate3d(var(--amb-dx,20px), var(--amb-dy,-300px), 0) scale(calc(var(--amb-s,1) * .4));opacity:0}}.amb-embers>i{background:radial-gradient(circle,#f2c79a 0 30%,#d6804699 50%,#d6804600 72%);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite alternate amb-flick;top:-3px;left:-3px}@keyframes amb-flick{0%{transform:scale(.8)}to{transform:scale(1.15)}}.amb-mist{width:150%;height:120px;opacity:var(--amb-o,.22);animation:amb-mist var(--amb-dur,80s) ease-in-out infinite alternate;background:radial-gradient(closest-side,#f0f4f199,#0000) 8% 40%/45% 60% no-repeat,radial-gradient(closest-side,#e2e9e580,#0000) 52% 60%/55% 65% no-repeat,radial-gradient(closest-side,#f0f4f180,#0000) 92% 45%/40% 55% no-repeat;margin-top:-60px;left:-45%}.amb-mist.amb-rev{animation-direction:alternate-reverse}@keyframes amb-mist{0%{transform:translate(-12%)}to{transform:translate(12%)}}.hl-crew{pointer-events:none;position:absolute;inset:0}.hl-crew-canvas{z-index:1;pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0}.hl-hit{z-index:1;pointer-events:auto;cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.hl-hit:focus-visible{outline:2px solid var(--color-ngoc);outline-offset:2px;border-radius:8px}.hl-bark{z-index:7;background:var(--color-paper);max-width:168px;color:var(--color-inkbrown);border:2px solid var(--color-outline);text-align:center;opacity:0;will-change:transform, opacity;pointer-events:none;border-radius:12px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.3;transition:opacity .25s;position:absolute;top:0;left:0}.hl-bark:after{content:"";background:var(--color-paper);border-right:2px solid var(--color-outline);border-bottom:2px solid var(--color-outline);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.hl-bark-on{opacity:1}.hl-banter{z-index:7;background:var(--color-paper);width:max-content;max-width:min(160px,44vw);color:var(--color-ink);border:2px solid var(--color-outline);font-family:"Baloo 2", var(--font-sans,sans-serif);text-align:left;opacity:0;transform-origin:var(--tail,50%) 100%;will-change:translate, scale, opacity;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;padding:5px 9px 6px;font-size:12.5px;font-weight:700;line-height:1.22;transition:opacity .22s,scale .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0;scale:.86}.hl-banter:after{content:"";left:var(--tail,50%);background:var(--color-paper);border-right:2px solid var(--color-outline);border-bottom:2px solid var(--color-outline);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-7px;transform:rotate(45deg)}.hl-banter-on{opacity:1;pointer-events:auto;scale:1}@media (prefers-reduced-motion:reduce){.hl-banter{transition:opacity .2s;scale:1}}.hfx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hfx-paused,.hfx-paused *{animation-play-state:paused!important}.hfx-mist{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-paper) 60%, transparent), transparent) 8% 40% / 45% 60% no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--color-paper-2) 50%, transparent), transparent) 52% 60% / 55% 65% no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--color-paper) 50%, transparent), transparent) 92% 45% / 40% 55% no-repeat;width:150%;height:120px;opacity:var(--hfx-o,.25);animation:hfx-drift var(--hfx-dur,90s) ease-in-out infinite alternate;will-change:transform;margin-top:-60px;position:absolute;left:-45%}.hfx-mist-rev{animation-direction:alternate-reverse}@keyframes hfx-drift{0%{transform:translate(-12%)}to{transform:translate(12%)}}.hfx-leaf{opacity:0;width:0;height:0;animation:hfx-fall var(--hfx-dur,12s) linear infinite;will-change:transform, opacity;position:absolute}.hfx-leaf>i{background:color-mix(in srgb, var(--color-gold) 75%, var(--color-paper));border-radius:0 100%;width:9px;height:5px;animation:2.6s ease-in-out infinite alternate hfx-sway;display:block;position:absolute}.hfx-leaf>i.hfx-leaf-pale{background:color-mix(in srgb, var(--color-gold) 45%, var(--color-paper));width:7px;height:4px}@keyframes hfx-fall{0%{opacity:0;transform:translate(0,0)}10%{opacity:.85}80%{opacity:.85}to{transform:translate3d(var(--hfx-dx,30px), var(--hfx-dy,300px), 0);opacity:0}}@keyframes hfx-sway{0%{transform:translate(-9px)rotate(-35deg)}to{transform:translate(9px)rotate(40deg)}}.hfx-flock{width:80px;height:30px;animation:hfx-fly var(--hfx-dur,20s) linear 1 forwards;will-change:transform;position:absolute;left:0}.hfx-flock-rev{animation-name:hfx-fly-rev}.hfx-flock-rev .hfx-bird{transform:scaleX(-1)}@keyframes hfx-fly{0%{transform:translate(-90px)}to{transform:translate(calc(100vw + 20px),-40px)}}@keyframes hfx-fly-rev{0%{transform:translate(calc(100vw + 20px))}to{transform:translate(-90px,-30px)}}.hfx-bird{opacity:.55;width:14px;height:6px;position:absolute}.hfx-bird:before,.hfx-bird:after{content:"";border-top:1.5px solid var(--color-outline);transform-origin:100% 100%;border-radius:60% 60% 0 0;width:7px;height:5px;animation:.55s ease-in-out infinite alternate hfx-flap;position:absolute;top:0}.hfx-bird:before{left:0}.hfx-bird:after{transform-origin:0 100%;left:7px}@keyframes hfx-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.6)}}.hfx-night .hfx-mist{opacity:calc(var(--hfx-o,.25) * .45)}.hl-chat{z-index:7;background:var(--color-paper-2);max-width:190px;color:var(--color-inkbrown);border:1.5px solid var(--color-outline);text-align:left;opacity:0;will-change:transform, opacity;pointer-events:none;border-radius:10px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .3s;position:absolute;top:0;left:0}.hl-chat b{color:var(--color-son-deep);font-weight:800}.hl-chat:after{content:"";background:var(--color-paper-2);border-right:1.5px solid var(--color-outline);border-bottom:1.5px solid var(--color-outline);width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.hl-chat-on{opacity:1}.home-map{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--color-paper-2);position:absolute;inset:0;overflow:hidden auto}.home-map-sheet{background:linear-gradient(#c9d8d2 0%,#e6ede8 130px,#e6ede800 130px),linear-gradient(0deg,#667c77 0%,#7f948e 96px,#7f948e00 96px)}.home-stage{z-index:1;position:sticky;top:0;overflow:hidden}.home-scene-canvas{z-index:1;pointer-events:none;display:block;position:absolute;top:0;left:0}.home-map-canvas,.home-map-under{will-change:transform;position:absolute;top:0}.home-map-canvas{z-index:2}.home-map-canvas:before,.home-map-canvas:after{content:"";z-index:1;pointer-events:none;height:48px;position:absolute;left:0;right:0}.home-map-canvas:before{background:linear-gradient(#e6ede8 0%,#e6ede800 100%);top:0}.home-map-canvas:after{background:linear-gradient(#7f948e00 0%,#7f948e 100%);bottom:0}.home-map-tiles{flex-direction:column;display:flex;position:absolute;inset:0}.home-map-tiles img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.home-crew-host{pointer-events:none;position:absolute;inset:0}.home-map-fallback{background:radial-gradient(70% 8% at 30% 33%,#eef1eae6 0%,#eef1ea00 70%),radial-gradient(80% 9% at 75% 52%,#eef1ead9 0%,#eef1ea00 70%),linear-gradient(#e6ede8 0%,#cbdad3 10%,#b9cbc3 18%,#dfe3d6 30%,#e4e2d2 55%,#d8dccd 75%,#a9bab3 92%,#7f948e 100%);position:absolute;inset:0;overflow:hidden}.hmf-mount{pointer-events:none;position:absolute;left:-10%;right:-10%}.hmf-mount.is-far{opacity:.75;background:radial-gradient(28% 60% at 18% 100%,#9fb6ae 0% 55%,#9fb6ae00 56%),radial-gradient(22% 85% at 55% 100%,#a9bdb5 0% 55%,#a9bdb500 56%),radial-gradient(26% 70% at 88% 100%,#96aea6 0% 55%,#96aea600 56%);height:16%;top:0}.hmf-mount.is-near{opacity:.7;background:radial-gradient(30% 70% at 8% 100%,#7d9890 0% 55%,#7d989000 56%),radial-gradient(24% 55% at 70% 100%,#86a198 0% 55%,#86a19800 56%);height:14%;top:9%}.hmf-band{background:radial-gradient(50% 50%,#f4f7f3f2 0%,#f4f7f300 100%);height:5%;position:absolute;left:-20%;right:-20%}.hmf-band.is-alt{left:-40%;right:0}.hmf-plaza{background:radial-gradient(50% 50%,#eef1ea 0%,#e3e6dc 60%,#d6dccf00 100%);border-radius:50%;width:70%;height:9%;position:absolute;left:50%;transform:translate(-50%,-50%)}.hmf-wall{border-top:2px solid var(--color-outline);border-bottom:2px solid var(--color-outline);background:linear-gradient(#4a5f59 0%,#32443f 100%);height:2.4%;position:absolute;left:0;right:0;transform:translateY(40%)}.hmf-road{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hmf-road path{fill:none;stroke:#f4f2e8;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round}.hmf-road path.is-edge{stroke:#8fa39c;stroke-width:19px;opacity:.55}.hb{z-index:2;position:absolute}.hb.is-pin{aspect-ratio:1.15;transform:translate(-50%,-50%)}.hb.has-art .hb-hit{padding:0;display:block;inset:0}.hb.has-art .hb-tags{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-40%)}.hb.is-focus{z-index:6}.hb:has(.hb-tip){z-index:6}.hb-ph{pointer-events:none;width:72%;height:46%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hb-ph:before,.hb-ph:after{content:"";position:absolute;left:0;right:0}.hb-ph:before{background:var(--color-ngoc-deep);border:2px solid var(--color-outline);clip-path:polygon(0 100%,14% 18%,50% 0,86% 18%,100% 100%);height:48%;top:0}.hb-ph:after{border:2px solid var(--color-outline);background:linear-gradient(#dfe4da 0%,#b4c2b8 100%);border-top:0;inset:46% 12% 0}.hb-ph.is-gate{width:92%}.hb-ph.is-gate:after{background:linear-gradient(#4a5f59 0%,#253331 100%)}.hb-hit{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:0;scroll-margin:270px 0 150px;display:flex;position:absolute;inset:0}.hb-hit:active .hb-pin{transform:translateY(2px)scale(.96)}.hb-pin{margin-top:-14px;transition:transform .12s ease-out;position:relative}.hb-seal{border:2px solid var(--color-outline);background:linear-gradient(180deg, #ffffff29 0%, #fff0 45%), var(--color-son);width:46px;height:46px;box-shadow:inset 0 0 0 2px #ffecde59, 0 3px 0 var(--color-son-deep);border-radius:7px;place-items:center;display:grid;transform:rotate(-4deg)}.hb-seal>*{transform:rotate(4deg)}.hb.is-locked .hb-seal{filter:grayscale(.85);background:linear-gradient(#8c9a95 0%,#6c7a75 100%);box-shadow:inset 0 0 0 2px #eef3ec40,0 3px #3c4a46}.hb-name,.hb-sign,.hb-status{translate:var(--hb-shift,0px) 0}.hb.is-pin .hb-tags{display:contents}.hb-name{white-space:nowrap;color:var(--color-cream);background:var(--color-ink);clip-path:polygon(0 18%,6% 0,94% 6%,100% 30%,97% 100%,4% 92%);text-shadow:0 1px 0 var(--color-outline);margin-top:5px;padding:1px 12px 2px;font-size:15px;line-height:1.15;position:relative}.hb.has-art .hb-name{margin-top:0;padding:1px 10px 2px 11px;font-size:13px;overflow:visible}.hb-label{display:flex;position:relative}.hb-label .hb-dot{top:50%;left:-5px;right:auto;transform:translateY(-50%)}.hb.is-locked .hb-name{color:var(--color-muted);background:#2a3532}.hb-bubble{z-index:1;border:2px solid var(--color-outline);background:var(--color-paper);width:32px;height:32px;box-shadow:0 2px 0 var(--color-paper-3);pointer-events:none;border-radius:50%;place-items:center;animation:2.4s ease-in-out infinite hb-bob;display:grid;position:absolute;transform:translate(-50%,-100%)}.hb-bubble:after{content:"";background:var(--color-paper);border-right:2px solid var(--color-outline);border-bottom:2px solid var(--color-outline);width:9px;height:9px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.hb-bubble>*{z-index:1;position:relative}@keyframes hb-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 4px))}}.hb-status{white-space:nowrap;color:var(--color-inkbrown);box-shadow:0 0 0 1px var(--color-outline);background:#eef1eaeb;border-radius:999px;margin-top:2px;padding:0 7px;font-size:10.5px;font-weight:800;line-height:1.5}.hb-status.is-lock{color:var(--color-son-deep)}.hb-sign{letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;color:var(--color-gold);background:var(--color-panel);border:1.5px solid var(--color-outline);border-radius:3px;margin-top:3px;padding:0 6px;font-size:10px;font-weight:800;line-height:1.6;transform:rotate(-3deg)}.hb.has-art.is-focus .hb-name,.hb.is-focus .hb-pin{animation:.6s cubic-bezier(.2,1.6,.4,1) .9s both hb-pop}.hb.is-focus .hb-pin:after{content:"";border:3px solid var(--color-ngoc);pointer-events:none;border-radius:12px;animation:1.1s ease-out 1s 2 both hb-ring;position:absolute;inset:-8px}@keyframes hb-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes hb-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.hb-beacon{border:3px solid var(--color-son);pointer-events:none;border-radius:14px;animation:1.6s ease-out infinite hb-ring;position:absolute;inset:-9px}.hb-label .hb-beacon{border-radius:10px;inset:-7px -8px}.hb-tip{text-align:center;width:max-content;max-width:220px;color:var(--color-inkbrown);background:var(--color-paper);border:2px solid var(--color-outline);box-shadow:0 3px 0 var(--color-paper-3);pointer-events:none;border-radius:10px;padding:6px 10px;font-size:12.5px;font-weight:700;line-height:1.3;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.hb.has-art .hb-tip{top:58%;bottom:auto;transform:translate(-50%,-100%)}.hb-chest{flex-direction:column;align-items:center;display:flex;position:relative}.hb-chest img{filter:drop-shadow(0 3px #0b111059);width:74px;height:auto;margin-top:-10px}.hb-chest.has-loot img{animation:1.6s ease-in-out infinite bob}.hb-clock{border:1.5px solid var(--color-outline);white-space:nowrap;color:var(--color-gold);background:var(--color-panel);border-radius:999px;margin-top:-6px;padding:0 7px;font-size:11px;font-weight:800;line-height:1.5}.hb-clock.is-full{color:var(--color-cream);background:var(--color-son-deep)}.home-map.is-still .hb-chest img,.home-map.is-still .hb-bubble,.home-map.is-still .hb-beacon{animation:none}@media (prefers-reduced-motion:reduce){.hb-chest img,.hb-bubble,.hb-beacon{animation:none}}.home-offer-icon.is-burst{z-index:3}.home-offer-icon.is-burst>:first-child{animation:.8s ease-out offer-bump}@keyframes offer-bump{0%{transform:scale(1)}18%{transform:scale(1.08)rotate(-2deg)}40%{transform:scale(.98)}60%,to{transform:scale(1)}}.offer-burst{z-index:1;pointer-events:none;width:0;height:0;position:absolute;top:48%;left:50%}.offer-burst-ring{opacity:0;border:2px solid #f0e2b6d9;border-radius:50%;width:64px;height:64px;animation:.55s ease-out both offer-ring;position:absolute;top:-32px;left:-32px;box-shadow:0 0 0 1px #0e141359}@keyframes offer-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.25)}}.offer-ray{transform-origin:50% 0;opacity:0;background:linear-gradient(#f6eac400,#f6eac4 30%,#d6b870f2 75%,#d6b87000);border-radius:2px;width:4px;height:22px;animation:.8s cubic-bezier(.15,.7,.3,1) both offer-ray;position:absolute;top:0;left:-2px;box-shadow:0 0 0 1px #0e1413bf}@keyframes offer-ray{0%{opacity:0;transform:rotate(var(--a)) translateY(20px) scaleY(.2)}20%{opacity:1;transform:rotate(var(--a)) translateY(27px) scaleY(var(--l))}70%{opacity:.85;transform:rotate(var(--a)) translateY(42px) scaleY(calc(var(--l) * .7))}to{opacity:0;transform:rotate(var(--a)) translateY(50px) scaleY(.25)}}.offer-dot{opacity:0;background:#efdfae;border-radius:50%;width:6px;height:6px;animation:.8s ease-out 80ms both offer-dot;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 1px #0e14138c}@keyframes offer-dot{0%{opacity:0;transform:rotate(var(--a)) translateY(14px) scale(.6)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(var(--d)) scale(.3)}}.home-banner-sheen{pointer-events:none;border-radius:5px;position:absolute;inset:2px;overflow:hidden}.home-banner-sheen:before{content:"";width:45%;animation:13s linear infinite banner-sheen;animation-delay:var(--sheen-delay,0s);background:linear-gradient(90deg,#f6ecce00,#f6ecce61 50%,#f6ecce00);position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-130%)skew(-16deg)}@keyframes banner-sheen{0%,92%{transform:translate(-130%)skew(-16deg)}to{transform:translate(260%)skew(-16deg)}}@media (prefers-reduced-motion:reduce){.offer-burst,.home-banner-sheen{display:none}.home-offer-icon.is-burst>:first-child{animation:none}}.home-root{background:var(--color-ink);overflow-x:clip}.home-hud{z-index:10;pointer-events:none;position:absolute;inset:0}.home-hud button{pointer-events:auto}.home-hud:before{content:"";z-index:-1;background:linear-gradient(#0e1413b3 0%,#0e14136b 55%,#0e141300 100%);height:250px;position:absolute;inset:0 0 auto}.home-top{align-items:flex-start;gap:8px;padding-bottom:14px;padding-left:10px;padding-right:10px;display:flex;position:relative}.home-avatar{border:3px solid var(--color-outline);background:var(--color-panel-2);width:62px;height:62px;box-shadow:0 0 0 2px var(--color-gold-deep), 0 3px 0 2px var(--color-outline);border-radius:999px;flex:none;padding:0;position:relative}.home-avatar:active{transform:translateY(1px)}.home-vip{border:1.5px solid var(--color-outline);white-space:nowrap;color:var(--color-inkbrown);background:var(--color-gold);border-radius:4px;padding:0 6px;font-size:10px;font-weight:800;line-height:1.45;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.home-id{flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0;display:flex}.home-cur{pointer-events:auto;flex-wrap:nowrap}.home-ribbon{border:0;border-left:4px solid var(--color-son);text-align:left;max-width:100%;color:var(--color-cream);clip-path:polygon(0 0,96% 8%,100% 55%,95% 100%,0 100%);background:linear-gradient(90deg,#0e1413eb 0%,#0e1413d1 70%,#0e141300 100%);align-items:baseline;gap:8px;padding:2px 16px 3px 10px;display:flex}.home-name{min-width:0;font-size:16px;line-height:1.2}.home-power{color:var(--color-gold);flex:none;font-size:13px;font-weight:800}.home-power-k{color:var(--color-muted);font-size:10.5px}.home-mid{align-items:flex-start;gap:6px;margin-top:-4px;padding:0 8px;display:flex}.home-offers{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;max-width:320px;display:grid}.home-offer{background:0 0;border:0;flex-direction:column;align-items:center;min-width:0;padding:0;display:flex}.home-offer:active{transform:translateY(2px)}.home-offer-icon{filter:drop-shadow(0 2px #0b11108c);width:48px;height:48px;display:block;position:relative}.home-offer-ph{background:var(--color-panel-2);border:2px solid var(--color-outline);border-radius:12px;width:100%;height:100%;display:block}.home-offer-label{max-width:100%;color:var(--color-cream);background:#0e1413d1;border-radius:3px;margin-top:-7px;padding:0 4px;font-size:11.5px;line-height:1.25;position:relative}.home-offer-note{max-width:100%;color:var(--color-ngoc);text-shadow:0 1px 0 var(--color-outline), 0 0 3px var(--color-ink);font-size:9.5px;font-weight:800;line-height:1.35}.home-banners{flex-direction:column;flex:none;gap:6px;width:78px;display:flex}.home-banner{border:2px solid var(--color-outline);background:var(--color-panel);height:104px;box-shadow:inset 0 0 0 1.5px var(--color-gold-deep), 0 3px 0 var(--color-outline);border-radius:8px;flex-direction:column;justify-content:flex-end;padding:0 3px 3px;display:flex;position:relative;overflow:visible}.home-banner:active{transform:translateY(2px)}.home-banner-art{background:var(--color-panel-3) center / cover no-repeat;border-radius:5px;position:absolute;inset:2px}.home-banner-art:after{content:"";background:linear-gradient(#0e141300 40%,#0e1413e0 100%);border-radius:5px;position:absolute;inset:0}.home-banner-title{text-align:center;color:var(--color-cream);font-size:12.5px;line-height:1.1;position:relative}.home-banner-note{text-align:center;color:var(--color-ngoc);font-size:9.5px;font-weight:800;position:relative}@media (max-width:379px){.home-banners{gap:5px;width:66px}.home-banner{height:84px}.home-banner-title{font-size:11px}}.home-rail{border:2px solid var(--color-outline);visibility:hidden;background:#0e1413c7;border-right:0;border-radius:12px 0 0 12px;flex-direction:column;gap:7px;padding:8px 4px 8px 6px;transition:transform .22s cubic-bezier(.2,1,.3,1),visibility 0s linear .22s;display:flex;position:absolute;bottom:118px;right:0;transform:translate(calc(100% + 4px));box-shadow:-3px 3px #0b111080}.home-rail.is-open{visibility:visible;transition:transform .22s cubic-bezier(.2,1,.3,1),visibility;transform:none}.home-rail-tab{border:2px solid var(--color-outline);background:var(--color-panel-2);width:22px;height:58px;box-shadow:inset 0 2px 0 #eef3ec1f, -2px 3px 0 var(--color-outline);border-right:0;border-radius:10px 0 0 10px;padding:0;transition:right .22s cubic-bezier(.2,1,.3,1);position:absolute;bottom:230px;right:0}.home-rail-tab.is-open{right:70px}.home-rail-chev{border-left:3px solid var(--color-cream);border-bottom:3px solid var(--color-cream);width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-30%,-50%)rotate(45deg)}.home-rail-tab.is-open .home-rail-chev{transform:translate(-70%,-50%)rotate(-135deg)}@media (prefers-reduced-motion:reduce){.home-rail,.home-rail.is-open,.home-rail-tab{transition:none}}.home-rail-btn{background:0 0;border:0;flex-direction:column;align-items:center;width:58px;padding:0;display:flex;position:relative}.home-rail-btn:active{transform:translateY(2px)}.home-rail-disc{border:2px solid var(--color-outline);background:var(--color-panel-2);width:44px;height:44px;box-shadow:inset 0 2px 0 #eef3ec1f, 0 3px 0 var(--color-outline);border-radius:12px;place-items:center;display:grid;position:relative}.home-rail-label{white-space:nowrap;max-width:100%;color:var(--color-cream);background:#0e1413d9;border-radius:3px;margin-top:-6px;padding:0 4px;font-size:10.5px;line-height:1.25;position:relative}.home-main{flex-direction:column;gap:4px;width:min(232px,62%);display:flex;position:absolute;bottom:8px;left:8px}.home-main-chapter{border:1.5px solid var(--color-outline);color:var(--color-cream);background:var(--color-panel);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:1px 10px;font-size:11.5px;font-weight:800;display:flex}.home-main-chapter .font-brush{color:var(--color-gold);font-size:13px}.home-main-track{background:var(--color-ink);border-radius:3px;width:54px;height:6px;position:relative;overflow:hidden}.home-main-track>span{transform-origin:0;background:var(--color-gold);position:absolute;inset:0}.home-main-fight{text-align:left;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.home-main-seal{border:2px solid var(--color-outline);background:var(--color-paper-2);border-radius:10px;flex:none;width:52px;height:52px;overflow:hidden}.home-main-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.home-main-label{text-shadow:0 2px 0 var(--color-son-deep);font-size:21px;line-height:1.05}.home-main-stage{align-items:center;gap:5px;font-size:14px;font-weight:800;display:flex}.home-main-stage i{color:var(--color-son-deep);background:var(--color-paper);border-radius:4px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800}.home-main-vs{color:#fff4ecd9;font-size:11px;font-weight:800}.home-main-vs em{color:var(--color-paper);font-style:normal}.home-main-vs em.is-hard{color:var(--color-gold)}.home-chest-modal{max-height:calc(100% - 24px);overflow-y:auto}.hcard-r{--wl:8.33%;--wt:5.58%;--ww:83.33%;--wh:75.38%;--nl:8.33%;--nt:82.31%;--nw:83.33%;--nh:11.92%;--tl:2.22%;--tt:1.54%;--tw:34.72%;--th:9.23%}.hcard-sr{--wl:6.94%;--wt:5.77%;--ww:85.83%;--wh:74.42%;--nl:8.06%;--nt:81.92%;--nw:83.89%;--nh:12.69%;--tl:6.94%;--tt:1.92%;--tw:32.22%;--th:8.27%}.hcard-ssr{--wl:8.61%;--wt:7.31%;--ww:83.06%;--wh:75.0%;--nl:8.61%;--nt:83.65%;--nw:78.61%;--nh:11.15%;--tl:8.61%;--tt:7.31%;--tw:30.83%;--th:7.12%}.hcard-ur{--wl:15.56%;--wt:14.62%;--ww:69.17%;--wh:65.77%;--nl:22.5%;--nt:82.5%;--nw:55.56%;--nh:8.85%;--tl:7.5%;--tt:7.5%;--tw:30%;--th:8.85%}.hcard{text-align:left;min-width:0;color:var(--color-cream);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex;position:relative}.hcard-row{width:72px}.hcard-large{width:160px}button.hcard:active .hcard-face{transform:translateY(1px)}.hcard-face{aspect-ratio:360/520;width:100%;display:block;position:relative;container-type:inline-size}.hcard-win{left:var(--wl);top:var(--wt);width:var(--ww);height:var(--wh);background:color-mix(in srgb, var(--fcol) 28%, var(--color-ink));position:absolute;overflow:hidden}.hcard-img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;display:block}.hcard .hcard-portrait{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%}.hcard-shade{pointer-events:none;background:linear-gradient(#0e141300,#0e1413d1);height:34%;position:absolute;inset:auto 0 0}.hcard-frame{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.hcard-tier{left:var(--tl);top:var(--tt);width:var(--tw);height:var(--th);font-family:var(--font-brush);letter-spacing:.01em;color:var(--color-cream);-webkit-text-stroke:.15em var(--color-outline);paint-order:stroke fill;text-shadow:0 .08em 0 var(--color-outline);pointer-events:none;justify-content:center;align-items:center;font-size:13cqw;line-height:1;display:flex;position:absolute}.hcard-r .hcard-tier{font-size:16cqw}.hcard-sr .hcard-tier{font-size:14.5cqw}.hcard-ssr .hcard-tier{color:var(--color-son);-webkit-text-stroke-color:#fff1c9;text-shadow:0 .08em 0 var(--color-gold-deep);font-size:13cqw}.hcard-ur .hcard-tier{color:var(--color-gold);font-size:14.5cqw}.hcard-fac{right:calc(100% - var(--wl) - var(--ww) + 2cqw);top:calc(var(--wt) + 2cqw);pointer-events:none;width:16cqw;height:16cqw;position:absolute}.hcard-fac .game-icon{width:100%!important;height:100%!important}.hcard-fac .game-icon-fallback{box-shadow:inset 0 -2cqw #0b11104d;background:var(--fcol)!important;border:max(1.5px, 1.6cqw) solid var(--color-outline)!important}.hcard-onfield{right:calc(100% - var(--wl) - var(--ww) + 5cqw);top:calc(var(--wt) + 20cqw);border:2px solid var(--color-outline);background:var(--color-win);border-radius:999px;width:max(8px,10cqw);height:max(8px,10cqw);position:absolute}.hcard-stars{left:50%;bottom:calc(100% - var(--wt) - var(--wh) + 1.5cqw);pointer-events:none;position:absolute;transform:translate(-50%)}.hcard-level,.hcard-badge{bottom:calc(100% - var(--wt) - var(--wh) + 12cqw);color:var(--color-cream);-webkit-text-stroke:.22em var(--color-outline);paint-order:stroke fill;white-space:nowrap;pointer-events:none;font-size:max(9px,8.5cqw);font-weight:800;line-height:1.1;position:absolute}.hcard-level{left:calc(var(--wl) + 3cqw)}.hcard-badge{right:calc(100% - var(--wl) - var(--ww) + 3cqw)}.hcard-name{left:var(--nl);top:var(--nt);width:var(--nw);height:var(--nh);font-size:var(--name-fs,11cqw);color:var(--color-inkbrown);pointer-events:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute}.hcard-name>.fit-text{text-align:center;max-width:100%;padding:0 2cqw}.hcard-foot{white-space:nowrap;color:var(--color-muted);padding:0 2px;font-size:10px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.hcard-large .hcard-foot{font-size:12px}.hcard-foot b{color:var(--color-ngoc)}.hcard-power{justify-content:center;padding-top:1px;line-height:1;display:flex;overflow:visible}.hcard-power .pw-sm{font-size:13px}.hcard-large .hcard-power .pw-sm{font-size:16px}.hcard-shards-row{justify-content:space-between;align-items:baseline;display:flex}.hcard-shards-row b{color:var(--color-cream)}.hcard-shards-row .hcard-open{color:var(--color-win)}.hcard-bar{border:1px solid var(--color-outline);background:var(--color-ink);border-radius:999px;height:6px;margin-top:1px;display:block;overflow:hidden}.hcard-bar>span{background:var(--color-win);border-radius:999px;height:100%;display:block}.hcard-ready{z-index:2;border:2px solid var(--color-outline);background:var(--color-lose);border-radius:999px;width:14px;height:14px;position:absolute;top:-3px;right:-3px}.hcard.is-locked .hcard-win{background:var(--color-ink)}.hcard.is-locked .hcard-img,.hcard.is-locked .hcard-portrait{opacity:.3}.hcard.is-locked .hcard-frame{opacity:.8}.hcard.is-locked .hcard-name{color:var(--color-inkmuted)}.hcard.is-dim{opacity:.5}.hcard-tag{left:var(--wl);width:var(--ww);top:calc(var(--wt) + var(--wh) * .4);border-block:max(1.5px, 1.6cqw) solid var(--color-outline);text-align:center;color:var(--color-cream);-webkit-text-stroke:.2em var(--color-outline);paint-order:stroke fill;white-space:nowrap;pointer-events:none;padding:1cqw 0 .6cqw;font-size:max(8px,8.5cqw);font-weight:800;line-height:1.1;position:absolute}.hcard-tag-away{background:color-mix(in srgb, var(--color-man) 88%, var(--color-ink))}.hcard-tag-res{background:color-mix(in srgb, var(--color-ngoc) 85%, var(--color-ink))}.hcard.is-away .hcard-img,.hcard.is-away .hcard-portrait{opacity:.6}.hcard-tc{font-family:var(--font-sans,inherit);vertical-align:super;color:var(--color-cream);margin-left:.5cqw;font-size:.55em}.hcard.is-selected{transform:translateY(-3px)}.hcard.is-selected .hcard-face{outline:3px solid var(--color-gold);outline-offset:1px;border-radius:6px}.hcard-halo{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.hcard-r .hcard-halo{filter:drop-shadow(0 0 1.2cqw var(--color-ngoc));opacity:.6}.hcard-sr .hcard-halo{filter:drop-shadow(0 0 1.3cqw var(--color-man));opacity:.6}.hcard-ssr .hcard-halo{filter:drop-shadow(0 0 1.4cqw var(--color-gold));opacity:.55}.hcard-ur .hcard-halo{filter:drop-shadow(0 0 1.6cqw var(--color-son));opacity:.6}.hcard-face.is-burst .hcard-halo{animation:.8s ease-in-out hcard-halo-burst}@keyframes hcard-halo-burst{45%{opacity:1}}.hcard-shine{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hcard-shine:before{content:"";background:linear-gradient(90deg,#fff1c900,#fff1c94d 50%,#fff1c900);width:38%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-140%)skew(-18deg)}.hcard-face.is-burst .hcard-shine:before{animation:.8s ease-in-out hcard-sweep}@keyframes hcard-sweep{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(330%)skew(-18deg)}}.hcard-glint{pointer-events:none;opacity:0;mix-blend-mode:screen;-webkit-mask:var(--frame) center / 100% 100% no-repeat;-webkit-mask:var(--frame) center / 100% 100% no-repeat;mask:var(--frame) center / 100% 100% no-repeat;position:absolute;inset:0;overflow:hidden}.hcard-glint:before{content:"";aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0 58%, #fff4cf00 62%, #fff4cfb3 71%, #fffcecf2 74%, #fff4cfb3 77%, transparent 86%, transparent);width:190%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.hcard-ur .hcard-glint:before{background:repeating-conic-gradient(from 0deg, transparent 0 26%, #ffd66e00 30%, #fade96d9 36%, #fff8e4 38%, #ec8c54cc 42%, #d6543400 47%, transparent 50%)}.hcard-face.is-burst .hcard-glint{animation:.8s ease-in-out hcard-glint-fade}.hcard-face.is-burst .hcard-glint:before{animation:.8s cubic-bezier(.45,0,.3,1) hcard-orbit}@keyframes hcard-glint-fade{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}@keyframes hcard-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.hcard-sparks{pointer-events:none;position:absolute;inset:0}.hcard-sparks>i{opacity:0;background:radial-gradient(closest-side,#fffae8f2,#ffeec400 70%) 50%/40% 40% no-repeat,linear-gradient(90deg,#fff4d600,#fff8e4f2 50%,#fff4d600) 50%/100% 9% no-repeat,linear-gradient(#fff4d600,#fff8e4f2 50%,#fff4d600) 50%/9% 100% no-repeat;width:11cqw;height:11cqw;margin:-5.5cqw 0 0 -5.5cqw;position:absolute;transform:scale(.2)rotate(0)}.hcard-sparks>i:first-child{top:9%;left:88%}.hcard-sparks>i:nth-child(2){top:46%;left:6%}.hcard-sparks>i:nth-child(3){top:80%;left:82%}.hcard-face.is-burst .hcard-sparks>i{animation:.42s ease-out both hcard-spark}.hcard-face.is-burst .hcard-sparks>i:nth-child(2){animation-delay:.18s}.hcard-face.is-burst .hcard-sparks>i:nth-child(3){animation-delay:.36s}@keyframes hcard-spark{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1)rotate(25deg)}to{opacity:0;transform:scale(.5)rotate(45deg)}}.hcard-ur .hcard-level{left:auto;right:calc(100% - var(--wl) - var(--ww) + 3cqw)}.hcard-ur .hcard-badge{bottom:calc(100% - var(--wt) - var(--wh) + 22cqw)}.hcard-ur .hcard-name{font-size:calc(var(--name-fs,11cqw) * .82)}@media (prefers-reduced-motion:reduce){.hcard-shine,.hcard-glint,.hcard-sparks{display:none}.hcard-halo{animation:none!important}}.hcard-bleed .hcard-face{aspect-ratio:2/3}.hcard-bleed .hcard-win{border-radius:5cqw;width:100%;height:100%;top:0;left:0}.hcard-bleed .hcard-img{object-position:50% 8%;transform-origin:50% 100%}.hcard-bleed .hcard-living{position:absolute;inset:0}.hcard-bleed .hcard-shade{background:linear-gradient(#0e141300,#0e14138c 45%,#0e1413e6);height:44%}.hcard-edge{border:max(2px, 1.8cqw) solid color-mix(in srgb, var(--rc) 82%, var(--color-ink));box-shadow:0 0 0 1.5px var(--color-outline), inset 0 0 0 1px #0b1110a6, inset 0 0 4cqw #0b111073;pointer-events:none;border-radius:5cqw;position:absolute;inset:0}.hcard-stone{aspect-ratio:120/86;pointer-events:none;width:36cqw;position:absolute;top:-2cqw;left:-2cqw}.hcard-stone>img{width:100%;height:100%;position:absolute;inset:0}.hcard-stone-t{width:72%;height:72%;font-family:var(--font-brush);color:var(--color-cream);-webkit-text-stroke:.16em var(--color-outline);paint-order:stroke fill;justify-content:center;align-items:center;font-size:13cqw;line-height:1;display:flex;position:absolute;top:12%;left:10%}.hcard-ssr .hcard-stone-t{font-size:11.5cqw}.hcard-ur .hcard-stone-t{font-size:12.5cqw}.hcard-bleed .hcard-fac{width:14cqw;height:14cqw;top:25cqw;left:4cqw;right:auto}.hcard-seal{aspect-ratio:96/94;pointer-events:none;place-items:center;width:24cqw;display:grid;position:absolute;top:3cqw;right:3cqw;transform:rotate(5deg)}.hcard-seal>img{width:100%;height:100%;position:absolute;inset:0}.hcard-seal>span{font-family:var(--font-brush);text-align:center;color:#f3e6cf;-webkit-text-stroke:.12em #3c0e08d9;paint-order:stroke fill;font-size:7.6cqw;line-height:.95;position:relative}.hcard-rank{aspect-ratio:128/179;--cx:49%;--cy:47%;width:22cqw;margin-bottom:-2cqw;margin-right:-2cqw;position:relative}.hcard-rank-1{aspect-ratio:128/176;--cx:51.4%;--cy:45.3%;width:34cqw}.hcard-rank-2{--cx:48%;--cy:50.5%;width:29cqw}.hcard-rank-3{aspect-ratio:128/162;--cx:47.6%;--cy:49.6%;width:30cqw}.hcard-rank-in{transform-origin:50% 8%;filter:drop-shadow(0 0 .7px var(--color-outline)) drop-shadow(0 0 .7px var(--color-outline)) drop-shadow(0 2px 3px #0b1110bf);position:absolute;inset:0}.hcard-rank-in>img{width:100%;height:100%;position:absolute;inset:0}.hcard-rank-sheen{-webkit-mask:var(--rimg) center / 100% 100% no-repeat;-webkit-mask:var(--rimg) center / 100% 100% no-repeat;mask:var(--rimg) center / 100% 100% no-repeat;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hcard-rank-sheen:before{content:"";background:linear-gradient(90deg,#fff4d600,#fff4d680 50%,#fff4d600);width:45%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%)skew(-20deg)}.hcard-rank-n{left:var(--cx);top:var(--cy);font-family:var(--font-brush);color:var(--color-cream);-webkit-text-stroke:.17em var(--color-outline);paint-order:stroke fill;text-shadow:0 .06em 0 var(--color-outline);font-size:14cqw;line-height:1;position:absolute;transform:translate(-50%,-52%)}.hcard-rank-1 .hcard-rank-n{font-size:17cqw}.hcard-face.is-vis .hcard-rank{animation:.42s cubic-bezier(.3,1.5,.5,1) both hcard-rank-stamp}.hcard-face.is-vis .hcard-rank-in{animation:hcard-rank-sway 3.6s ease-in-out var(--breath-delay,0s) infinite}.hcard-face.is-vis .hcard-rank-sheen:before{animation:hcard-rank-sheen 4.8s ease-in-out var(--breath-delay,0s) infinite}.hcard-face.is-vis .hcard-rank-1 .hcard-rank-in>img,.hcard-face.is-vis .hcard-rank-1 .hcard-rank-sheen{animation:hcard-rank-beat 4.8s ease-out var(--breath-delay,0s) infinite}.hcard-face.is-vis .hcard-rank-1 .hcard-rank-n{animation:hcard-rank-n-beat 4.8s ease-out var(--breath-delay,0s) infinite}@keyframes hcard-rank-stamp{0%{opacity:0;transform:scale(1.9)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes hcard-rank-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes hcard-rank-sheen{0%{transform:translate(-160%)skew(-20deg)}20%,to{transform:translate(320%)skew(-20deg)}}@keyframes hcard-rank-beat{0%,6%{transform:scale(1)}11%{transform:scale(1.09)}18%,to{transform:scale(1)}}@keyframes hcard-rank-n-beat{0%,7%{transform:translate(-50%,-52%)scale(1)}12%{transform:translate(-50%,-52%)scale(1.22)}20%,to{transform:translate(-50%,-52%)scale(1)}}html[data-reduce-motion] .hcard-rank,html[data-reduce-motion] .hcard-rank-in,html[data-reduce-motion] .hcard-rank-n,html[data-reduce-motion] .hcard-rank-sheen,html[data-reduce-motion] .hcard-rank-sheen:before,html[data-reduce-motion] .hcard-rank-in>img{animation:none!important}@media (prefers-reduced-motion:reduce){.hcard-rank,.hcard-rank-in,.hcard-rank-in>img,.hcard-rank-n,.hcard-rank-sheen,.hcard-rank-sheen:before{animation:none!important}}.hcard-lv{font-family:var(--font-brush);letter-spacing:-.02em;color:var(--color-gold);-webkit-text-stroke:.13em var(--color-outline);paint-order:stroke fill;text-shadow:0 .06em 0 var(--color-outline);pointer-events:none;font-size:25cqw;line-height:.9;position:absolute;bottom:2.5cqw;left:4cqw}.hcard-lv.is-3{letter-spacing:-.04em;font-size:23cqw}.hcard-nm{pointer-events:none;flex-direction:column;align-items:flex-end;gap:1.5cqw;width:54%;display:flex;position:absolute;bottom:4cqw;right:4cqw}.hcard-bleed .hcard-stars{position:static;transform:none}.hcard-nm-t{max-width:100%;font-size:var(--name-fs,10cqw);text-align:right;color:var(--color-cream);-webkit-text-stroke:.2em var(--color-outline);paint-order:stroke fill;font-weight:800;line-height:1.05}.hcard-nm-t>.fit-text{text-align:right;max-width:100%}.hcard-bleed .hcard-badge{top:30cqw;bottom:auto;right:4cqw}.hcard-bleed .hcard-tag{width:100%;top:54%;left:0}.hcard-bleed .hcard-power .pw-sm{font-size:11.5px}.hcard-bleed.hcard-large .hcard-power .pw-sm{font-size:14px}.hcard-bleed.is-locked .hcard-edge{border-color:color-mix(in srgb, var(--rc) 40%, var(--color-ink))}.hcard-bleed.is-locked .hcard-nm-t{color:var(--color-muted)}.hcard-bleed.is-selected .hcard-face{outline:3px solid var(--color-gold);outline-offset:1px;border-radius:5cqw}.hcard-bleed .hcard-face.is-vis .hcard-img{animation:hcard-breathe 3.2s ease-in-out var(--breath-delay,0s) infinite}.hcard-bleed.is-still .hcard-face .hcard-img{animation:none}@keyframes hcard-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.022)translateY(-.4%)}}html[data-reduce-motion] .hcard-bleed .hcard-img{animation:none!important}@media (prefers-reduced-motion:reduce){.hcard-bleed .hcard-img{animation:none!important}}.fm-enemy{border:2px dashed color-mix(in srgb, var(--color-line) 80%, transparent);border-radius:12px;align-items:center;gap:4px;height:50px;padding:0 4px;display:flex}.fm-enemy.is-filled{border:2px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--color-son) 12%, var(--color-panel-2)), var(--color-panel));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-son) 50%, transparent)}.fm-enemy.is-boss{border-color:var(--color-son);background:linear-gradient(180deg, color-mix(in srgb, var(--color-son) 28%, var(--color-panel-2)), var(--color-panel))}.fm-front{border-radius:999px;flex:1;height:3px}.fm-front-l{background:linear-gradient(90deg, transparent, var(--color-son))}.fm-front-r{background:linear-gradient(270deg, transparent, var(--color-son))}.fm-front-tag{border:2px solid var(--color-outline);font-family:var(--font-brush);color:var(--color-cream);background:linear-gradient(180deg, color-mix(in srgb, var(--color-son) 72%, #fff), var(--color-son) 50%, var(--color-son-deep));box-shadow:0 2px 0 var(--color-outline);border-radius:6px;padding:0 8px;font-size:13px;line-height:1.35}.fm-lv{color:var(--color-cream);background:color-mix(in srgb, var(--color-outline) 82%, transparent);border-top-right-radius:8px;padding:0 4px;font-size:10px;font-weight:800;line-height:1.25;position:absolute;bottom:0;left:0}.fm-range{border:2px solid var(--color-outline);border-radius:6px;padding:0 4px;font-size:9px;font-weight:800;line-height:1.25;position:absolute;top:2px;right:2px}.fm-range.is-melee{color:var(--color-cream);background:var(--color-son)}.fm-range.is-ranged{color:var(--color-outline);background:var(--color-ngoc)}.fm-bench{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:10px 6px;display:grid}.fm-bench-item{flex-direction:column;align-items:center;width:72px;min-width:0;display:flex}.fm-bench-name{max-width:100%;margin-top:3px;font-size:10px;font-weight:800;line-height:1.15}.fm-bench-item.is-here .fm-bench-name{color:var(--color-win)}.fm-mini{border:2px solid var(--color-outline);background:var(--color-ink);border-radius:6px;flex:none;grid-template-columns:repeat(3,8px);gap:2px;padding:2px;display:grid}.fm-mini>span{background:var(--color-panel-2);border-radius:2px;width:8px;height:8px}.fm-mini>span.is-cell{background:var(--color-paper-3)}.fm-mini.is-on>span.is-cell{background:var(--color-gold)}.fm-row{border:2px solid var(--color-outline);background:color-mix(in srgb, var(--color-ink) 55%, transparent);border-radius:12px;transition:background-color .12s,border-color .12s;box-shadow:inset 0 2px #00000059}.fm-row.is-on{border-color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold) 40%, transparent)}.fm-row.is-preview{border-color:var(--color-ngoc);background:color-mix(in srgb, var(--color-ngoc) 12%, transparent)}.fm-row.is-bond{border-color:var(--color-win);background:color-mix(in srgb, var(--color-win) 14%, transparent)}.fm-dock{border-top:3px solid var(--color-outline);background-color:var(--color-panel);background-image:var(--tex-wood), linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);background-blend-mode:soft-light, normal;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--color-ngoc) 22%, transparent);background-size:220px,100% 100%}.hfac{border:2px solid var(--color-outline);background:color-mix(in srgb, var(--fcol,var(--color-panel)) 22%, var(--color-ink));opacity:.72;border-radius:999px;flex:none;place-items:center;width:29px;height:29px;transition:opacity .15s,transform .15s;display:grid;position:relative}.hfac .game-icon{width:22px!important;height:22px!important}.hfac.is-on{opacity:1;box-shadow:0 0 0 2px var(--fcol,var(--color-gold)), 0 2px 0 var(--color-outline);transform:translateY(-1px)}.hfac:active{transform:translateY(1px)}.hfac-row{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 10px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 10px),#0000)}.hfac-all{width:auto;color:var(--color-cream);--fcol:var(--color-gold);padding:0 8px;font-size:11.5px;font-weight:800}.hfilter-count{pointer-events:none;border:2px solid var(--color-outline);background:var(--color-son);min-width:18px;height:18px;color:var(--color-cream);border-radius:999px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-7px;right:-5px}.hsheet-veil{z-index:30;background:#0b11108c;align-items:flex-end;animation:.18s ease-out both hsheet-veil-in;display:flex;position:absolute;inset:0}.hsheet-veil.is-out{animation:.16s ease-in both hsheet-veil-out}.hsheet{width:100%;padding:14px 14px calc(16px + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.9,.3,1) both hsheet-up}.hsheet-veil.is-out .hsheet{animation:.16s ease-in both hsheet-down}.hsheet-label{color:var(--color-muted);margin:12px 0 6px;font-size:12px;font-weight:800}@keyframes hsheet-veil-in{0%{opacity:0}}@keyframes hsheet-veil-out{to{opacity:0}}@keyframes hsheet-up{0%{transform:translateY(100%)}}@keyframes hsheet-down{to{transform:translateY(100%)}}html[data-reduce-motion] .hsheet-veil,html[data-reduce-motion] .hsheet{animation-duration:10ms!important}.equip-card{--rarity:#b4c2b8;--set:var(--color-man);border:3px solid var(--color-outline);background:radial-gradient(85% 75% at 50% 25%, color-mix(in srgb, var(--rarity) 30%, transparent) 0%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 22%, var(--color-panel-2)) 0%, var(--color-panel) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity) 85%, transparent), inset 0 -5px 0 #0b111052, 0 3px 0 var(--color-outline);color:var(--color-cream);text-align:left;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:14px;flex:none;padding:0;transition:transform .12s,opacity .15s,filter .15s;display:block;position:relative}.equip-card.is-button{cursor:pointer}.equip-card.is-button:active{transform:translateY(2px)}.equip-card.eq-r-epic,.equip-card.eq-r-legendary{background:radial-gradient(85% 75% at 50% 25%, color-mix(in srgb, var(--rarity) 42%, transparent) 0%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 30%, var(--color-panel-2)) 0%, var(--color-panel) 100%);box-shadow:inset 0 0 0 3px var(--rarity), inset 0 0 0 4.5px #0b111073, inset 0 -5px 0 #0b111052, 0 3px 0 var(--color-outline)}.equip-card.eq-r-legendary:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#eef3ec3d 50%,#0000 65%) 0 0/250% 100% no-repeat;border-radius:11px;animation:3.6s ease-in-out infinite eq-shine;position:absolute;inset:0}@keyframes eq-shine{0%,55%{background-position:130% 0}to{background-position:-130% 0}}.equip-card.is-selected{border-color:var(--color-ngoc);box-shadow:inset 0 0 0 2px var(--rarity), 0 0 0 2px var(--color-outline), 0 0 0 4px var(--color-ngoc), 0 5px 0 var(--color-outline);transform:translateY(-2px)}.equip-card.is-dim{opacity:.38;filter:grayscale(.7)}.eq-art{border-radius:9px;place-items:center;display:grid;position:absolute;inset:3px;overflow:hidden}.eq-art img{object-fit:contain;pointer-events:none;width:100%;height:100%}.eq-initials{border:2px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--set) 70%, var(--color-paper)) 0%, var(--set) 55%, color-mix(in srgb, var(--set) 65%, var(--color-outline)) 100%);width:62%;height:62%;font-weight:800;font-size:calc(var(--eq-size,64px) * .2);color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;border-radius:30%;place-items:center;line-height:1;display:grid}.eq-tier,.eq-plus,.eq-badge{z-index:1;border:2px solid var(--color-outline);border-radius:8px;padding:0 4px;font-size:11px;font-weight:800;line-height:14px;position:absolute}.eq-tier{background:var(--color-ink);color:var(--rarity);border-radius:10px 4px 8px;top:-3px;left:-3px}.eq-plus{background:var(--color-gold);color:var(--color-inkbrown);border-radius:4px 10px 4px 8px;top:-3px;right:-3px}.eq-badge{background:var(--color-son);color:var(--color-cream);top:-9px;left:50%;transform:translate(-50%)}.eq-set-dot{z-index:1;border:2px solid var(--color-outline);background:var(--set);border-radius:50%;width:11px;height:11px;position:absolute;bottom:5px;left:4px}.equip-card .eq-owner{z-index:1;border-width:2px;border-radius:9px;width:42%;position:absolute;bottom:-3px;right:-3px}.eq-card-arrow{z-index:1;margin-top:-6px;position:absolute;top:50%;right:3px}.equip-card.is-small{border-radius:11px}.equip-card.is-small .eq-tier,.equip-card.is-small .eq-plus{padding:0 2px;font-size:9px;line-height:11px}.equip-card.is-small .eq-set-dot{width:8px;height:8px;bottom:3px;left:3px}.equip-card.is-small .eq-initials{-webkit-text-stroke-width:2px}.eq-arrow{vertical-align:middle;width:0;height:0;filter:drop-shadow(0 1px 0 var(--color-outline)) drop-shadow(0 -1px 0 var(--color-outline));border-left:6px solid #0000;border-right:6px solid #0000;flex:none;display:inline-block}.eq-arrow-up{border-bottom:10px solid var(--color-win)}.eq-arrow-down{border-top:10px solid var(--color-lose)}.eq-arrow-same{border:1px solid var(--color-outline);background:var(--color-muted);filter:none;border-radius:2px;width:12px;height:4px}.eq-empty{border:3px dashed color-mix(in srgb, var(--color-paper-3) 50%, transparent);background:color-mix(in srgb, var(--color-ink) 55%, transparent);color:var(--color-muted);text-align:center;cursor:pointer;border-radius:14px;flex:none;place-items:center;font-size:12px;font-weight:800;line-height:1.1;transition:transform .12s;display:grid;position:relative}.eq-empty:active{transform:translateY(2px)}.eq-empty-plus{width:16px;height:16px;margin:0 auto 3px;display:block;position:relative}.eq-empty-plus:before,.eq-empty-plus:after{content:"";background:currentColor;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eq-empty-plus:before{width:16px;height:4px}.eq-empty-plus:after{width:4px;height:16px}.eq-row-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.eq-row-slot{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.eq-row-slot>.equip-card,.eq-row-slot>.eq-empty{aspect-ratio:1;width:100%!important;height:auto!important}.eq-row-label{max-width:100%;color:var(--color-muted);font-size:10px;font-weight:800}.eq-set-line{align-items:baseline;gap:6px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.eq-set-line.is-off{opacity:.45}.eq-set-count{border:1.5px solid var(--color-outline);text-align:center;min-width:34px;color:var(--color-cream);background:var(--color-panel-2);border-radius:6px;flex:none;padding:0 4px;font-size:10px;font-weight:800}.eq-select{appearance:none;border:2px solid var(--color-outline);min-width:0;color:var(--color-cream);background:linear-gradient(45deg, transparent 50%, var(--color-muted) 50%) calc(100% - 10px) 52% / 5px 5px no-repeat, linear-gradient(135deg, var(--color-muted) 50%, transparent 50%) calc(100% - 6px) 52% / 5px 5px no-repeat, color-mix(in srgb, var(--color-ink) 85%, transparent);box-shadow:0 2px 0 var(--color-outline);border-radius:10px;flex:1 1 0;padding:4px 18px 4px 7px;font-size:12px;font-weight:800}.eq-select.is-set{border-color:var(--color-ngoc);color:var(--color-ngoc)}.eq-select option{color:var(--color-cream);background:var(--color-panel)}.eq-chiprow{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.eq-chip{border:2px solid var(--color-outline);color:var(--color-paper-2);background:color-mix(in srgb, var(--color-ink) 85%, transparent);box-shadow:0 2px 0 var(--color-outline);border-radius:999px;flex:none;padding:2px 10px;font-size:12px;font-weight:800}.eq-chip:disabled{opacity:.45}.eq-chip.is-on{color:var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--color-ngoc) 60%, var(--color-cream)), var(--color-ngoc) 60%, color-mix(in srgb, var(--color-ngoc) 75%, var(--color-ngoc-deep)));box-shadow:inset 0 2px 0 #eef3ec73, 0 2px 0 var(--color-outline)}.eq-grid-scroll{overscroll-behavior:contain;scrollbar-width:none;position:relative;overflow-y:auto}.eq-grid-row{display:grid;position:absolute;left:0;right:0}.eq-grid-row>.equip-card{--eq-size:64px}.eq-sheet-backdrop{z-index:20;background:color-mix(in srgb, var(--color-ink) 62%, transparent);animation:.15s both eq-fade;position:absolute;inset:0}.eq-sheet{inset-inline:0;z-index:21;border:3px solid var(--color-outline);background-color:var(--color-panel);background-image:var(--tex-wood), linear-gradient(180deg, var(--color-panel-3) 0%, var(--color-panel-2) 40%, var(--color-panel) 100%);background-blend-mode:soft-light, normal;max-height:80%;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity,var(--color-line)) 70%, transparent), 0 -6px 0 #05090899;background-size:220px,100% 100%;border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;animation:.22s cubic-bezier(.2,1.3,.4,1) both eq-sheet-in;display:flex;position:absolute;bottom:0}@keyframes eq-sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes eq-fade{0%{opacity:0}to{opacity:1}}.eq-sheet-grip{background:color-mix(in srgb, var(--color-paper-3) 50%, transparent);border-radius:3px;width:44px;height:5px;margin:7px auto 0}.eq-stat-row{align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.eq-stat-row .eq-stat-name{min-width:0;color:var(--color-inkmuted);flex:1}.eq-cmp-cell{justify-content:flex-end;align-items:center;gap:4px;min-width:70px;display:inline-flex}.eq-tray-slot{border:3px dashed color-mix(in srgb, var(--color-paper-3) 50%, transparent);background:color-mix(in srgb, var(--color-ink) 55%, transparent);width:52px;height:52px;color:var(--color-muted);border-radius:12px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.eq-merge-arrow{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:12px solid var(--color-gold);width:0;height:0;filter:drop-shadow(1px 0 0 var(--color-outline)) drop-shadow(-1px 0 0 var(--color-outline));flex:none}.eq-mystery{border:3px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 30%, var(--color-panel-2)), var(--color-panel));width:60px;height:60px;box-shadow:inset 0 0 0 2px var(--rarity), 0 3px 0 var(--color-outline);color:var(--rarity);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;border-radius:14px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.eq-dock{border-top:3px solid var(--color-outline);background-color:var(--color-panel);background-image:var(--tex-wood), linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);background-blend-mode:soft-light, normal;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--color-ngoc) 30%, transparent);background-size:220px,100% 100%}.eq-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.eq-tier-btn{border:3px solid var(--color-outline);background:color-mix(in srgb, var(--color-ink) 85%, transparent);box-shadow:0 3px 0 var(--color-outline);text-align:center;border-radius:12px;padding:4px 2px 3px}.eq-tier-btn.is-on{border-color:var(--color-ngoc);background:linear-gradient(180deg, color-mix(in srgb, var(--color-ngoc-deep) 70%, var(--color-panel-3)), var(--color-panel-2));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-ngoc) 60%, transparent), 0 3px 0 var(--color-outline)}.eq-tier-btn:disabled{opacity:.4}.eq-odds{border:2px solid var(--color-outline);border-radius:6px;height:12px;display:flex;overflow:hidden}.eq-odds>span{height:100%}@media (prefers-reduced-motion:reduce){.equip-card.eq-r-legendary:after,.eq-sheet,.eq-sheet-backdrop{animation:none}}.eq-cmp-power{align-items:center;gap:3px;font-size:15px;display:inline-flex}.cer{--cer-c:var(--color-gold);z-index:60;contain:layout style paint;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--color-inkbrown);position:absolute;inset:0;overflow:hidden;container-type:size}.cer-screen{z-index:90;width:min(100vw,480px);position:fixed;inset:0 auto 0 50%;transform:translate(-50%)}.cer.is-out{animation:.26s ease-in forwards cer-out}.cer>*{pointer-events:none;position:absolute}.cer-dark{background:var(--color-ink);opacity:0;animation:.2s ease-out forwards cer-fade;inset:0}.cer-bg{background-color:var(--color-panel-2);opacity:0;will-change:transform, opacity;background-position:30%;background-size:cover;animation:.45s cubic-bezier(.2,.7,.3,1) .2s forwards cer-bg-in;inset:-2%;transform:scale(1.06)}.cer-ink{opacity:0;background:radial-gradient(75% 60% at 50% 42%,#0000 55%,#0e141373 100%),linear-gradient(#0e14132e 0%,#0000 18% 78%,#0e141366 100%);animation:.4s ease-out .25s forwards cer-fade;inset:0}.cer-column{opacity:0;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#eef1ea80 22%,#f4f5ee9e 50%,#eef1ea80 78%,#0000 100%);animation:.36s cubic-bezier(.2,.8,.3,1) .3s forwards cer-column;inset:0 33%;transform:scaleY(0)}.cer-flash{opacity:0;background:radial-gradient(45% 30% at 50% 32%,#f6f5ecbf 0%,#f6f5ec00 100%);animation:.34s ease-out .82s forwards cer-flash;inset:0}.cer-title-wrap{transform-origin:50%;will-change:transform;flex-direction:column;align-items:center;animation:.34s cubic-bezier(.3,.7,.2,1) .76s forwards cer-rise;display:flex;top:9cqh;left:0;right:0;transform:translateY(28cqh)scale(1)}.cer-kicker{font-family:var(--font-brush);color:var(--color-cream);-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;opacity:0;font-size:6cqw;line-height:1.25;animation:.25s ease-out .9s forwards cer-fade}.cer-title{text-align:center;white-space:nowrap;-webkit-text-stroke-width:.11em;max-width:96cqw;text-shadow:0 .06em 0 var(--color-outline), 0 0 .35em #eef1ea73;will-change:transform, opacity;font-size:19cqw;line-height:1.2}.cer-clouds{height:18cqw;top:26cqh;left:0;right:0}.cer-cloud{opacity:0;will-change:transform, opacity;width:60cqw;height:19cqw;position:absolute;top:0}.cer-cloud-l{animation:.6s cubic-bezier(.2,.7,.3,1) .76s forwards cer-cloud-l,6s ease-in-out 1.4s infinite alternate cer-drift-l;right:44%;transform:translate(40%)scale(.6)}.cer-cloud-r{animation:.6s cubic-bezier(.2,.7,.3,1) .76s forwards cer-cloud-r,6s ease-in-out 1.4s infinite alternate cer-drift-r;left:44%;transform:translate(-40%)scale(-.6,.6)}.cer-cloud-body{fill:#eef1ea;stroke:#4a5f59;stroke-width:1.6px;stroke-linejoin:round}.cer-cloud-curl{fill:none;stroke:#6f827b;stroke-width:1.8px;stroke-linecap:round}.cer-cloud-tail{fill:none;stroke:#eef1ea;stroke-width:3px;stroke-linecap:round;opacity:.8}.cer-content{flex-direction:column;align-items:center;gap:1.6cqh;display:flex;inset:31cqh 7cqw 7cqh}.cer-item{opacity:0;width:100%;animation:cer-item .4s cubic-bezier(.2, .8, .3, 1) calc(1s + var(--i,0) * 70ms) forwards;will-change:transform, opacity;flex-direction:column;align-items:center;gap:.9cqh;display:flex;transform:translateY(4cqh)}.cer-hint{text-align:center;color:var(--color-cream);text-shadow:0 1px 2px var(--color-outline), 0 0 6px #0e1413b3;opacity:0;font-size:3.4cqw;font-weight:800;animation:.3s ease-out 1.5s forwards cer-fade,1.6s ease-in-out 1.8s infinite cer-hint;bottom:2.2cqh;left:0;right:0}.cer-label{font-family:var(--font-brush);color:var(--color-cream);padding:.3em 2.4em;font-size:3.9cqw;line-height:1.2;position:relative}.cer-label:before{content:"";z-index:-1;clip-path:polygon(0 38%,5% 12%,14% 22%,22% 4%,78% 6%,88% 0,95% 20%,100% 46%,97% 72%,90% 100%,70% 92%,30% 96%,12% 86%,4% 100%,1% 70%);background:linear-gradient(#1b2625eb,#0e1413eb);position:absolute;inset:0}.cer-label span{position:relative}.cer-bignum{font-family:var(--font-brush-xl);align-items:center;gap:3cqw;line-height:1.1;display:flex}.cer-bignum-from,.cer-bignum-to{color:var(--color-cream);-webkit-text-stroke:.12em var(--color-outline);paint-order:stroke fill;text-shadow:0 .06em 0 var(--color-outline)}.cer-bignum-from{opacity:.85;font-size:8cqw}.cer-bignum-to{color:color-mix(in srgb, var(--cer-c) 55%, var(--color-cream));font-size:12cqw}.cer-arrow{flex:none;width:9cqw;height:4.5cqw}.cer-arrow path{fill:none;stroke:var(--color-outline);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round}.cer-stats{background:#eef1ead1;border-radius:10px;width:100%;padding:.8cqh 3cqw;font-size:3.5cqw;box-shadow:0 0 0 2px #0b11108c,0 3px #0b111059}.cer-stat{grid-template-columns:20% 22% 1fr 22%;align-items:center;gap:2cqw;padding:.35cqh 0;display:grid}.cer-stat+.cer-stat{border-top:1px solid #56686240}.cer-stat-name{color:var(--color-inkmuted);font-weight:800}.cer-stat-from{text-align:right;color:var(--color-inkmuted);font-weight:800}.cer-stat-to{color:var(--color-inkbrown);font-weight:900}.cer-stat-bar{justify-content:center;align-items:center;min-height:1.35em;display:flex}.cer-stat-bar b{font-family:var(--font-brush-xl);letter-spacing:.05em;color:#7fd8b8;-webkit-text-stroke:.075em var(--color-outline);paint-order:stroke fill;text-shadow:0 .06em 0 var(--color-outline);opacity:0;animation:cer-plus .22s cubic-bezier(.5, 0, .6, 1) calc(1.15s + var(--j,0) * 70ms) forwards;will-change:transform, opacity;font-size:1.5em;font-weight:400;line-height:1;display:inline-block;transform:rotate(-4deg)scale(1.6)}.cer-swap{flex-direction:column;align-items:center;gap:.8cqh;display:flex}.cer-swap-row{align-items:center;gap:3cqw;display:flex}.cer-swap-from{opacity:.8;filter:saturate(.6)}.cer-swap-cap{text-align:center;color:var(--color-inkbrown);text-shadow:0 0 4px #eef1eaf2,0 0 2px #eef1eaf2;font-size:3.6cqw;font-weight:800}.cer-reduced .cer-bg{animation:.25s linear 50ms forwards cer-fade;transform:none}.cer-reduced .cer-dark,.cer-reduced .cer-ink{animation:.2s linear forwards cer-fade}.cer-reduced .cer-column{animation:.25s linear 50ms forwards cer-fade;transform:none}.cer-reduced .cer-title-wrap{animation:none;transform:scale(.62)}.cer-reduced .cer-title,.cer-reduced .cer-kicker{opacity:0;animation:.25s linear .1s forwards cer-fade;transform:none}.cer-reduced .cer-item{animation:.25s linear .15s forwards cer-fade;transform:none}.cer-reduced .cer-stat-bar b{opacity:1;animation:none;transform:rotate(-4deg)}.cer-reduced .cer-hint{animation:.25s linear .3s forwards cer-fade}@media (prefers-reduced-motion:reduce){.cer-cloud,.cer-flash{display:none}}@keyframes cer-fade{to{opacity:1}}@keyframes cer-out{to{opacity:0}}@keyframes cer-bg-in{to{opacity:1;transform:scale(1)}}@keyframes cer-column{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes cer-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes cer-rise{to{transform:translateY(0)scale(.62)}}@keyframes cer-cloud-l{to{opacity:.95;transform:translate(0)scale(1)}}@keyframes cer-cloud-r{to{opacity:.95;transform:translate(0)scaleX(-1)}}@keyframes cer-drift-l{0%{opacity:.95;transform:translate(0)scale(1)}to{opacity:.95;transform:translate(-2.5cqw)scale(1)}}@keyframes cer-drift-r{0%{opacity:.95;transform:translate(0)scaleX(-1)}to{opacity:.95;transform:translate(2.5cqw)scaleX(-1)}}@keyframes cer-item{to{opacity:1;transform:translateY(0)}}@keyframes cer-plus{0%{opacity:0;transform:rotate(-4deg)scale(1.6)}70%{opacity:1;transform:rotate(-4deg)scale(.95)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@keyframes cer-hint{0%,to{opacity:1}50%{opacity:.55}}.hcer{flex-direction:column;align-items:center;gap:1.6cqh;width:100%;display:flex}.hcer-stars{background:#1b2625b8;border-radius:999px;align-items:center;gap:2cqw;padding:.8cqh 3cqw;display:flex;box-shadow:0 0 0 2px #0b111099}.hcer-stars .cer-arrow path{stroke:var(--color-cream)}.hcer-stars.is-stack{border-radius:16px;flex-direction:column;gap:.6cqh;max-width:92cqw;padding:1cqh 4cqw}.hcer-stars.is-stack .cer-arrow{width:6cqw;height:3cqw;margin:1.5cqw 0;transform:rotate(90deg)}.hcer-skills{flex-wrap:wrap;justify-content:center;gap:5cqw;display:flex}.lh-top{align-items:flex-end;gap:8px;display:flex}.lh-lv{flex:1;min-width:0;padding-bottom:1px;position:relative}.lh-lv-head{align-items:baseline;gap:4px;display:flex}.lh-lv-cap{font-family:var(--font-brush);color:var(--color-muted);font-size:16px;line-height:1}.lh-lv-num{color:var(--color-gold);font-size:38px;line-height:1}.lh-lv-num.is-res{color:var(--color-ngoc)}.lh-lv-max{color:var(--color-muted);font-size:15px;font-weight:800}.lh-road{height:16px;margin-top:4px;position:relative}.lh-road-track{border:2px solid var(--color-outline);background:var(--color-ink);border-radius:999px;height:10px;position:absolute;top:3px;left:0;right:0;overflow:hidden;box-shadow:inset 0 2px #00000059}.lh-road-fill,.lh-road-ghost{transform-origin:0;transition:transform .25s ease-out;position:absolute;inset:0}.lh-road-fill{background:linear-gradient(180deg, #eef3ec47 0 30%, transparent 30%), linear-gradient(180deg, var(--ngoc-hi) 0%, var(--color-ngoc) 50%, var(--color-ngoc-deep) 100%)}.lh-road-ghost{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-gold) 75%, transparent) 0 4px, color-mix(in srgb, var(--color-gold) 35%, transparent) 4px 8px)}.lh-road.is-res .lh-road-fill{background:linear-gradient(180deg, var(--color-man) 0%, var(--color-ngoc-deep) 100%)}.lh-mark{border:1.5px solid var(--color-outline);background:var(--color-panel-3);border-radius:2px;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.lh-mark.is-past{background:var(--color-gold)}.lh-mark.is-next{background:var(--color-son);border-width:2px;width:12px;height:12px;box-shadow:inset 0 0 0 1.5px #fbf0e88c}.lh-note{color:var(--color-muted);align-items:center;gap:5px;margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.25;display:flex}.lh-note b{color:var(--color-cream);font-weight:800}.lh-note.is-break b{color:color-mix(in srgb, var(--color-son) 55%, var(--color-cream))}.lh-note-mark{border:1.5px solid var(--color-outline);background:var(--color-son);border-radius:1.5px;flex:none;width:7px;height:7px;margin:0 1px;transform:rotate(45deg)}.lh-gain{pointer-events:none;font-family:var(--font-brush);color:var(--ngoc-hi);-webkit-text-stroke:.16em var(--color-outline);paint-order:stroke fill;font-size:20px;animation:.9s ease-out both lh-gain;position:absolute;top:-6px;left:0}@keyframes lh-gain{0%{transform:translate(var(--gx,52px), 6px) scale(.6);opacity:0}20%{transform:translate(var(--gx,52px), -4px) scale(1.15);opacity:1}to{transform:translate(var(--gx,52px), -22px) scale(1);opacity:0}}.lh-acts{flex:none;gap:6px;padding-right:1px;display:flex}.lh-act{width:52px;color:var(--color-cream);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;display:flex}.lh-act-tile{border:2px solid var(--color-outline);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--color-panel-3) 85%, var(--color-cream)) 0%, var(--color-panel-2) 55%, var(--color-panel) 100%);width:48px;height:48px;box-shadow:0 3px 0 var(--color-outline), inset 0 0 0 1.5px color-mix(in srgb, var(--color-ngoc) 22%, transparent);border-radius:12px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:block;position:relative}.lh-act.is-son .lh-act-tile{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--color-son) 32%, var(--color-panel-3)) 0%, var(--color-panel-2) 60%, var(--color-panel) 100%)}.lh-act:active .lh-act-tile{box-shadow:0 1px 0 var(--color-outline), inset 0 0 0 1.5px color-mix(in srgb, var(--color-ngoc) 22%, transparent);transform:translateY(2px)}.lh-act-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:46px;height:46px;margin-left:-23px;position:absolute;top:-3px;left:50%}.lh-act-lock{object-fit:contain;pointer-events:none;width:24px;height:24px;position:absolute;top:-8px;right:-7px}.lh-act.is-locked .lh-act-icon{filter:grayscale(.9)brightness(.7)}.lh-act.is-locked .lh-act-label{color:var(--color-muted)}.lh-act.is-ready .lh-act-tile{border-color:var(--color-gold-deep);box-shadow:0 3px 0 var(--color-outline), inset 0 0 0 2px color-mix(in srgb, var(--color-gold) 70%, transparent)}.lh-act .red-dot{top:-5px;right:-5px}.lh-act-label{white-space:nowrap;margin-top:9px;font-size:11px;font-weight:800;line-height:1.1}.lh-act:not(:has(.lh-meter)) .lh-act-label{margin-top:5px}.lh-meter{border:1.5px solid var(--color-outline);background:var(--color-ink);border-radius:8px;place-items:center;height:16px;display:grid;position:absolute;bottom:-9px;left:-2px;right:-2px;overflow:hidden}.lh-meter-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--color-gold) 70%, var(--color-gold-deep)) 0%, var(--color-gold-deep) 100%);transform:scaleX(var(--p,0));transform-origin:0;position:absolute;inset:0}.lh-act.is-son .lh-meter-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--color-son) 80%, var(--color-cream)) 0%, var(--color-son-deep) 100%)}.lh-meter-txt{white-space:nowrap;color:var(--color-cream);text-shadow:0 1px 0 var(--color-outline), 1px 0 0 var(--color-outline), -1px 0 0 var(--color-outline), 0 -1px 0 var(--color-outline);font-size:10px;font-weight:800;line-height:1;position:relative}.lh-meter-txt i{opacity:.75;font-style:normal}.lh-act.is-ready .lh-meter-fill{background:linear-gradient(180deg, #efdda8 0%, var(--color-gold) 100%)}.lh-act.is-ready .lh-meter-txt{color:var(--color-outline);text-shadow:none}.lh-act.is-locked .lh-meter-txt{color:var(--color-muted)}.lh-row{align-items:stretch;gap:8px;margin-top:14px;display:flex}.lh-main-wrap{flex:1;min-width:0;position:relative}.lh-main{border-radius:16px;flex-direction:column;gap:3px;height:100%;min-height:60px;padding:7px 8px 8px}.lh-main-t{font-size:18px;line-height:1.1}.lh-price{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;min-width:0;max-width:100%;display:flex}.lh-main .hu-cost{color:inherit;background:#0b111029;border-color:#0b111080;padding:0 6px 0 1px;font-size:12.5px;line-height:1.3}.lh-main.btn-son .hu-cost{background:#3c0c0647}.lh-main .hu-cost.is-short{border-color:var(--color-outline);background:var(--color-son-deep);color:#fbf0e8}.lh-main .hu-cost.is-short .hu-have{color:#f1c7bc;opacity:1}.lh-main .hu-cost.is-sum{border-color:var(--color-gold-deep);background:#d8bb7259}.lh-main .lh-price:has(.hu-shard){width:100%}.lh-main .hu-shard{flex:1;max-width:230px}.lh-main .hu-shard-bar{min-width:60px}.lh-main .hu-shard-num{color:inherit}.lh-main .hu-shard-num.is-short{color:var(--color-son-deep)}.lh-main:disabled{filter:none;color:var(--color-muted);text-shadow:none;background:linear-gradient(180deg, #eef3ec14 0%, #0b111033 100%), var(--color-panel-3);--shade:#0b111059}.lh-main:disabled .hu-cost:not(.is-short){color:var(--color-cream);background:#0b111059}.lh-tag{z-index:2;border:1.5px solid var(--color-outline);background:var(--color-ink);color:var(--color-cream);white-space:nowrap;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ngoc) 40%, transparent);border-radius:999px;padding:1px 8px 2px;font-size:10.5px;font-weight:800;line-height:1.2;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.lh-tag.is-on{color:var(--color-gold);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold) 55%, transparent)}.lh-tag.is-quiet{color:var(--color-muted);padding:1px 6px 2px;font-size:10px}.lh-main:disabled~.lh-tag,.lh-side:disabled~.lh-tag{color:var(--color-muted);box-shadow:none}.lh-side-wrap{flex:none;display:flex;position:relative}.lh-side{border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;width:82px;min-height:60px;padding:6px 4px 7px;line-height:1.1;display:flex}.lh-side-t{font-size:15px;font-weight:800}.lh-side-s{color:var(--color-muted);font-size:11px;font-weight:700}.lh-main .hu-hold{height:3px;bottom:2px;left:12px;right:12px}.lh-burst{border:3px solid var(--color-ngoc);pointer-events:none;border-radius:18px;animation:.5s ease-out both lh-burst;position:absolute;inset:0}.lh-burst.is-son{border-color:var(--color-son)}.lh-burst.is-gold{border-color:var(--color-gold)}@keyframes lh-burst{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.06,1.3)}}@media (prefers-reduced-motion:reduce){.lh-gain,.lh-burst{display:none}.lh-road-fill,.lh-road-ghost,.lh-act-tile{transition:none}}.enh-fx{--enh-c:#e6d39c;--enh-c2:var(--color-gold);z-index:6;pointer-events:none;border-radius:inherit;contain:layout style;position:absolute;inset:0;container-type:size}.enh-fx>*{will-change:transform, opacity;position:absolute}.enh-flash{border-radius:inherit;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--enh-c) 70%, transparent) 0%, transparent 70%);opacity:0;animation:.36s ease-out forwards enh-flash;inset:0}.enh-big .enh-flash{background:radial-gradient(circle at 50% 50%, #f2f7f0 0%, #f2f7f08c 35%, transparent 75%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--enh-c) 80%, transparent) 0%, transparent 80%);animation:.5s ease-out forwards enh-flash-big}.enh-rim{border-radius:inherit;box-shadow:inset 0 0 0 3px var(--enh-c), 0 0 8px 1px var(--enh-c);opacity:0;animation:.46s ease-out forwards enh-rim;inset:0}.enh-big .enh-rim{box-shadow:inset 0 0 0 4px var(--enh-c), 0 0 12px 3px var(--enh-c), 0 0 3px 1px #f2f7f0;animation-duration:.8s}.enh-ring{border:3px solid var(--enh-c);width:70cqmin;height:70cqmin;box-shadow:0 0 6px var(--enh-c), inset 0 0 5px var(--enh-c);opacity:0;border-radius:50%;margin:-35cqmin 0 0 -35cqmin;animation:.44s cubic-bezier(.2,.7,.3,1) forwards enh-ring;top:50%;left:50%}.enh-big .enh-ring{border-width:5px;animation-duration:.62s}.enh-big .enh-ring-2{border-color:var(--enh-c2);border-width:3px;animation-delay:.12s}.enh-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--enh-c) 80%, #f2f7f0) 0deg 5deg, transparent 5deg 22.5deg);opacity:0;border-radius:50%;width:240cqmin;height:240cqmin;margin:-120cqmin 0 0 -120cqmin;animation:.86s ease-out forwards enh-rays;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 8%,#0009 30%,#0000 62%);mask:radial-gradient(circle,#000 8%,#0009 30%,#0000 62%)}.enh-sweep{border-radius:inherit;will-change:auto;inset:0;overflow:hidden}.enh-sweep:before{content:"";background:linear-gradient(100deg,#0000 0%,#f2f7f099 50%,#0000 100%);width:45%;animation:.4s ease-in-out 40ms forwards enh-sweep;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)skew(-12deg)}.enh-big .enh-sweep:before{animation-duration:.5s;animation-delay:.1s}.enh-spark{width:calc(var(--w) * 3.5cqmin + 2px);height:calc(var(--w) * 13cqmin + 4px);margin-left:calc(var(--w) * -1.75cqmin - 1px);background:linear-gradient(0deg, transparent 0%, var(--enh-c) 45%, #f2f7f0 100%);transform-origin:50% 0;opacity:0;animation:enh-spark .42s cubic-bezier(.15, .8, .35, 1) var(--t) forwards;border-radius:999px;top:50%;left:50%}.enh-big .enh-spark{--far:1.35;animation-duration:.66s}.enh-num{will-change:auto;justify-content:center;align-items:center;display:flex;inset:0}.enh-num>span{font-family:var(--font-display,"Baloo 2", system-ui, sans-serif);letter-spacing:-.02em;color:var(--color-outline);-webkit-text-stroke:.18em var(--color-outline);filter:drop-shadow(0 .07em 0 var(--color-outline));opacity:0;will-change:transform, opacity;font-size:28cqmin;font-weight:800;line-height:1;animation:.52s cubic-bezier(.2,.9,.3,1.2) forwards enh-num;display:block;position:relative}.enh-num>span:after{content:attr(data-t);-webkit-text-stroke:0;background:linear-gradient(180deg, #f8fbf6 0%, #f2f7f0 32%, var(--enh-c) 64%, var(--enh-c2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.enh-big .enh-num>span{filter:drop-shadow(0 .06em 0 var(--color-outline)) drop-shadow(0 0 .1em var(--enh-c));font-size:44cqmin;animation:.92s cubic-bezier(.2,.9,.3,1) forwards enh-num-big}@keyframes enh-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes enh-flash-big{0%{opacity:0;transform:scale(.8)}12%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.15)}}@keyframes enh-rim{0%{opacity:0;transform:scale(.98)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes enh-ring{0%{opacity:1;transform:scale(.15)}70%{opacity:.8}to{opacity:0;transform:scale(1.5)}}@keyframes enh-rays{0%{opacity:0;transform:rotate(0)scale(.25)}18%{opacity:1;transform:rotate(12deg)scale(.9)}65%{opacity:.8}to{opacity:0;transform:rotate(48deg)scale(1.1)}}@keyframes enh-sweep{to{transform:translate(300%)skew(-12deg)}}@keyframes enh-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(8cqmin) scaleY(.3)}40%{opacity:1;transform:rotate(var(--a)) translateY(calc(var(--d) * var(--far,1) * 32cqmin)) scaleY(1)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * var(--far,1) * 52cqmin)) scaleY(.2)}}@keyframes enh-num{0%{opacity:0;transform:translateY(10%)scale(.5)}30%{opacity:1;transform:translateY(-4%)scale(1.15)}55%{opacity:1;transform:translateY(-10%)scale(1)}to{opacity:0;transform:translateY(-38%)scale(.95)}}@keyframes enh-num-big{0%{opacity:0;transform:scale(2.6)rotate(-6deg)}14%{opacity:1;transform:scale(.88)rotate(2deg)}24%{transform:scale(1.1)rotate(-1deg)}34%{transform:scale(1)rotate(0)}78%{opacity:1;transform:translateY(-4%)scale(1.02)}to{opacity:0;transform:translateY(-16%)scale(1.06)}}.enh-reduced .enh-rays,.enh-reduced .enh-ring,.enh-reduced .enh-sweep,.enh-reduced .enh-spark{display:none}.enh-reduced .enh-flash,.enh-reduced.enh-big .enh-flash,.enh-reduced .enh-rim,.enh-reduced.enh-big .enh-rim,.enh-reduced .enh-num>span,.enh-reduced.enh-big .enh-num>span{animation:.36s ease-out forwards enh-fade}@keyframes enh-fade{0%{opacity:0}25%{opacity:1}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.enh-rays,.enh-ring,.enh-sweep,.enh-spark{display:none}.enh-flash,.enh-rim,.enh-num>span{animation:.36s ease-out forwards enh-fade!important}}.enh-cer-icon{filter:drop-shadow(0 4px #0b11108c);transform:rotate(-3deg)}.hd-tabs-many{gap:3px;padding:0 3px}.hd-tabs-many .tab{white-space:nowrap;flex:auto;padding-inline:.3rem;font-size:.8rem}.hx-art-icon{--ac:var(--color-sr);border:3px solid var(--color-outline);background:radial-gradient(75% 65% at 50% 35%, color-mix(in srgb, var(--ac) 45%, transparent) 0%, transparent 78%), linear-gradient(180deg, color-mix(in srgb, var(--ac) 25%, var(--color-panel-2)) 0%, var(--color-ink) 100%);box-shadow:0 0 0 2.5px var(--color-gold-deep), 0 0 0 4.5px var(--color-outline), 0 4px 0 var(--color-outline);border-radius:14px;flex-shrink:0;position:relative;overflow:hidden;container-type:inline-size}.hx-art-icon img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hx-art-icon.is-locked img,.hx-art-icon.is-locked .hx-art-initials{filter:grayscale(.85)brightness(.8)}.hx-art-initials{color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;place-items:center;font-size:34cqw;font-weight:800;display:grid;position:absolute;inset:0}.hx-art-lv{border:2px solid var(--color-outline);background:var(--color-gold);color:var(--color-outline);border-radius:8px;padding:0 6px;font-size:14px;font-weight:800;line-height:1.3;display:inline-block}.hx-pips{gap:3px;display:flex}.hx-pips>span{border:2px solid var(--color-outline);background:var(--color-paper-3);opacity:.7;border-radius:3px;flex:1;height:9px;transition:background-color .2s,opacity .2s}.hx-pips>span.is-on{background:var(--color-gold);opacity:1}.hx-pips>span.is-tier{border-color:var(--color-son-deep);box-shadow:0 0 0 1px var(--color-son)}.hx-tier{border:2px solid color-mix(in srgb, var(--color-inkmuted) 50%, transparent);background:color-mix(in srgb, var(--color-paper-3) 22%, transparent);color:var(--color-inkbrown);border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.hx-tier-at{border:2px solid var(--color-outline);background:var(--color-paper-2);border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;width:34px;padding:1px 0 2px;font-weight:800;line-height:1.1;display:flex}.hx-tier.is-on{border-color:var(--color-gold-deep);background:color-mix(in srgb, var(--color-gold) 26%, transparent)}.hx-tier.is-on .hx-tier-at{background:var(--color-gold)}.hx-tier.is-on .uppercase{color:var(--color-gold-deep)}.hx-tier.is-next{border-style:dashed;border-color:var(--color-ngoc-deep)}.hx-tier.is-next .uppercase{color:var(--color-ngoc-deep)}.hx-tier.is-past,.hx-tier.is-later{opacity:.6}.hx-lock{border:2px dashed var(--color-son-deep);background:color-mix(in srgb, var(--color-son) 12%, transparent);color:var(--color-son-deep);border-radius:10px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1.3;display:flex}.hx-lock-tag{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);text-transform:uppercase;letter-spacing:.06em;border-radius:6px;flex-shrink:0;padding:0 5px;font-size:10px}.hx-ur-badge{border:3px solid var(--color-outline);font-family:var(--font-brush);color:var(--color-paper-2);background:var(--color-inkmuted);-webkit-text-stroke:4px var(--color-outline);paint-order:stroke fill;opacity:.55;border-radius:10px;flex-shrink:0;padding:2px 8px 0;font-size:24px;line-height:1.15;transform:rotate(-4deg)}.hx-ur-badge.is-on{color:var(--color-gold);background:var(--color-ur);opacity:1;box-shadow:0 3px 0 var(--color-outline)}.hx-tc-pips{justify-content:center;gap:8px;display:flex}.hx-tc-pips>span{border:3px solid var(--color-outline);background:var(--color-paper-3);opacity:.6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(45deg)}.hx-tc-pips>span>span{color:var(--color-inkbrown);font-size:13px;font-weight:800;transform:rotate(-45deg)}.hx-tc-pips>span.is-on{background:var(--color-ur);opacity:1;box-shadow:0 3px 0 var(--color-outline)}.hx-tc-pips>span.is-on>span{color:var(--color-cream);-webkit-text-stroke:2px var(--color-outline);paint-order:stroke fill}.hx-tc-pips>span.is-pop{animation:.6s cubic-bezier(.2,1.6,.4,1) both hx-tc-pop}@keyframes hx-tc-pop{0%{opacity:0;transform:rotate(45deg)scale(.4)}60%{opacity:1;transform:rotate(45deg)scale(1.3)}to{transform:rotate(45deg)scale(1)}}.hx-tc-icon{box-shadow:0 0 0 2.5px var(--color-ur), 0 0 0 4.5px var(--color-outline), 0 4px 0 var(--color-outline)}.hx-tc-card.is-open{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-ur) 55%, transparent)}@media (prefers-reduced-motion:reduce){.hx-tc-pips>span.is-pop{animation:none}}.summon-root{--sr-r:var(--color-r);--sr-sr:var(--color-sr);--sr-ssr:var(--color-ssr)}.rar-R{color:var(--sr-r)}.rar-SR{color:color-mix(in srgb, var(--sr-sr) 70%, #fff)}.rar-SSR{color:var(--sr-ssr)}.summon-dot{z-index:2;border:2px solid var(--color-outline);background:var(--color-son);pointer-events:none;border-radius:999px;width:12px;height:12px;position:absolute;top:3px;right:3px}.summon-tabs{scrollbar-width:none;gap:6px;padding:6px 2px 4px;display:flex;overflow-x:auto}.summon-tabs::-webkit-scrollbar{display:none}.summon-tab{white-space:nowrap;border-radius:12px;flex:none;padding:6px 10px;font-size:12.5px;position:relative}.summon-tab.has-dot{padding-right:17px}.summon-banner{--bc:var(--color-man);border:3px solid var(--color-outline);background:radial-gradient(70% 80% at 50% 35%, color-mix(in srgb, var(--bc) 30%, transparent) 0%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--bc) 20%, var(--color-panel)) 0%, var(--color-ink) 100%);height:212px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--bc) 65%, var(--color-paper-3)), 0 4px 0 var(--color-outline);border-radius:12px;position:relative;overflow:hidden}.summon-banner .hero-splash{border-radius:12px;height:auto;position:absolute;inset:-3px}.summon-banner-shade{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-ink) 92%, transparent) 78%);pointer-events:none;height:62%;position:absolute;inset:auto 0 0}.summon-banner-cap{z-index:3;position:absolute;inset:auto 10px 8px}.summon-group{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:14px 0 auto}.summon-group>.portrait{box-shadow:0 4px 0 var(--color-outline);border-radius:12px;margin:0 -10px}.summon-rate{border:2px solid var(--color-outline);background:var(--color-paper);background-image:var(--tex-paper);background-blend-mode:multiply;text-align:center;background-size:256px 256px;border-radius:8px;flex:1;padding:4px 0 2px}.summon-rate .rar-R{color:var(--color-ngoc-deep)}.summon-rate .rar-SR{color:color-mix(in srgb, var(--sr-sr) 72%, var(--color-outline))}.summon-rate .rar-SSR{color:var(--color-son)}.summon-rate .sticker,.summon-rate .sticker-sm{-webkit-text-stroke:0;text-shadow:none}.summon-pull{border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px 7px;display:flex;position:relative}.summon-cost{align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.gh-row{border-bottom:2px solid color-mix(in srgb, var(--color-line) 55%, transparent);align-items:center;gap:8px;padding:5px 8px;display:flex}.gh-row.is-SSR{background:linear-gradient(90deg, color-mix(in srgb, var(--color-ssr) 16%, transparent), transparent 70%)}.gh-row.is-SR{background:linear-gradient(90deg, color-mix(in srgb, var(--color-sr) 14%, transparent), transparent 70%)}.gh-new{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);border-radius:6px;padding:0 5px;font-size:10px;font-weight:800;line-height:15px}.ssf-seal{pointer-events:none;display:block;position:absolute;inset:0}.ssf-char,.ssf-paper{border-radius:7%/5%;position:absolute;inset:0}.ssf-paper{box-shadow:0 3px 0 var(--color-outline);background:url(/ui/ux/ssrfx/back_ssr.webp) 50%/100% 100% no-repeat}.ssf-seal.t-UR .ssf-paper{background-image:url(/ui/ux/ssrfx/back_ur.webp)}.ssf-paper:after{content:"";border-radius:inherit;background:radial-gradient(80% 42% at 50% 100%,#d98a4a6b,#0000 75%);animation:1.7s ease-in-out infinite ssf-warm;position:absolute;inset:0}@keyframes ssf-warm{0%,to{opacity:.65}50%{opacity:1}}.ssf-fire{height:60%;position:absolute;bottom:-3%;left:-5%;right:-5%}.ssf-fire i{transform-origin:50% 100%;background:url(/ui/ux/ssrfx/flame.webp) 50% 100%/contain no-repeat;animation:.9s ease-in-out infinite alternate ssf-flick,2.6s linear infinite ssf-lick;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 22%,#000 48%),url(/ui/ux/ssrfx/fire_mask.png);mask-image:linear-gradient(#0000 22%,#000 48%),url(/ui/ux/ssrfx/fire_mask.png);-webkit-mask-size:100% 100%,70% 130%;mask-size:100% 100%,70% 130%;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat}.ssf-fire .ssf-fire-b{opacity:.8;animation-duration:1.25s,3.4s;animation-delay:-.4s,-1.1s;top:-14%;left:8%;right:8%;scale:-1 1}@keyframes ssf-flick{0%{transform:scaleY(1)skew(0)}35%{transform:scaleY(1.06)skew(-2.5deg)}70%{transform:scaleY(.97)skew(2deg)}to{transform:scaleY(1.04)skew(-1deg)}}@keyframes ssf-lick{0%{-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0}to{-webkit-mask-position:0 0,0 -130%;mask-position:0 0,0 -130%}}.ssf-ember{opacity:0;width:4px;height:4px;animation:ssf-ember 1.9s ease-out var(--d) infinite;background:#e3a35c;border-radius:50%;position:absolute;bottom:22%;box-shadow:0 0 0 1px #3a140899}@keyframes ssf-ember{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{transform:translate(6px, calc(var(--h) * 2.6));opacity:0}}.ssf-mark{height:8.5%;font-family:var(--font-brush);letter-spacing:.04em;color:#e8cf8e;-webkit-text-stroke:.16em #1b0f0a;paint-order:stroke fill;text-shadow:0 .06em #1b0f0a;justify-content:center;align-items:center;font-size:clamp(14px,4.6vw,26px);line-height:1;display:flex;position:absolute;top:7.6%;left:17.6%;right:17.6%}.ssf-seal.t-UR .ssf-mark{color:#f1e6c8;height:6.8%;top:9.4%;left:23.6%;right:23.5%}.is-one .ssf-mark{font-size:40px}.ssf-seal.is-burning .ssf-char{filter:drop-shadow(0 0 1.5px #1b0b06)drop-shadow(0 0 3px #b8562c)drop-shadow(0 0 7px #e3a35cb3)}.ssf-seal.is-burning .ssf-paper{animation:.46s linear 60ms both ssf-burn}@keyframes ssf-burn{0%{clip-path:var(--b0);animation-timing-function:cubic-bezier(.4,0,1,1)}28%{clip-path:var(--b1)}62%{clip-path:var(--b2)}to{clip-path:var(--b3)}}.ssf-seal.is-burning .ssf-fire i{animation:.54s cubic-bezier(.2,.7,.4,1) both ssf-flare}.ssf-seal.is-burning .ssf-fire .ssf-fire-b{animation-delay:40ms}@keyframes ssf-flare{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.2,1.55)}70%{opacity:.8;transform:scale(1.25,1.75)}to{opacity:0;transform:scale(1.1,1.9)}}.ssf-seal.is-burning .ssf-mark{animation:.16s ease-out both ssf-fade}.ssf-seal.is-burning .ssf-ember{display:none}@keyframes ssf-fade{to{opacity:0}}.ssf-flash{aspect-ratio:1;background:radial-gradient(closest-side,#f3e6c4cc,#e3a35c59 55%,#0000);border-radius:50%;width:150%;animation:.52s ease-out both ssf-flash;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes ssf-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.ssf-halo{aspect-ratio:1;pointer-events:none;width:150%;animation:.7s cubic-bezier(.2,.8,.3,1) 60ms both ssf-halo-in;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}@keyframes ssf-halo-in{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.ssf-rays{background:repeating-conic-gradient(#0000 0deg 6.4deg,#e6d3a05c 7.4deg,#0000 8.6deg 10deg);border-radius:50%;animation:70s linear infinite ssf-spin;position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#0000 14%,#000 30% 52%,#0000 100%);mask-image:radial-gradient(closest-side,#0000 14%,#000 30% 52%,#0000 100%)}.ssf-halo.t-UR .ssf-rays{background:repeating-conic-gradient(from 3deg,#0000 0deg 6.4deg,#e3a07a66 7.4deg,#0000 8.6deg 10deg)}.ssf-ring{background:url(/ui/ux/ssrfx/halo.webp) 50%/contain no-repeat;animation:110s linear infinite reverse ssf-spin;position:absolute;inset:17%}.ssf-halo.t-UR .ssf-ring{filter:sepia(.35)hue-rotate(-18deg)saturate(1.25)brightness(.92)}@keyframes ssf-spin{to{transform:rotate(360deg)}}.ssf-front{pointer-events:none;position:absolute;inset:0}.ssf-shafts{aspect-ratio:1;mix-blend-mode:screen;opacity:.5;background:repeating-conic-gradient(from 2deg,#0000 0deg 9deg,#e6d3a08c 10.2deg,#0000 11.6deg 15deg);border-radius:50%;width:190%;animation:.7s ease-out .12s both ssf-shafts-in,90s linear infinite ssf-spin;position:absolute;top:32%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(closest-side,#0000 28%,#000 42% 52%,#0000 82%);mask-image:radial-gradient(closest-side,#0000 28%,#000 42% 52%,#0000 82%)}.ssf-front.t-UR .ssf-shafts{background:repeating-conic-gradient(from 2deg,#0000 0deg 9deg,#e3a07a8c 10.2deg,#0000 11.6deg 15deg)}@keyframes ssf-shafts-in{0%{opacity:0}to{opacity:.5}}.ssf-dust{pointer-events:none;position:absolute;inset:0}.ssf-dust i{opacity:0;animation:ssf-dust var(--t) linear var(--d) infinite;background:#e8d6a4;border-radius:50%;position:absolute}@keyframes ssf-dust{0%{opacity:0;transform:translate(0)}15%{opacity:.75}80%{opacity:.5}to{transform:translate(var(--dx), -220px);opacity:0}}.srv.is-still .ssf-ember,.srv.is-still .ssf-dust{display:none}.srv{z-index:50;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#000;position:absolute;inset:0;overflow:hidden}.srv-defs{width:0;height:0;position:absolute}.srv-bg{background:radial-gradient(120% 80% at 50% 45%, transparent 55%, color-mix(in srgb, var(--color-outline) 45%, transparent) 100%), url(/ui/cards/bg_summon.webp) center / cover no-repeat, var(--color-ink);transition:filter .2s ease-out;position:absolute;inset:0}.is-dev .srv-bg{animation:.35s ease-out .15s both srv-in}.srv:has(.srv-card.is-burst) .srv-bg{filter:brightness(.62)saturate(.85)}@keyframes srv-in{0%{opacity:0}to{opacity:1}}@keyframes srv-out{0%{opacity:1}to{opacity:0}}.srv-hint{top:calc(env(safe-area-inset-top,0px) + 18px);z-index:3;text-align:center;color:var(--color-cream);-webkit-text-stroke:4px var(--color-outline);paint-order:stroke fill;pointer-events:none;font-size:14px;font-weight:800;animation:1.6s ease-in-out infinite srv-pulse;position:absolute;left:0;right:0}@keyframes srv-pulse{0%,to{opacity:1}50%{opacity:.55}}.srv-board{position:absolute;inset:0}.srv-card{transform:translate(-50%, -50%) rotate(var(--rot,0deg));cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute}.srv-card .hcard{width:100%}.srv-face,.srv-sketch{display:block}.srv-sketch,.srv-seal,.srv-paper{pointer-events:none;position:absolute;inset:0}.srv-paper,.srv-seal{border-radius:7%/5%}.srv-sketch{filter:url(#srv-pencil)}.srv-paper{opacity:0;background:radial-gradient(90% 70% at 50% 40%,#fbfaf4 0%,#efeee4 70%,#e3e3d6 100%);box-shadow:0 0 16px 4px #fbfaf499}.is-dev .srv-card{animation:srv-appear .26s cubic-bezier(.2, .8, .3, 1) var(--appear) both}@keyframes srv-appear{0%{opacity:0;translate:0 14px;scale:.82}to{opacity:1;translate:0;scale:1}}.is-dev .srv-paper{animation:srv-out .26s ease-out var(--dev) both}.is-dev .srv-sketch{animation:srv-out .42s ease-in calc(var(--dev) + .3s) both}.srv-seal{display:none}.srv-card.is-sealed .srv-seal,.srv-card.is-burst .srv-seal{display:block}.srv-card.is-sealed .srv-face,.srv-card.is-burst .srv-face{visibility:hidden}.srv:not(.is-dev) .srv-card.is-sealed .srv-seal{animation:1.6s ease-in-out infinite srv-shake}@keyframes srv-shake{0%,72%,to{transform:rotate(0)scale(1)}76%{transform:rotate(-2.2deg)scale(1.03)}81%{transform:rotate(2deg)scale(1.03)}86%{transform:rotate(-1.4deg)scale(1.02)}91%{transform:rotate(.8deg)scale(1.01)}}.is-dev .srv-seal{animation:srv-flare .42s ease-out var(--dev) both}@keyframes srv-flare{0%{filter:brightness(2.2)saturate(.4)}to{filter:brightness()saturate()}}.srv-card.is-burst{z-index:5}.srv:not(.is-dev) .srv-card.is-burst .srv-seal{animation:.56s cubic-bezier(.2,.8,.3,1) both srv-ignite}@keyframes srv-ignite{0%{transform:scale(1)}18%{transform:scale(1.1)rotate(-1.5deg)}to{transform:scale(1.14)rotate(0)}}.srv-burst{aspect-ratio:1;pointer-events:none;width:260%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.srv-burst svg{width:100%;height:100%;animation:.42s cubic-bezier(.15,.7,.3,1) 90ms both srv-claws;position:absolute;inset:0}@keyframes srv-claws{0%{opacity:1;transform:scale(.25)rotate(-14deg)}70%{opacity:1}to{opacity:0;transform:scale(1.2)rotate(6deg)}}.srv-burst i{background:linear-gradient(135deg, var(--color-son) 55%, #3a1408);width:11px;height:7px;scale:var(--s,1);border:1.5px solid #1b0b06;border-radius:2px 5px 1px 4px;margin:-3px 0 0 -5px;animation:.48s ease-out .12s both srv-bit;position:absolute;top:50%;left:50%}@keyframes srv-bit{0%{transform:rotate(var(--a)) translateX(10px) rotate(0deg);opacity:0}10%{opacity:1}to{transform:rotate(var(--a)) translateX(var(--d)) translateY(-26px) rotate(260deg);opacity:0}}.srv-tag{z-index:2;border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);white-space:nowrap;border-radius:7px;padding:0 7px;font-size:11px;font-weight:800;line-height:17px;transition:opacity .2s;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.srv-new{background:var(--color-son)}.is-dev .srv-tag{opacity:0}.srv-dock{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:3;pointer-events:none;justify-content:center;gap:12px;display:flex;position:absolute}.srv-btn{pointer-events:auto;min-width:132px;font-family:var(--font-display,inherit);border-radius:14px;padding:10px 22px;font-size:17px;font-weight:800;animation:.22s ease-out both srv-in}.srv-cut{--fc:var(--color-man);z-index:10;cursor:pointer;background:radial-gradient(90% 60% at 50% 35%, color-mix(in srgb, var(--fc) 30%, var(--color-ink)) 0%, var(--color-ink) 75%);position:absolute;inset:0;overflow:hidden}.srv-cut:before{content:"";z-index:9;opacity:0;pointer-events:none;background:#f4f1e6;animation:.2s ease-out both srv-out;position:absolute;inset:0}.srv-cut-art{z-index:0;animation:.9s cubic-bezier(.2,.75,.3,1) both srv-art;position:absolute;inset:0 0 6%}@keyframes srv-art{0%{transform:translate(7%)scale(1.1)}to{transform:translate(0)scale(1)}}.srv-cut-img{position:absolute;inset:0}.srv-cut.has-halo .srv-cut-art{animation:.9s cubic-bezier(.2,.75,.3,1) both srv-art,.32s ease-out .14s both srv-in;-webkit-mask-image:radial-gradient(70% 54% at 50% 44%,#000 46%,#0000 100%);mask-image:radial-gradient(70% 54% at 50% 44%,#000 46%,#0000 100%)}.srv-cut-card{position:absolute;top:10%;left:22%;right:22%}.srv-cut-card .hcard{width:100%}.srv-wave{pointer-events:none;background:0 100%/cover no-repeat;height:54%;animation:.34s cubic-bezier(.2,.8,.3,1) .15s both srv-wave;position:absolute;bottom:0;left:-6%;right:-6%}@keyframes srv-wave{0%{transform:translate(-72%,48%)}to{transform:translate(0)}}.srv-stamp-wrap{z-index:2;pointer-events:none;position:absolute;top:46%;left:4%;transform:rotate(-8deg)}.srv-stamp{font-family:var(--font-brush);color:var(--color-son);-webkit-text-stroke:.13em #efe9d8;paint-order:stroke fill;white-space:nowrap;filter:drop-shadow(2px 0 #141c1b)drop-shadow(-2px 0 #141c1b)drop-shadow(0 2px #141c1b)drop-shadow(0 -2px #141c1b)drop-shadow(0 4px #141c1b);font-size:clamp(52px,15.5vw,86px);line-height:1}.srv-skills{z-index:2;pointer-events:none;position:absolute;inset:0}.srv-skill{left:calc(57% + var(--k) * 14.5%);top:calc(59% - var(--k) * 5.4% + var(--k) * var(--k) * 0.4%);border:3px solid var(--color-outline);box-shadow:0 0 0 2px #efe9d8b3, 0 3px 0 var(--color-outline);animation:srv-pop .26s cubic-bezier(.3, 1.6, .5, 1) calc(.38s + var(--k) * 80ms) both;border-radius:999px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.srv-skill .skill-icon{border:0;border-radius:0}@keyframes srv-pop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.srv-puppet{z-index:1;transform-origin:50% 100%;filter:drop-shadow(0 4px #00000073);pointer-events:none;width:auto;height:min(20%,160px);animation:.3s ease-out .45s both srv-rise,2.4s ease-in-out .75s infinite srv-bob;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}@keyframes srv-rise{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}@keyframes srv-bob{0%,to{scale:1}50%{scale:1.01 1.025}}.srv-name{z-index:3;text-align:center;pointer-events:none;animation:.22s ease-out .55s both srv-in;position:absolute;bottom:88px;left:4%;right:4%}.srv-name-main{font-family:var(--font-brush-xl);color:var(--color-cream);-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;text-shadow:0 .07em 0 var(--color-outline);font-size:clamp(32px,10vw,46px);line-height:1.05}.srv-name-sub{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:800;display:flex}.srv-name .srv-tag{position:static;transform:none}.srv-chip{border:2px solid var(--color-outline);color:var(--color-outline);border-radius:999px;padding:0 8px;line-height:18px}.srv-chip-role{background:var(--color-paper)}.srv-title{color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill}.ink-sweep.srv-line{left:3%;right:3%;bottom:calc(env(safe-area-inset-bottom,0px) + 2px);z-index:3;pointer-events:none;width:auto;position:absolute}.srv-line-text{text-align:center;font-size:13px;font-weight:800;line-height:1.35;display:block}.srv-cut-hint{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:3;color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;font-size:12px;font-weight:800;animation:.3s ease-out 1.2s both srv-in;position:absolute;right:14px}.srv-cut.is-skip :not(.ssf-rays,.ssf-ring,.ssf-shafts,.ssf-dust i),.srv-cut.is-skip:before,.srv.is-still *,.srv.is-still:before,.srv.is-still .srv-cut:before{animation:none!important}.srv.is-still .srv-cut:before{opacity:0}.cmp-view{border-top:3px solid var(--color-outline);border-bottom:3px solid var(--color-outline);flex:1;min-height:0;position:relative;overflow:hidden}.cmp-bg{background:radial-gradient(110% 60% at 50% 0%, color-mix(in srgb, var(--cmp-tint,var(--color-panel-3)) 70%, transparent) 0%, transparent 65%), radial-gradient(90% 50% at 0% 100%, color-mix(in srgb, var(--cmp-tint,var(--color-panel-3)) 45%, transparent) 0%, transparent 70%), var(--color-ink);position:absolute;inset:0}.cmp-bg-img{filter:brightness(.62)saturate(.4);opacity:0;background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;inset:0}.cmp-bg-img.is-loaded{opacity:1}.cmp-bg:after{content:"";background:var(--tex-grain) 0 0 / 256px 256px, linear-gradient(180deg, color-mix(in srgb, var(--color-ink) 55%, transparent) 0%, color-mix(in srgb, var(--color-ink) 15%, transparent) 30%, color-mix(in srgb, var(--color-ink) 15%, transparent) 70%, color-mix(in srgb, var(--color-ink) 60%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--cmp-tint,var(--color-panel-3)) 34%, transparent), color-mix(in srgb, var(--cmp-tint,var(--color-panel-3)) 34%, transparent));position:absolute;inset:0}.cmp-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.cmp-track{margin:0 12px;position:relative}.cmp-path{pointer-events:none;position:absolute;inset:0;overflow:visible}.cmp-path path{fill:none;stroke-linecap:round;stroke-linejoin:round}.cmp-path-edge{stroke:var(--color-outline);stroke-width:20px}.cmp-path-road{stroke:color-mix(in srgb, var(--color-paper-3) 62%, var(--color-panel-3));stroke-width:13px}.cmp-path-dash{stroke:var(--color-panel-2);stroke-width:3px;stroke-dasharray:2 11}.cmp-path-done{stroke:var(--color-ngoc);stroke-width:7px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-ngoc) 45%, transparent))}.cmp-node{border:3px solid var(--color-outline);width:44px;height:44px;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 color-mix(in srgb, var(--color-outline) 25%, transparent), 0 4px 0 var(--color-outline);border-radius:50%;place-items:center;font-size:17px;font-weight:800;transition:transform .12s;display:grid;position:absolute;translate:-50% -50%}.cmp-node:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff59, 0 1px 0 var(--color-outline);transform:translateY(3px)}.cmp-node.is-done{background:linear-gradient(180deg, color-mix(in srgb, var(--color-ngoc) 62%, #fff), var(--color-ngoc) 55%, var(--color-ngoc-deep));color:var(--color-outline)}.cmp-node.is-locked{background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));color:var(--color-muted);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--color-outline) 30%, transparent), 0 4px 0 var(--color-outline)}.cmp-node.is-current,.cmp-boss.is-current{z-index:3}.cmp-node.is-current{background:linear-gradient(180deg, color-mix(in srgb, var(--color-son) 72%, #fff), var(--color-son) 55%, var(--color-son-deep));width:52px;height:52px;color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;font-size:20px}.cmp-node.is-current:before,.cmp-boss.is-current .cmp-boss-ring:before{content:"";border:3px solid var(--color-son);border-radius:inherit;pointer-events:none;animation:1.3s ease-out infinite cmp-pulse;position:absolute;inset:-6px}.cmp-node.is-selected{outline:3px solid var(--color-paper);outline-offset:3px}.cmp-node.is-done.is-selected{outline-color:var(--color-gold)}@keyframes cmp-pulse{0%{opacity:.95;transform:scale(.92)}to{opacity:0;transform:scale(1.45)}}.cmp-me{pointer-events:none;border-width:2px;border-radius:10px;width:34px;animation:1.6s ease-in-out infinite bob;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.cmp-boss{--ring:64px;translate:-50% calc(var(--ring) / -2);pointer-events:none;flex-direction:column;align-items:center;width:176px;display:flex;position:absolute}.cmp-boss.is-chapter{--ring:88px}.cmp-boss>*{pointer-events:auto}.cmp-boss-ring{width:var(--ring);height:var(--ring);background:var(--color-son);border:3px solid var(--color-outline);box-shadow:0 0 10px color-mix(in srgb, var(--color-son) 45%, transparent), 0 4px 0 var(--color-outline);border-radius:18px;padding:3px;transition:transform .12s;display:block;position:relative}.cmp-boss.is-chapter .cmp-boss-ring{border-radius:24px;padding:4px}.cmp-boss:active:not(:disabled) .cmp-boss-ring{transform:translateY(3px)}.cmp-boss-face{border-width:2px;border-radius:13px;width:100%}.cmp-boss.is-chapter .cmp-boss-face{border-radius:18px}.cmp-boss-idx{border:2px solid var(--color-outline);background:var(--color-panel);min-width:30px;color:var(--color-cream);border-radius:9px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;bottom:-8px;right:-8px}.cmp-boss-tag{border:2px solid var(--color-outline);background:var(--color-son);letter-spacing:.04em;text-transform:uppercase;color:var(--color-cream);border-radius:7px;margin-top:6px;padding:0 7px;font-size:10px;font-weight:800;line-height:15px}.cmp-boss.is-chapter .cmp-boss-tag{background:var(--color-gold);color:var(--color-inkbrown)}.cmp-boss-name{text-align:center;max-width:176px;color:var(--color-paper);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;margin-top:2px;font-size:13px;font-weight:800;line-height:1.15}.cmp-boss.is-chapter .cmp-boss-name{font-family:var(--font-brush);color:var(--color-gold);font-size:16px;font-weight:400}.cmp-boss.is-done .cmp-boss-ring{background:var(--color-ngoc);box-shadow:0 4px 0 var(--color-outline)}.cmp-boss.is-locked .cmp-boss-ring{background:var(--color-panel-2);box-shadow:0 4px 0 var(--color-outline)}.cmp-boss.is-locked .cmp-boss-face{filter:grayscale(.85)brightness(.55)}.cmp-boss.is-locked .cmp-boss-tag{background:var(--color-panel-2);color:var(--color-muted)}.cmp-boss.is-locked .cmp-boss-name{color:var(--color-muted)}.cmp-boss.is-selected .cmp-boss-ring{outline:3px solid var(--color-paper);outline-offset:3px}.cmp-boss .cmp-me{bottom:calc(100% + 4px)}.cmp-chest{flex-direction:column;align-items:center;width:66px;display:flex;position:absolute;translate:-50% -50%}.cmp-chest img{width:58px;filter:drop-shadow(0 3px 0 color-mix(in srgb, var(--color-ink) 70%, transparent));pointer-events:none}.cmp-chest-label{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-muted);white-space:nowrap;border-radius:8px;margin-top:-4px;padding:0 7px;font-size:11px;font-weight:800;line-height:17px}.cmp-chest.is-ready img{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-gold) 70%, transparent)) drop-shadow(0 3px 0 color-mix(in srgb, var(--color-ink) 70%, transparent));animation:1.1s ease-in-out infinite bob}.cmp-chest.is-ready .cmp-chest-label{background:var(--color-gold);color:var(--color-inkbrown)}.cmp-chest.is-locked img{filter:grayscale(.6) brightness(.6) drop-shadow(0 3px 0 color-mix(in srgb, var(--color-ink) 70%, transparent))}.cmp-chest.is-claimed img{filter:grayscale()brightness(.45);opacity:.8}.cmp-chest:active img{transform:translateY(2px)}.cmp-head{border:2px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--color-panel-2) 92%, transparent), var(--color-panel));border-bottom:0;border-radius:14px 14px 0 0;margin:0 8px;padding-top:6px}.cmp-head-nav{grid-template-columns:76px 1fr 76px;align-items:center;gap:6px;display:grid}.cmp-lock{width:12px;height:14px;margin-right:2px}.cmp-sheet{animation:.28s cubic-bezier(.2,1,.3,1) both rise}.cmp-enemy{flex-direction:column;align-items:center;width:54px;display:flex;position:relative}.cmp-enemy .portrait{border-radius:12px;width:48px}.cmp-enemy.is-boss .portrait{border-color:var(--color-son-deep);box-shadow:0 0 0 2px var(--color-son), inset 0 0 0 2px color-mix(in srgb, var(--color-son) 80%, transparent)}.cmp-enemy-lv{background:color-mix(in srgb, var(--color-ink) 85%, transparent);border-top-right-radius:8px;padding:0 3px;font-size:10px;font-weight:800;line-height:14px;position:absolute;bottom:0;left:0}.cmp-enemy-star{color:var(--color-gold);align-items:center;gap:1px;margin-top:2px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.cmp-foe{color:color-mix(in srgb, var(--color-son) 62%, var(--color-cream))}.cmp-lock path,.cmp-lock rect{stroke:var(--color-outline)}.cmp-lock .cmp-lock-in{stroke:var(--color-muted)}.cmp-lock rect{fill:var(--color-muted)}@media (prefers-reduced-motion:reduce){.cmp-node.is-current:before,.cmp-boss.is-current .cmp-boss-ring:before,.cmp-me,.cmp-chest.is-ready img{animation:none}}.el-tabs{border:3px solid var(--color-outline);background:#0e1413cc;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid;box-shadow:inset 0 0 0 2px #c9d6cf29}.el-tab-btn{height:32px;color:var(--color-muted);border-radius:10px;font-size:14px;font-weight:800;transition:background .15s,color .15s;position:relative}.el-tab-btn.is-on{border:2px solid var(--color-outline);background:linear-gradient(180deg, #f4f7f1 0%, var(--color-paper-2) 100%);color:var(--color-inkbrown);box-shadow:inset 0 2px #f8fbf799}.el-tab-btn.is-elite.is-on{background:linear-gradient(180deg, #e0735a 0%, var(--color-son) 50%, var(--color-son-deep) 100%);color:#f4f8f1;text-shadow:0 1px #3c1410b3;box-shadow:inset 0 2px #f4f8f159}.el-quip{color:#eef3ece6;background:#0e141394;border-radius:10px;width:-moz-fit-content;width:fit-content;margin-inline:auto;padding:1px 10px 2px}.el-tab{flex:1;min-height:0;padding:2px 12px 12px;overflow-y:auto}.el-bar{border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;padding:6px 10px;display:grid}.el-bar-cell{align-items:center;gap:8px;min-width:0;display:flex}.el-track{height:76px;margin:2px 24px 0 8px;position:relative}.el-track-bar{position:absolute;inset:auto 0 22px}.el-chest{-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;width:50px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.el-chest-img{z-index:1;object-fit:contain;filter:drop-shadow(0 3px #0e1413cc);width:44px;height:44px;transition:transform .15s;position:relative}.el-chest:active .el-chest-img{transform:scale(.92)}.el-chest-at{z-index:1;border:2px solid var(--color-outline);background:var(--color-panel);border-radius:999px;align-items:center;gap:1px;margin-top:13px;padding:0 5px;font-size:11px;font-weight:800;line-height:15px;display:inline-flex;position:relative}.el-chest-glow{background:radial-gradient(circle, color-mix(in srgb, var(--color-ngoc) 40%, transparent) 0%, color-mix(in srgb, var(--color-ngoc) 10%, transparent) 45%, transparent 70%);opacity:0;pointer-events:none;border-radius:999px;width:60px;height:60px;margin-left:-30px;position:absolute;top:-8px;left:50%}.el-chest.is-ready .el-chest-img{animation:1.1s ease-in-out infinite el-hop}.el-chest.is-ready .el-chest-glow{animation:1.1s ease-in-out infinite el-glow}.el-chest.is-ready .el-chest-at{background:var(--color-gold);color:var(--color-inkbrown)}.el-chest.is-locked .el-chest-img{filter:drop-shadow(0 3px #0e1413cc)brightness(.7)saturate(.7)}.el-chest.is-claimed .el-chest-img{opacity:.55;filter:drop-shadow(0 3px #0e1413cc)saturate(.5)}.el-chest.is-claimed .el-chest-at{color:var(--color-win)}@keyframes el-hop{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-4deg)}45%{transform:translateY(-6px)rotate(4deg)}60%{transform:translateY(0)rotate(0)}}@keyframes el-glow{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.el-rules{border:2px solid var(--color-outline);background:linear-gradient(180deg, #c8402c17 0%, #c8402c00 100%), var(--color-panel);border-radius:14px;margin-top:6px;padding:6px 10px 8px;box-shadow:inset 0 0 0 2px #c8402c99}.el-rules-h{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-son) 70%, var(--color-cream));font-size:10px;font-weight:800}.el-rule{align-items:flex-start;gap:8px;margin-top:4px;display:flex}.el-rule-name{border:2px solid var(--color-outline);background:var(--color-son);color:#f4f8f1;max-width:42%;text-shadow:0 1px 0 var(--color-outline);border-radius:8px;flex:none;padding:1px 6px;font-size:12px;font-weight:800;line-height:16px}.el-chapter-lock{border:2px dashed color-mix(in srgb, var(--color-son) 60%, transparent);text-align:center;color:color-mix(in srgb, var(--color-son) 70%, var(--color-cream));border-radius:12px;margin-top:8px;padding:6px 10px;font-size:13px;font-weight:800}.el-stage{border:3px solid var(--color-outline);background:linear-gradient(#2a3a37 0%,#172221 100%);border-radius:14px;margin-top:8px;box-shadow:inset 0 0 0 2px #c9d6cf38,0 3px #060a09b3}.el-stage.is-full{box-shadow:inset 0 0 0 2px #d8bb72b3,0 3px #060a09b3}.el-stage.is-next{box-shadow:inset 0 0 0 2px var(--color-son), 0 3px 0 #060a09b3;background:linear-gradient(#c8402c1a 0%,#c8402c00 60px),linear-gradient(#2a3a37 0%,#172221 100%)}.el-stage.is-locked{background:#141d1c;box-shadow:inset 0 0 0 2px #c9d6cf2e}.el-stage.is-on:not(.is-next){box-shadow:inset 0 0 0 2px var(--color-gold)}.el-stage-head{text-align:left;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.el-stage-n{border:2px solid var(--color-outline);background:var(--color-panel-3);width:36px;height:36px;color:var(--color-cream);border-radius:10px;flex:none;place-items:center;font-size:18px;line-height:1;display:grid}.el-stage-n.is-boss{background:var(--color-son-deep)}.el-stage.is-next .el-stage-n{background:var(--color-son)}.el-stage.is-full .el-stage-n{background:var(--color-gold-deep)}.el-stage.is-locked .el-stage-n{background:var(--color-panel);color:var(--color-muted)}.el-stage-sub{color:var(--color-muted);margin-top:1px;font-size:11.5px;font-weight:800;display:block}.el-stage.is-next .el-stage-sub{color:color-mix(in srgb, var(--color-son) 40%, var(--color-cream))}.el-lock{color:color-mix(in srgb, var(--color-son) 70%, var(--color-cream));margin-top:1px;font-size:11.5px;font-weight:800;display:block}.el-stage-body{padding:0 8px 8px;animation:.24s cubic-bezier(.2,1,.3,1) both rise}.el-conds{border:2px solid var(--color-outline);background:#0e141380;border-radius:10px;gap:3px;padding:5px 8px;display:grid}.el-cond{color:var(--color-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.el-cond.is-lit{color:var(--color-cream)}.el-enemies{justify-content:center;gap:6px;margin-top:8px;display:flex}.el-enemy{flex-direction:column;align-items:center;width:54px;display:flex;position:relative}.el-enemy .portrait{border-radius:12px;width:48px}.el-enemy.is-boss .portrait{border-color:var(--color-son-deep);box-shadow:0 0 0 2px var(--color-son), inset 0 0 0 2px #c8402ccc}.el-enemy-lv{background:#0e1413d9;border-top-right-radius:8px;padding:0 3px;font-size:10px;font-weight:800;line-height:14px;position:absolute;bottom:0;left:0}.el-enemy-star{color:var(--color-gold);align-items:center;gap:1px;margin-top:2px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.el-shard{border:2px solid var(--color-outline);background:linear-gradient(90deg,#d8bb7233 0%,#0e141366 70%);border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:5px 8px;display:flex}.el-shard-face{border-radius:10px;flex:none;width:44px}.el-rewards{gap:3px;margin-top:8px;display:grid}.el-reward-row{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.el-reward-label{letter-spacing:.06em;text-transform:uppercase;width:58px;color:var(--color-muted);font-size:10px;font-weight:800}.el-reward-cell{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.el-actions{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.el-actions>button{white-space:nowrap;padding-left:4px;padding-right:4px;font-size:14px}.el-cost{opacity:.85;margin-left:3px;font-size:10.5px;font-weight:800}.el-res{border:2px solid var(--color-outline);background:#0e141380;border-radius:12px;margin-top:10px;padding:6px 8px 8px}.el-res-stars{justify-content:center;align-items:flex-end;gap:10px;height:46px;display:flex}.el-res-star{opacity:0;transform:scale(.2)}.el-res-star.is-shown{animation:.42s cubic-bezier(.2,1.6,.4,1) forwards el-star-in}.el-res-star:nth-child(2){margin-bottom:8px}.el-res-star.is-shown.is-lit svg{filter:drop-shadow(0 0 6px #d8bb72b3)}.el-res-conds{gap:2px;margin-top:4px;display:grid}.el-res-cond{color:var(--color-muted);opacity:.35;align-items:center;gap:6px;font-size:12.5px;font-weight:700;transition:opacity .2s,color .2s;display:flex}.el-res-cond.is-shown{opacity:1}.el-res-cond.is-shown.is-lit{color:var(--color-cream)}.el-res-mark{text-align:center;border:2px solid var(--color-outline);background:var(--color-panel-2);width:40px;color:var(--color-muted);border-radius:6px;flex:none;font-size:10px;font-weight:800;line-height:14px}.el-res-cond.is-shown.is-lit .el-res-mark{background:var(--color-win);color:#1d3a12}.el-res-cond.is-shown:not(.is-lit) .el-res-mark{background:var(--color-son-deep);color:#f3b0a0}.el-res-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:6px;font-size:12px;font-weight:800;display:flex}.el-res-new{border:2px solid var(--color-outline);background:var(--color-son);color:#f4f8f1;border-radius:6px;padding:0 4px;font-size:10px}.el-res-hint{color:#dbe4dd;margin-top:6px;font-size:12px;font-weight:700;line-height:1.35}@keyframes el-star-in{0%{opacity:0;transform:scale(.2)rotate(-40deg)}70%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.el-chest.is-ready .el-chest-img,.el-chest.is-ready .el-chest-glow{animation:none}.el-chest.is-ready .el-chest-glow{opacity:.8}.el-res-star.is-shown{opacity:1;animation:none;transform:none}}.hud-clock-wrap{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.hud-clock{align-items:center;height:34px;display:flex}.hud-smear{fill:#0b1110db;stroke:#0b111099;width:60px;height:28px;margin:0 -14px}.hud-timer{z-index:1;text-align:center;min-width:60px;font-family:var(--font-brush-xl);letter-spacing:.02em;color:var(--color-cream);-webkit-text-stroke:4px var(--color-outline);paint-order:stroke fill;filter:drop-shadow(0 1px #0b111099);padding:0 2px;font-size:26px;line-height:1;position:relative}.hud-timer.is-hunt{font-size:30px}.hud-timer.text-lose{color:color-mix(in srgb, var(--color-son) 55%, var(--color-cream))}.hud-team{gap:3px;width:min(46vw,196px);margin-top:4px;display:flex}.hud-team .hud-team-bar{height:4px;box-shadow:none;background:#0b11108c;border:0;border-radius:2px;flex:1}.hud-team .hud-team-bar>.bar-fill{box-shadow:none}.hud-stage{color:var(--color-cream);filter:drop-shadow(0 1px #0b1110d9);padding:2px 6px 2px 0}.hud-stage .title-brush{-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill}.hud-round{border:2px solid var(--color-outline);width:46px;height:46px;color:var(--color-cream);border-radius:50%;flex:none;place-items:center;transition:transform .12s cubic-bezier(.2,1.6,.4,1);display:grid;position:relative;box-shadow:0 3px #0b1110b3}.hud-round:active{transform:scale(.92)}.hud-round-text{font-family:var(--font-brush-xl);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;font-size:19px;line-height:1}.hud-pause{width:34px;height:34px;box-shadow:none;background:#0e1413b8;border-color:#eef3ec59}.hud-speed{background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--color-son) 80%, var(--color-cream)), var(--color-son) 55%, var(--color-son-deep))}.hud-speed.is-fast{box-shadow:0 3px #0b1110b3,inset 0 0 0 2px #efdda8bf}.hud-round-lock{line-height:0;position:absolute;bottom:-2px;right:-3px}.hud-auto{background:radial-gradient(circle at 38% 32%, var(--color-panel-3), var(--color-inkbrown) 60%, var(--color-ink));color:#eef3ec8c}.hud-auto.is-on{color:var(--color-cream);box-shadow:0 3px 0 #0b1110b3, inset 0 0 0 2px var(--color-ngoc)}.hud-auto-text{text-align:center;font-size:13px;line-height:.95}.hud-foot{padding-top:8px}.hud-foot:not(.is-compact){background:linear-gradient(#0000,#0e1413b8)}.hud-foot .hud-card{transition:transform .18s cubic-bezier(.2,1.6,.4,1),max-width .22s ease-out,filter .3s}.hud-foot.is-compact .hud-row{gap:4px}.hud-foot.is-compact .hud-card{max-width:32px}.hud-foot.is-compact .hud-card.is-ready{transform:translateY(-2px)}.hud-foot.is-compact .hud-level,.hud-foot.is-compact .hud-ready-tag{display:none}.hud-foot.is-compact .hud-card .portrait{border-width:1.5px;border-radius:8px}.hud-foot.is-compact .hud-card-hp{border-width:0;height:3px;margin-top:2px}.hud-foot.is-compact .hud-card-rage{border-width:0;height:2px;margin-top:1px}.hud-foot.is-compact .hud-card>.hud-ready{aspect-ratio:auto;border:1.5px solid var(--color-outline);background:var(--color-gold);width:9px;height:9px;box-shadow:none;z-index:2;border-radius:50%;inset:-3px -3px auto auto}.hud-foot.is-compact .hud-card.is-ready>.hud-ready{opacity:1;animation:none}.hud-foot.is-compact .hud-dead-tag{font-size:11px}@media (prefers-reduced-motion:reduce){.hud-foot .hud-card,.hud-round{transition:none}}.bst{z-index:40;background:linear-gradient(180deg, color-mix(in srgb, var(--color-ngoc-deep) 22%, transparent) 0%, transparent 40%, transparent 60%, color-mix(in srgb, var(--color-son-deep) 20%, transparent) 100%), var(--color-night);flex-direction:column;display:flex;position:absolute;inset:0}.bst-scroll{flex:1;min-height:0;padding:12px 12px 6px;overflow-y:auto}.bst-body{flex-direction:column;gap:12px;max-width:384px;margin:0 auto;display:flex}.bst-team{--band:var(--color-ngoc)}.bst-team.is-foe{--band:var(--color-son)}.bst-band{border:2px solid var(--color-outline);background-color:var(--color-panel);background-image:linear-gradient(100deg, color-mix(in srgb, var(--band) 34%, transparent) 0%, transparent 58%, color-mix(in srgb, var(--band) 16%, transparent) 100%), var(--tex-stone);min-height:64px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--band) 38%, transparent), 0 3px 0 var(--color-outline);border-radius:999px 16px 16px 999px;align-items:center;gap:8px;margin-left:8px;padding:6px 12px 6px 68px;display:flex;position:relative}.bst-avatar{border:2px solid var(--color-outline);background:var(--color-paper);width:70px;height:70px;box-shadow:0 0 0 2px var(--band);border-radius:50%;padding:3px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.bst-avatar-face{border-width:2px;border-radius:50%;width:100%}.bst-avatar-lv{color:var(--color-cream);font-size:15px;line-height:1;position:absolute;bottom:-4px;left:2px}.bst-band-text{flex:1;min-width:0}.bst-name{font-family:var(--font-brush);color:var(--color-cream);overflow-wrap:anywhere;font-size:17px;line-height:1.15}.bst-power{margin-top:1px;line-height:1;display:flex}.bst-verdict{text-shadow:0 .09em 0 var(--color-outline);flex:none;font-size:40px;line-height:1.05;transform:rotate(-4deg)}.bst-team.is-win .bst-verdict{color:var(--color-gold)}.bst-team.is-lose .bst-verdict{color:var(--color-lose)}.bst-team.is-even .bst-verdict{color:var(--color-cream);font-size:30px}.bst-cols{color:var(--color-muted);grid-template-columns:40px repeat(3,minmax(0,1fr));gap:6px;padding:7px 8px 3px;font-size:10.5px;font-weight:800;display:grid}.bst-cols>span{justify-content:center;align-items:center;gap:4px;display:flex}.bst-dot{border:1px solid var(--color-outline);border-radius:2px;width:8px;height:8px}.bst-dot.is-dealt{background:var(--color-son)}.bst-dot.is-taken{background:var(--color-gold)}.bst-dot.is-healed{background:var(--color-ngoc)}.bst-rows{flex-direction:column;gap:3px;display:flex}.bst-row{border:1px solid var(--color-outline);background:color-mix(in srgb, var(--color-panel) 86%, transparent);border-radius:12px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:6px;padding:3px 8px;display:grid}.bst-row.is-mvp{background:color-mix(in srgb, var(--color-gold) 13%, var(--color-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold) 55%, transparent)}.bst-row.is-dead{opacity:.55}.bst-row.is-dead .bst-face-img{filter:grayscale()}.bst-face{width:40px;position:relative}.bst-face-img{width:40px;box-shadow:inset 0 0 0 2px var(--rc);border-width:2px;border-radius:9px}.bst-face-lv{color:var(--color-cream);font-size:10px;line-height:1;position:absolute;bottom:0;left:3px}.bst-count{border:1px solid var(--color-outline);background:var(--color-panel-3);color:var(--color-cream);border-radius:6px;padding:0 4px;font-size:10px;font-weight:800;line-height:1.35;position:absolute;top:-4px;right:-5px}.bst-mvp{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);border-radius:5px;padding:0 3px;font-size:10px;line-height:1.3;position:absolute;bottom:-5px;right:-7px;transform:rotate(-8deg)}.bst-main{min-width:0}.bst-row-name{color:var(--color-cream);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:1px;font-size:11px;font-weight:800;line-height:1.2;display:flex}.bst-tag{border:1px solid var(--color-outline);background:var(--color-son-deep);color:var(--color-cream);border-radius:5px;padding:0 4px;font-size:9px;line-height:1.4}.bst-tag.is-dead{background:var(--color-panel-3);color:var(--color-muted)}.bst-cells{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bst-cell{min-width:0}.bst-num{text-align:center;color:var(--color-cream);font-size:11.5px;font-weight:800;line-height:1.15;display:block}.bst-bar{margin-top:1px}.bst-empty{text-align:center;color:var(--color-muted);padding:8px;font-size:12px}.bst-foot{width:100%;max-width:384px;margin:0 auto;padding:6px 12px 12px}.bst-hint{text-align:center;color:var(--color-muted);margin-bottom:8px;font-size:12px;font-weight:700}.bst-sum{cursor:pointer}.bst-sum-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.bst-sum-title{font-family:var(--font-brush);color:var(--color-inkbrown);font-size:14px;line-height:1.2}.bst-sum-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.bst-sum-cell{flex-direction:column;align-items:stretch;gap:2px;min-width:0;display:flex}.bst-sum-face{border-width:2px;border-radius:10px;width:100%}.bst-sum-cell.is-dead .bst-sum-face{filter:grayscale();opacity:.7}.bst-sum-num{text-align:center;color:var(--color-inkbrown);white-space:nowrap;font-size:11px;font-weight:800;line-height:1.2}.bst-sum-num.is-heal{color:var(--color-ngoc-deep)}.bst-sum .bst-mvp{top:-6px;bottom:auto;right:-6px}.ar-screen{background-image:radial-gradient(90% 28% at 50% 16%, #d8bb721f 0%, #d8bb7200 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141361 45%, #0e141399 100%);background-size:100% 100%,320px 320px,100% 100%}.ar-tagline{text-align:center;color:#eef3eceb;background:#0e141394;border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 12px);margin:-2px auto 0;padding:2px 10px 3px;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.ar-scene{border:3px solid var(--color-outline);aspect-ratio:5/2;background:#1a2527;border-radius:14px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #d8bb7266,0 4px #060a09bf}.ar-scene img{object-fit:cover;object-position:50% 62%;width:100%;height:100%;position:absolute;inset:0}.ar-scene:after{content:"";pointer-events:none;background:linear-gradient(#0c121100 0%,#0c1211bf 70%,#0c1211e0 100%);position:absolute;inset:40% 0 0}.ar-scene .ar-tagline{z-index:1;color:#eef3eceb;background:0 0;width:auto;max-width:none;margin:0;padding:0;position:absolute;inset:auto 8px 6px}.ar-mail{align-items:center;gap:8px;margin-top:8px;padding:6px 8px 7px 10px;display:flex;box-shadow:inset 0 0 0 2px #c8402c8c,0 3px #060a09b3}.ar-mail-items{flex-wrap:wrap;gap:2px 8px;margin-top:3px;display:flex}.ar-mail-cell{align-items:center;gap:2px;font-size:11.5px;font-weight:800;display:inline-flex}.ar-badge{flex:none;place-items:center;display:inline-grid;position:relative}.ar-badge img{object-fit:contain;width:100%;height:100%}.ar-badge.is-seal{border:3px solid var(--color-outline);background:radial-gradient(circle at 50% 38%, var(--seal-hi,var(--color-panel-3)) 0%, var(--seal-lo,var(--color-panel)) 78%);box-shadow:inset 0 0 0 3px var(--color-son), inset 0 0 0 5px #0b11108c, 0 3px 0 #060a09bf;border-radius:50%}.ar-badge.is-seal[data-tier="1"]{--seal-hi:var(--color-paper-3);--seal-lo:var(--color-inkmuted)}.ar-badge.is-seal[data-tier="2"]{--seal-hi:var(--color-gold);--seal-lo:var(--color-gold-deep)}.ar-badge.is-seal[data-tier="3"]{--seal-hi:var(--color-paper-2);--seal-lo:var(--color-line)}.ar-badge.is-seal[data-tier="4"]{--seal-hi:color-mix(in srgb, var(--color-giangho) 55%, var(--color-paper-2));--seal-lo:color-mix(in srgb, var(--color-giangho) 55%, var(--color-ink))}.ar-badge.is-seal[data-tier="5"]{--seal-hi:color-mix(in srgb, var(--color-son) 70%, var(--color-paper-2));--seal-lo:var(--color-son-deep)}.ar-seal{max-width:82%;font-size:inherit;text-align:center;color:#f4f8f1;-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;line-height:1.02}.ar-rankbox{align-items:center;gap:10px;margin-top:8px;padding:10px 12px 9px 10px;display:flex;position:relative}.ar-rankbar{border-width:2px}.ar-rankfoot{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:1px 10px;margin-top:3px;font-size:10.5px;font-weight:700;display:flex}.ar-rankfoot b{color:var(--color-cream);font-weight:800}.ar-lockboard{z-index:3;border:3px solid var(--color-outline);background:var(--color-paper);box-shadow:inset 0 0 0 2.5px var(--color-son), 0 4px 0 #060a09cc;color:var(--color-son-deep);border-radius:8px;flex-direction:column;align-items:center;padding:5px 14px 6px;font-size:11.5px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.ar-bar{border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;display:flex}.ar-bar-cell{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.ar-shop{text-align:left;flex:none;justify-content:flex-start;align-items:center;gap:5px;padding:4px 9px 4px 5px;display:flex}.ar-cost{background:#0b111038;border-radius:6px;align-items:center;gap:2px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:800;display:inline-flex}.ar-run{color:#e6a08c;background:#0e141399;border:2px dashed #c8402cb3;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.3}.ar-team-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ar-team-sep{border-top:1.5px dashed #b4c2b859;height:0;margin:8px 2px}.ar-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.ar-card{flex-direction:column;align-items:center;min-width:0;display:flex}.ar-card .hcard-row{width:100%;max-width:60px}.ar-card-lv{color:var(--color-cream);margin-top:1px;font-size:10px;font-weight:800;line-height:1.1}.ar-card.is-empty{padding-bottom:12px}.ar-card-hole{aspect-ratio:3/4;width:100%;max-width:60px;color:var(--color-muted);background:#0c121173;border:2px dashed #b4c2b873;border-radius:9px;place-items:center;font-size:10.5px;font-weight:800;display:grid}.ar-opp-title{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.ar-opp{--tier:var(--color-ngoc);margin-top:8px;padding:7px 9px 8px}.ar-opp.is-mid{--tier:var(--color-gold)}.ar-opp.is-hard{--tier:var(--color-son)}.ar-opp-head{align-items:center;gap:7px;display:flex}.ar-tier{border:2.5px solid var(--color-outline);background:var(--tier);color:var(--color-outline);border-radius:7px;flex:none;padding:0 7px 1px;font-size:13px;line-height:1.25;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px #f4f8f159}.ar-opp.is-hard .ar-tier{color:#f4f8f1;-webkit-text-stroke:.1em var(--color-outline);paint-order:stroke fill}.ar-opp-name{flex:1;min-width:0;font-size:14px;font-weight:800}.ar-opp-points{color:var(--color-muted);flex:none;font-size:11px;font-weight:700}.ar-opp-points b{color:var(--color-cream);font-size:13.5px;font-weight:800}.ar-opp-power{color:var(--color-muted);align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.ar-opp-power .pw-sm{font-size:15px}.ar-cmp{border:1.5px solid;border-radius:6px;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:15px}.ar-cmp.is-weak{color:var(--color-ngoc)}.ar-cmp.is-even{color:var(--color-cream)}.ar-cmp.is-strong{color:#e07a62}.ar-opp-body{align-items:center;gap:8px;margin-top:5px;display:flex}.ar-opp-team{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;display:grid}.ar-opp-face{border-width:2px;border-radius:9px;width:100%;max-width:44px}.ar-opp-act{flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.ar-opp-stake{white-space:nowrap;color:var(--color-muted);font-size:10px;font-weight:700}.ar-opp-stake .is-plus{color:var(--color-ngoc)}.ar-opp-stake .is-minus{color:#e07a62}.ar-opp-line{border-left:3px solid var(--tier);color:#eef3ece0;background:#0c121166;border-radius:0 6px 6px 0;margin-top:5px;padding:3px 8px;font-size:11.5px;font-style:italic;font-weight:700;line-height:1.3}.ar-tabbody{padding:4px 8px 6px}.ar-hrow{align-items:center;gap:7px;padding:4px 2px;display:flex}.ar-hrow+.ar-hrow{border-top:1px dashed #1c282640}.ar-hmark{border:2px solid var(--color-outline);text-align:center;border-radius:6px;flex:none;width:42px;padding:1px 0;font-size:11px;font-weight:800}.ar-hmark.is-win{background:var(--color-ngoc);color:var(--color-outline)}.ar-hmark.is-lose{background:var(--color-son);color:#f4f8f1}.ar-ladder{overscroll-behavior:contain;max-height:248px;overflow-y:auto}.ar-lrow{border-radius:6px;align-items:center;gap:6px;min-height:26px;padding:1px 6px;font-size:12px;font-weight:700;display:flex}.ar-lrow:nth-child(2n){background:#b4c2b833}.ar-lrow.is-me{border:2px solid var(--color-outline);background:linear-gradient(180deg, #cf5a43, var(--color-son-deep));color:#f4f8f1}.ar-lpos{text-align:right;width:26px;color:var(--color-inkmuted);flex:none;font-weight:800}.ar-lrow.is-me .ar-lpos{color:#f4f8f1}.ar-lname{flex:1;min-width:0;font-weight:800}.ar-lrank{color:var(--color-inkmuted);flex:none;font-size:10.5px}.ar-lrow.is-me .ar-lrank{color:#f4f8f1d9}.ar-lpts{text-align:right;flex:none;width:48px;font-weight:800}.ar-you{background:#0b111059;border-radius:5px;margin-left:3px;padding:0 5px;font-size:10px}.ar-tips{color:var(--color-muted);margin-top:10px;padding:0 6px;font-size:11px;font-weight:700;line-height:1.35}.ar-tips>div+div{margin-top:2px}.ar-res-ranks{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.ar-res-rank{flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:800;display:flex}.ar-res-mid{color:var(--color-inkmuted);font-size:11px;font-weight:800}.ar-res-delta{border:2px solid var(--color-outline);border-radius:7px;padding:0 7px;font-size:15px;font-weight:800;line-height:1.3;display:inline-block}.ar-res-delta.is-plus{background:var(--color-ngoc);color:var(--color-outline)}.ar-res-delta.is-minus{background:var(--color-son);color:#f4f8f1}.ar-res-delta.is-zero{background:var(--color-paper-3);color:var(--color-inkbrown)}.ar-timeup{border:1.5px dashed var(--color-son-deep);text-align:center;color:var(--color-son-deep);border-radius:6px;margin-top:6px;padding:2px 8px;font-size:11.5px;font-weight:800}@media (prefers-reduced-motion:reduce){.ar-shop{transition:none}}.ar-real{position:relative}.ar-real-tag{z-index:2;border:2px solid var(--color-outline);background:var(--color-ngoc-deep);color:var(--color-cream);border-radius:6px;padding:0 6px 1px;font-size:10px;font-weight:800;position:absolute;top:-7px;left:12px}.avs{z-index:30;contain:layout style paint;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;animation:.3s ease-in 1.8s forwards avs-out;position:absolute;inset:0;overflow:hidden;container-type:size}.avs-reduced{animation:.28s linear 1.32s forwards avs-out}.avs-stage{pointer-events:none;animation:.24s linear .84s both avs-shake;position:absolute;inset:0}.avs-stage>*,.avs>.avs-veil,.avs>.avs-hint{pointer-events:none;will-change:transform, opacity;position:absolute}.avs-veil{opacity:0;background:radial-gradient(80% 36% at 50% 47%,#46557e42 0%,#0000 70%),radial-gradient(120% 80%,#121c1ee6 0%,#0e1413f7 100%);animation:.16s ease-out forwards avs-fade;inset:0}.avs-slash{transform-origin:0;width:140cqw;height:17cqw;margin-top:-8.5cqw;animation:.2s cubic-bezier(.3,.8,.4,1) .5s forwards avs-slash;top:47cqh;left:-20cqw;transform:rotate(-9deg)scaleX(0)}.avs-slash path{fill:#46557e;opacity:.62}.avs-slash .avs-slash-dry{fill:none;stroke:#2b3350;stroke-width:1.8px;stroke-linecap:round;opacity:.9}.avs-band{transform-origin:50%;width:124cqw;left:-12cqw}.avs-band.is-foe{animation:.4s cubic-bezier(.18,.9,.25,1.06) 60ms forwards avs-band;top:12cqh;transform:rotate(-4deg)translate(125cqw)}.avs-band.is-me{animation:.4s cubic-bezier(.18,.9,.25,1.06) .14s forwards avs-band;top:61cqh;transform:rotate(-4deg)translate(-125cqw)}.avs-paper{color:var(--color-inkbrown);background-color:var(--color-paper);background-image:linear-gradient(180deg, #f8fbf780 0%, transparent 30%, #5668622e 100%), var(--tex-paper);border-top:3px solid var(--color-outline);border-bottom:3px solid var(--color-outline);clip-path:polygon(0 4%,1.2% 0,98.6% 2%,100% 18%,99% 34%,100% 52%,98.8% 70%,100% 88%,99% 100%,1.4% 97%,0 80%,1% 62%,0 44%,1.2% 26%);background-size:100% 100%,220px 220px;padding:2.4cqw 15cqw 2.8cqw;position:relative}.avs-paper:after{content:"";background:var(--avs-c);opacity:.85;height:1.4cqw;position:absolute;left:0;right:0}.is-foe .avs-paper{--avs-c:var(--color-son)}.is-foe .avs-paper:after{bottom:0}.is-me .avs-paper{--avs-c:var(--color-ngoc-deep)}.is-me .avs-paper:after{top:0}.avs-head{align-items:center;gap:2cqw;margin-bottom:1.6cqw;display:flex}.avs-meta{flex-direction:column;flex:none;align-items:flex-end;gap:.6cqw;display:flex}.is-me .avs-meta{align-items:flex-start}.avs-name{min-width:0;font-family:var(--font-brush);color:var(--color-inkbrown);flex:1;font-size:6.4cqw;line-height:1.25}.is-me .avs-head{flex-direction:row-reverse}.is-me .avs-name{text-align:right}.avs-tier{border:2px solid var(--color-outline);color:var(--color-paper);background:var(--color-son-deep);border-radius:999px;flex:none;padding:0 1.8cqw;font-size:2.9cqw;font-weight:800;line-height:1.45}.avs-power{flex:none;line-height:1;display:flex}.avs-power .pw-md{font-size:5.6cqw}.avs-team{justify-content:center;gap:1.8cqw;display:flex}.avs-team .avs-pt{width:15.4cqw;box-shadow:0 .8cqw 0 var(--color-outline);border-width:2.5px;border-radius:2.6cqw;flex:none}.avs-line{transform-origin:85% 0;opacity:0;max-width:74cqw;animation:.3s cubic-bezier(.2,1.5,.4,1) .95s forwards avs-pop;top:31.5cqh;right:7cqw;transform:scale(.5)}.avs-line span{color:var(--color-inkbrown);background:var(--color-paper);border:2.5px solid var(--color-outline);box-shadow:0 .9cqw 0 var(--color-outline);border-radius:3cqw;padding:1.6cqw 3.2cqw;font-size:3.8cqw;font-weight:700;line-height:1.35;display:block;position:relative}.avs-line span:before{content:"";background:var(--color-paper);border-left:2.5px solid var(--color-outline);border-top:2.5px solid var(--color-outline);width:3.6cqw;height:3.6cqw;position:absolute;top:-2.2cqw;right:9cqw;transform:rotate(45deg)skew(8deg,8deg)}.avs-seal{opacity:0;place-items:center;width:34cqw;height:34cqw;margin:-17cqw 0 0 -17cqw;animation:.32s linear .62s forwards avs-stamp;display:grid;top:47cqh;left:50%;transform:scale(2.7)rotate(-22deg)}.avs-seal svg{filter:drop-shadow(0 .9cqw #0b1110d9);width:100%;height:100%;position:absolute;inset:0}.avs-seal-body{fill:var(--color-son)}.avs-seal-rim{fill:none;stroke:var(--color-paper);stroke-width:2.4px;opacity:.85}.avs-seal-text{font-family:var(--font-brush);letter-spacing:-.03em;color:var(--color-paper);font-size:17cqw;line-height:1;position:relative;transform:translateY(-.4cqw)}.avs-drop{opacity:0;width:3.2cqw;height:2.6cqw;transform:rotate(var(--a)) translateX(14cqw) scale(0);animation:avs-drop .5s cubic-bezier(.15, .8, .3, 1) calc(.83s + var(--t) * 60ms) forwards;background:#c9d3cb;border-radius:50% 46% 52% 44%;margin:-1.3cqw 0 0 -1.6cqw;top:47cqh;left:50%}.avs-drop:nth-child(3n){background:var(--color-son)}.avs-hint{text-align:center;color:var(--color-muted);opacity:0;font-size:3.4cqw;font-weight:700;animation:.3s ease-out 1s forwards avs-fade;bottom:4.5cqh;left:0;right:0}.avs-reduced .avs-stage{animation:none}.avs-reduced .avs-band.is-foe,.avs-reduced .avs-band.is-me{opacity:0;animation:.22s ease-out forwards avs-fade;transform:rotate(-4deg)}.avs-reduced .avs-slash{opacity:0;animation:.22s ease-out forwards avs-fade;transform:rotate(-9deg)}.avs-reduced .avs-seal{animation:.22s ease-out .15s forwards avs-fade;transform:rotate(-8deg)}.avs-reduced .avs-line{animation:.22s ease-out .3s forwards avs-fade;transform:none}.avs-reduced .avs-hint{animation-delay:.3s}@keyframes avs-fade{to{opacity:1}}@keyframes avs-out{to{opacity:0}}@keyframes avs-slash{to{transform:rotate(-9deg)scaleX(1)}}@keyframes avs-band{to{transform:rotate(-4deg)translate(0)}}@keyframes avs-pop{to{opacity:1;transform:scale(1)}}@keyframes avs-stamp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,.9,.5);transform:scale(2.7)rotate(-22deg)}20%{opacity:1}70%{opacity:1;animation-timing-function:ease-out;transform:scale(.9)rotate(-7deg)}86%{transform:scale(1.05)rotate(-8.5deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes avs-shake{0%,to{transform:translate(0)}20%{transform:translate(-1.2cqw,.9cqw)}40%{transform:translate(1cqw,-.7cqw)}60%{transform:translate(-.6cqw,.5cqw)}80%{transform:translate(.3cqw,-.2cqw)}}@keyframes avs-drop{0%{opacity:.95;transform:rotate(var(--a)) translateX(14cqw) scale(0)}45%{opacity:.95;transform:rotate(var(--a)) translateX(calc(16cqw + var(--d) * 15cqw)) scale(var(--s))}to{opacity:0;transform:rotate(var(--a)) translateX(calc(18cqw + var(--d) * 17cqw)) scale(calc(var(--s) * .8))}}.rufx-wait{z-index:60;background:var(--color-ink);opacity:.85;position:absolute;inset:0}.rufx-old{width:22cqw;height:22cqw;position:relative}.rufx-new{width:42cqw;height:42cqw;position:relative}.rufx-new>*{pointer-events:none;position:absolute}.rufx-new-badge{opacity:0;will-change:transform, opacity;animation:.22s cubic-bezier(.55,0,.9,.5) 1.12s forwards rufx-stamp,.2s linear 1.34s rufx-tremble;inset:0;transform:scale(1.9)rotate(-8deg)}.rufx-badge{position:absolute;inset:0}.rufx-badge img{object-fit:contain;filter:drop-shadow(0 1.2cqw #0b1110b3);width:100%;height:100%}.rufx-badge svg{filter:drop-shadow(0 1.2cqw #0b1110b3);width:100%;height:100%;overflow:visible}.rufx-fb-disc{fill:#dfe7df}.rufx-fb-ring{fill:var(--ru-c)}.rufx-fb-rim{fill:none;stroke:#2b3a37;stroke-width:1.4px;opacity:.7}.rufx-fb-text{font-family:var(--font-brush);fill:var(--color-inkbrown);text-anchor:middle;dominant-baseline:central}.rufx-ring{width:124%;height:124%;inset:-12%;overflow:visible;transform:rotate(-100deg)}.rufx-ring circle{fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.rufx-ring .r1{stroke:#2b3a37;stroke-width:2.6px;opacity:.85;animation:.5s cubic-bezier(.3,.7,.4,1) 1.34s forwards rufx-enso}.rufx-ring .r2{stroke:var(--ru-c);stroke-width:1.4px;opacity:.8;animation:.55s cubic-bezier(.3,.7,.4,1) 1.44s forwards rufx-enso}.rufx-drop{opacity:0;width:3cqw;height:2.4cqw;transform:rotate(var(--a)) translateX(14cqw) scale(0);animation:rufx-drop .6s cubic-bezier(.15, .8, .3, 1) calc(1.34s + var(--t) * 80ms) forwards;background:#4a5f59;border-radius:50% 46% 52% 44%;margin:-1.2cqw 0 0 -1.5cqw;top:50%;left:50%}.rufx-drop:nth-child(3n){background:var(--ru-c)}.rufx-name{text-align:center;font-size:13cqw;line-height:1.2}.rufx-name.is-top{color:color-mix(in srgb, var(--color-gold) 70%, var(--color-cream))}.rufx-line{text-align:center;max-width:82cqw;color:var(--color-cream);background:#1b2625c7;border-radius:10px;padding:.6em 1em;font-size:3.9cqw;font-weight:700;line-height:1.35}.cer-reduced .rufx-new-badge{animation:.25s linear .15s forwards avs-fade;transform:none}.cer-reduced .rufx-ring circle{stroke-dashoffset:0;animation:none}.cer-reduced .rufx-drop{display:none}@keyframes rufx-stamp{0%{opacity:0;transform:scale(1.9)rotate(-8deg)}25%{opacity:1}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes rufx-tremble{0%,to{translate:0}25%{translate:-.8cqw .4cqw}50%{translate:.7cqw -.3cqw}75%{translate:-.3cqw .2cqw}}@keyframes rufx-enso{to{stroke-dashoffset:0}}@keyframes rufx-drop{0%{opacity:.95;transform:rotate(var(--a)) translateX(14cqw) scale(0)}45%{opacity:.95;transform:rotate(var(--a)) translateX(calc(18cqw + var(--d) * 10cqw)) scale(var(--s))}to{opacity:0;transform:rotate(var(--a)) translateX(calc(20cqw + var(--d) * 12cqw)) scale(calc(var(--s) * .8))}}.bs-screen{background-image:radial-gradient(90% 30% at 50% 20%, #c8402c29 0%, #c8402c00 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141361 45%, #0e141399 100%);background-size:100% 100%,320px 320px,100% 100%}.bs-tagline{text-align:center;color:#eef3eceb;background:#0e141394;border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 12px);margin:-2px auto 0;padding:2px 10px 3px;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.bs-scene{border:3px solid var(--color-outline);aspect-ratio:3/2;background:#121a1a;border-radius:14px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #d8bb7266,0 4px #060a09bf}.bs-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bs-art-fallback{background:radial-gradient(55% 60% at 50% 42%, #96cdb938 0%, #96cdb900 70%), var(--tex-grain), linear-gradient(180deg, #1a2527 0%, #101817 100%);background-size:100% 100%,320px 320px,100% 100%;place-items:center;padding-bottom:18%;display:grid}.bs-face{border:4px solid var(--color-outline);width:40%;box-shadow:0 0 0 3px var(--color-son-deep), 0 6px 0 #060a09b3;border-radius:50%}.bs-face img,.bs-face>*{border-radius:50%}.bs-scene:after{content:"";pointer-events:none;background:linear-gradient(#0c121100 0%,#0c1211c7 75%,#0c1211e6 100%);position:absolute;inset:45% 0 0}.bs-scene.is-locked .bs-art{filter:saturate(.3)brightness(.55)}.bs-scene.is-defeated .bs-art{filter:saturate(.45)brightness(.7)}.bs-weekday{z-index:2;border:2.5px solid var(--color-outline);background:linear-gradient(180deg, #cf5a43, var(--color-son-deep));color:#f4f8f1;-webkit-text-stroke:.12em var(--color-outline);paint-order:stroke fill;border-radius:7px;padding:2px 8px 3px;font-size:14px;line-height:1.1;position:absolute;top:8px;left:8px;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px #f4f8f159,0 2px #060a09b3}.bs-plate{z-index:2;position:absolute;inset:auto 10px 8px}.bs-intro{color:#eef3ece6;margin-top:3px;font-size:12px;font-style:italic;font-weight:700;line-height:1.25}.bs-stamp{z-index:3;border:3px solid var(--color-son);color:var(--color-son);-webkit-text-stroke:.1em var(--color-outline);paint-order:stroke fill;background:#eef1ea1f;border-radius:8px;padding:2px 10px 4px;font-size:22px;line-height:1;position:absolute;box-shadow:inset 0 0 0 2px #84251a99}.bs-stamp-scene{font-size:30px;top:30%;right:12%;transform:rotate(-12deg)}.bs-stamp-kill{background:var(--color-paper);padding:1px 7px 2px;font-size:15px;top:-15px;left:50%;transform:translate(-50%)rotate(-5deg)}.bs-lockboard{z-index:3;border:3px solid var(--color-outline);background:var(--color-paper);box-shadow:inset 0 0 0 2.5px var(--color-son), 0 4px 0 #060a09cc;color:var(--color-son-deep);border-radius:8px;flex-direction:column;align-items:center;padding:5px 14px 6px;font-size:11.5px;font-weight:800;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.bs-hpbox{margin-top:8px;padding:6px 10px 7px}.bs-hpfoot{color:var(--color-inkmuted);flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.bs-hpfoot b{color:var(--color-inkbrown);font-weight:800}.bs-daybar{margin-top:4px;padding-bottom:13px}.bs-daybar-track{border:2px solid var(--color-outline);background:#b4c2b88c;border-radius:7px;height:14px;position:relative;overflow:visible;box-shadow:inset 0 2px #1c282638}.bs-daybar-old{background:linear-gradient(180deg, #d0583f, var(--color-son-deep));transform-origin:0;border-radius:5px;transition:transform .5s;position:absolute;inset:0}.bs-daybar-new{background:repeating-linear-gradient(-45deg, var(--color-gold) 0 5px, #bfa25e 5px 10px);transform-origin:0;border-radius:0 5px 5px 0;animation:.7s ease-out both bs-grow;position:absolute;top:0;bottom:0}@keyframes bs-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bs-notch{background:var(--color-outline);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px}.bs-notch:last-child{margin-left:-3px}.bs-notch.is-on{box-shadow:0 0 0 1px var(--color-outline);background:#f4f8f1}.bs-daybar-scale{height:0;position:relative}.bs-daybar-scale>span{color:var(--color-inkmuted);font-size:9.5px;font-weight:800;line-height:1;position:absolute;top:2px;transform:translate(-50%)}.bs-daybar-scale>span:last-child{transform:translate(-100%)}.bs-daybar-scale>span.is-on{color:var(--color-son-deep)}.bs-bar{border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;display:flex}.bs-bar-cell{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.bs-shop{text-align:left;flex:none;justify-content:flex-start;align-items:center;gap:5px;padding:4px 9px 4px 5px;display:flex}.bs-cost{background:#0b111066;border-radius:6px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:800}.bs-run{color:#e6a08c;background:#0e141399;border:2px dashed #c8402cb3;border-radius:8px;margin-top:6px;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.3}.bs-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.bs-card{flex-direction:column;align-items:center;min-width:0;display:flex}.bs-card .hcard-row{width:100%;max-width:64px}.bs-card-lv{color:var(--color-cream);margin-top:1px;font-size:10.5px;font-weight:800;line-height:1.1}.bs-card.is-empty{padding-bottom:13px}.bs-card-hole{aspect-ratio:3/4;width:100%;max-width:64px;color:var(--color-muted);background:#0c121173;border:2px dashed #b4c2b873;border-radius:9px;place-items:center;font-size:10.5px;font-weight:800;display:grid}.bs-advice{padding:4px 8px 6px}.bs-advice-row{align-items:flex-start;gap:6px;padding:2px 0;font-size:12px;font-weight:700;line-height:1.3;display:flex}.bs-advice-row+.bs-advice-row{border-top:1px dashed #1c282640}.bs-lv{white-space:nowrap;border:1.5px solid;border-radius:6px;flex:none;margin-top:1px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px}.bs-lv.is-warn{color:var(--color-son-deep);background:#c8402c1f}.bs-lv.is-tip{color:var(--color-gold-deep);background:#d8bb722e}.bs-milestones{padding:5px 8px 6px}.bs-ms{border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:3px 5px;display:flex}.bs-ms+.bs-ms{margin-top:2px}.bs-ms:nth-child(2n){background:#b4c2b833}.bs-ms-pct{width:42px;height:28px;color:var(--color-inkmuted);border:2px solid #1c28268c;border-radius:7px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.bs-ms.is-reached .bs-ms-pct,.bs-ms.is-claimed .bs-ms-pct{border-color:var(--color-outline);background:linear-gradient(180deg, #cf5a43, var(--color-son-deep));color:#f4f8f1;-webkit-text-stroke:.12em var(--color-outline);paint-order:stroke fill}.bs-ms.is-claimed{opacity:.72}.bs-ms-items{flex:none;align-items:center;gap:5px;display:flex}.bs-ms-cell{align-items:center;gap:1px;font-size:11px;font-weight:800;display:inline-flex}.bs-ms-done{color:var(--color-ngoc-deep)}.bs-ms-chip{border:1.5px solid var(--color-son-deep);color:var(--color-son-deep);background:#c8402c1f;border-radius:6px;align-items:baseline;gap:3px;padding:0 6px;font-size:11px;font-weight:800;line-height:17px;display:inline-flex}.bs-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.bs-day{background:#0c121159;border:2px solid #0000;border-radius:9px;flex-direction:column;align-items:center;min-width:0;padding:3px 1px 4px;display:flex}.bs-day.is-today{border-color:var(--color-outline);background:var(--color-paper);box-shadow:inset 0 0 0 2px var(--color-son), 0 2px 0 #060a0999;color:var(--color-inkbrown)}.bs-day-tag{color:var(--color-muted);font-size:10px;font-weight:800;line-height:1.2}.bs-day.is-today .bs-day-tag{background:var(--color-son);color:#f4f8f1;border-radius:5px;padding:0 4px}.bs-day-face{border-radius:8px;width:100%;max-width:40px;margin-top:2px}.bs-day-name{text-align:center;width:100%;min-height:2.3em;margin-top:2px;font-size:8.5px;font-weight:800;line-height:1.15}.bs-day-best{color:var(--color-gold);margin-top:1px;font-size:10.5px;font-weight:800;line-height:1.1}.bs-day.is-today .bs-day-best{color:var(--color-gold-deep)}.bs-day-best.is-none{color:var(--color-muted);font-size:9.5px}.bs-day.is-today .bs-day-best.is-none{color:var(--color-inkmuted)}.bs-board{color:var(--color-muted);background:#0c121173;border:2px dashed #b4c2b873;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 10px 9px;display:flex}@media (prefers-reduced-motion:reduce){.bs-shop,.bs-daybar-old{transition:none}.bs-daybar-new{animation:none}}.bs-board.is-open{border-style:solid;border-color:var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2), var(--color-panel));width:100%;box-shadow:inset 0 0 0 1.5px #d8bb7259, 0 3px 0 var(--color-outline);color:var(--color-cream);text-align:center}.bs-board.is-open>span+span{color:var(--color-muted)}.bs-board.is-open:active{box-shadow:inset 0 0 0 1.5px #d8bb7259, 0 1px 0 var(--color-outline);transform:translateY(2px)}.bs-world{color:var(--color-cream);margin-top:8px;padding:8px 10px 9px;position:relative}.bs-world.is-killed .bs-world-bar{opacity:.55}.bs-world-line{flex-wrap:wrap;justify-content:space-between;gap:2px 8px;margin-top:4px;font-size:11.5px;font-weight:700;display:flex}.bs-world-me{border-top:1px dashed #b4c2b859;align-items:center;gap:8px;margin-top:6px;padding-top:6px;font-size:12px;font-weight:700;display:flex}.bs-world-stamp{font-size:18px;top:2px;right:38%;transform:rotate(-8deg)}.bs-world-top{gap:2px;margin-top:6px;font-size:11.5px;font-weight:700;display:grid}.bs-world-top>li{border-radius:6px;align-items:center;gap:8px;padding:2px 6px;display:flex}.bs-world-top>li.is-me{background:#d8bb7224;box-shadow:inset 0 0 0 1px #d8bb7259}.bs-world-rank{text-align:center;width:20px;color:var(--color-muted);font-weight:800}.bs-world-rank.r1{color:var(--color-gold)}.bs-world-rank.r2{color:var(--color-cream)}.bs-world-rank.r3{color:var(--color-son)}.bs-world-more{justify-content:center}.bs-world-more>button{color:var(--color-ngoc);text-underline-offset:2px;font-size:11px;font-weight:800;text-decoration:underline}@keyframes br-fade{0%{opacity:0}to{opacity:1}}@keyframes br-drop{0%{opacity:0;transform:translate(-50%,-38%)}60%{opacity:1;transform:translate(-50%,3%)}to{opacity:1;transform:translate(-50%)}}@keyframes br-smoke{0%{opacity:0;transform:scale(.3)rotate(0)}35%{opacity:.85}to{transform:scale(1) rotate(var(--rot,12deg));opacity:.7}}@keyframes br-run-in{0%{transform:translate(-110vw)}to{transform:translate(0)}}@keyframes br-hop{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-5px)rotate(4deg)}}@keyframes br-sit{0%{opacity:0;transform:translateY(-14px)rotate(0)}70%{transform:translateY(3px) rotate(var(--tilt,8deg));opacity:1}to{transform:translateY(2px) rotate(var(--tilt,8deg));opacity:1}}@keyframes br-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes br-cell{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.br-veil.modal-veil{z-index:30;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;animation:.18s ease-out both br-fade;display:block;position:absolute;inset:0;overflow-y:auto}.br-veil.is-win{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cg fill='none' stroke='%23e8b8a4' stroke-width='3' stroke-linecap='round' opacity='0.5'%3E%3Cpath d='M14 70 Q8 50 30 48 Q32 28 56 34 Q66 14 92 26 Q112 10 128 30 Q152 24 156 46 Q180 46 182 66'/%3E%3Cpath d='M44 52 q8 -10 18 -2 q-6 8 -14 2'/%3E%3Cpath d='M100 40 q10 -10 20 0 q-8 8 -16 2'/%3E%3C/g%3E%3C/svg%3E") 8% 9%/180px no-repeat,url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cg fill='none' stroke='%23e8b8a4' stroke-width='3' stroke-linecap='round' opacity='0.4'%3E%3Cpath d='M14 70 Q8 50 30 48 Q32 28 56 34 Q66 14 92 26 Q112 10 128 30 Q152 24 156 46 Q180 46 182 66'/%3E%3Cpath d='M100 40 q10 -10 20 0 q-8 8 -16 2'/%3E%3C/g%3E%3C/svg%3E") 104% 46%/150px no-repeat,radial-gradient(70% 22% at 25% 14%,#f0c8b41a 0%,#f0c8b400 70%),radial-gradient(60% 18% at 85% 52%,#f0c8b414 0%,#f0c8b400 70%),radial-gradient(90% 30% at 50% 100%,#0e141359 0%,#0e141300 70%),linear-gradient(#7a2b20 0%,#632219 50%,#431713 100%)}.br-veil.is-lose{background:repeating-linear-gradient(104deg,#b4c2b809 0 2px,#0000 2px 26px),radial-gradient(80% 30% at 50% 10%,#5d7c7438 0%,#5d7c7400 70%),linear-gradient(#1f2c2d 0%,#151e1f 55%,#0e1413 100%)}.br-veil.is-timeup{background:radial-gradient(80% 30% at 50% 10%,#b4c2b829 0%,#b4c2b800 70%),linear-gradient(#33433f 0%,#222d2b 55%,#141c1b 100%)}.br-veil:not(.is-ready){cursor:pointer}.br-col{width:100%;max-width:420px;min-height:100%;padding:calc(8px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex;position:relative}.br-hero{flex:none;height:340px;margin:0 -16px;position:relative;overflow:hidden}.br-hero.is-short{height:150px}.br-veil.is-lose .br-col,.br-veil.is-timeup .br-col{justify-content:center}.br-veil.is-lose .br-body,.br-veil.is-timeup .br-body{flex:none}.br-ghost{font-family:var(--font-brush-xl);text-align:center;text-wrap:balance;color:#0e14134d;font-size:74px;line-height:.95;animation:.3s ease-out .12s both br-fade;position:absolute;top:6px;left:4%;right:4%}.br-mvp{-webkit-mask-composite:source-in;width:76%;max-width:300px;height:300px;animation:.34s cubic-bezier(.2,1,.4,1) .3s both br-drop;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.br-mvp>img{object-fit:cover;object-position:50% 8%;width:100%;height:100%}.br-mvp-face{border-width:3px;width:180px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.br-smoke{pointer-events:none;background:radial-gradient(closest-side,#ece6d6f2 0%,#ece6d6bf 45%,#ece6d600 100%);border-radius:50%;width:150px;height:92px;animation:.6s ease-out .36s both br-smoke;position:absolute}.br-smoke.l{--rot:-10deg;top:150px;left:-34px}.br-smoke.r{--rot:14deg;top:120px;right:-36px}.br-smoke.l2{--rot:6deg;width:110px;height:60px;animation-delay:.44s;top:218px;left:6%}.br-smoke.r2{--rot:-8deg;width:120px;height:64px;animation-delay:.5s;top:204px;right:4%}.br-run{justify-content:center;gap:4px;display:flex;position:absolute;bottom:4px;left:0;right:0}.br-runner{--i:0;animation:br-run-in .5s cubic-bezier(.2, .8, .3, 1) calc(var(--i) * 45ms) both;display:block}.br-runner-face{width:46px;animation:.18s ease-in-out infinite alternate br-hop;animation-delay:calc(var(--i) * -70ms);border-width:2px}.br-veil.is-ready .br-runner-face{animation:none}.br-run.is-sit{gap:6px;bottom:14px}.br-run.is-sit .br-runner{animation:br-sit .32s ease-out calc(.12s + var(--i) * 40ms) both}.br-run.is-sit .br-runner:nth-child(odd){--tilt:-10deg}.br-run.is-sit .br-runner:nth-child(3n){--tilt:14deg}.br-run.is-sit .br-runner-face{filter:grayscale(.55)brightness(.8);width:40px;animation:none}.br-title{white-space:nowrap;width:max-content;margin:0 auto;font-size:58px;line-height:1;position:absolute;top:196px;left:0;right:0}.br-hero.is-short .br-title{font-size:54px;top:6px}.br-labels{height:34px;position:absolute;top:250px;left:0;right:0}.br-label-main{font-size:19px;position:absolute;top:0;left:4%}.br-label-name{font-size:15px;position:absolute;top:4px;right:5%}.br-body{opacity:0;pointer-events:none;flex:1 0 auto}.br-veil.is-ready .br-body{pointer-events:auto;animation:.28s ease-out both br-rise}.br-heading{text-align:center;color:var(--color-cream);font-size:14px;font-weight:800}.br-meta{text-align:center;color:#eef3eca8;font-size:12px;font-weight:700}.br-quote{text-align:center;color:#eef3ecdb;margin-top:4px;font-size:13px;font-style:italic;line-height:1.35}.br-quote.is-lose{font-family:var(--font-brush);color:var(--color-cream);font-size:17px;font-style:normal;line-height:1.3}.br-unlocked{border:2px solid var(--color-outline);background:color-mix(in srgb, var(--color-ngoc) 22%, #0e141380);text-align:center;color:var(--color-cream);border-radius:12px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:800;line-height:1.35}.br-reward{border:2px solid var(--color-outline);background:#0e141380;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:12px;padding:8px;display:flex;box-shadow:inset 0 2px #00000040}.br-reward-k{color:#eef3eca8;font-size:13px;font-weight:800}.br-reward-cell{--i:0;opacity:0;align-items:center;gap:4px;display:inline-flex}.br-veil.is-ready .br-reward-cell{animation:br-cell .16s ease-out calc(.22s + var(--i) * 50ms) both}.br-actions{margin-top:14px}.br-main{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.br-main.is-second{margin-top:8px}.br-btn{width:100%}.br-tools{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:14px;display:flex}.br-tool{min-width:48px;color:var(--color-cream);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex}.br-tool-ic{border:2px solid var(--color-outline);width:40px;height:40px;box-shadow:0 3px 0 var(--color-outline), inset 0 1px 0 #eef3ec2e;background:linear-gradient(#3c524de6 0%,#141c1bf2 100%);border-radius:999px;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.br-tool:active .br-tool-ic{box-shadow:0 1px 0 var(--color-outline);transform:translateY(2px)}.br-tool-k{color:#eef3ecbf;white-space:nowrap;font-size:10.5px;font-weight:800}.br-skip{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));text-align:center;color:#eef3ec80;pointer-events:none;font-size:12px;font-weight:700;animation:.3s ease-out .5s both br-fade;position:fixed}.br-veil.is-fast .br-hero,.br-veil.is-fast .br-hero *{animation-duration:1ms!important;animation-delay:0s!important}.br-veil.is-still,.br-veil.is-still *{animation:none!important}.br-veil.is-still .br-body,.br-veil.is-still .br-reward-cell{opacity:1}@media (prefers-reduced-motion:reduce){.br-veil,.br-veil *{animation:none!important}.br-veil .br-body,.br-veil .br-reward-cell{opacity:1}}.boss-hud{--bh-son:linear-gradient(180deg, color-mix(in srgb, var(--color-son) 80%, var(--color-cream)), var(--color-son) 55%, var(--color-son-deep));--bh-son-rage:linear-gradient(180deg, var(--color-son), var(--color-son-deep) 55%, color-mix(in srgb, var(--color-son-deep) 65%, var(--color-ink)))}.boss-hud-name{color:var(--color-cream);filter:drop-shadow(0 2px #0b1110cc)}.boss-hud-panel{background:linear-gradient(#0e14139e,#0e14136b);border-radius:10px;padding:4px 8px 1px;box-shadow:inset 0 0 0 1px #d8bb7229}.boss-hud-phase{color:color-mix(in srgb, var(--color-son) 55%, var(--color-cream));text-shadow:0 1px #0b1110e6}.boss-hud-phase.is-rage{color:color-mix(in srgb, var(--color-son) 75%, var(--color-cream))}.boss-hud.is-rage .boss-hud-panel{box-shadow:inset 0 0 0 1px #c8402c8c}.boss-hud-bar{border:2px solid var(--color-outline);background:var(--color-ink);border-radius:6px;height:16px;position:relative;overflow:hidden;box-shadow:0 2px #0b111099,inset 0 1px #9db0a82e}.boss-hud-bar>.bh-seg{transform-origin:0;border-radius:3px;position:absolute;inset:0}.boss-hud-bar>.bh-start{background:repeating-linear-gradient(135deg, #56686261 0 3px, transparent 3px 7px), linear-gradient(180deg, var(--color-paper), var(--color-paper-2) 60%, var(--color-paper-3))}.boss-hud-bar>.bh-trail{background:#eef1eabf;transition:transform .55s ease-in .15s}.boss-hud-bar>.bh-fill{background:var(--bh-son);transition:transform .14s linear;box-shadow:inset 0 2px #fff0e840}.boss-hud.is-rage .boss-hud-bar>.bh-fill{background:var(--bh-son-rage)}.boss-hud-bar>.bh-tick{background:#0e1413d9;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.boss-hud-bar>.bh-tick.is-reached{background:var(--color-gold);box-shadow:0 0 0 1px #0e1413b3}.boss-hud-bar>.bh-flash{background:var(--color-paper);opacity:0;pointer-events:none;position:absolute;inset:0}.boss-hud-marks{height:11px;position:relative}.boss-hud-marks>span{color:var(--color-muted);text-shadow:0 1px #0b1110e6;font-size:9px;font-weight:800;line-height:11px;position:absolute;top:0;transform:translate(-50%)}.boss-hud-marks>span.is-reached{color:var(--color-gold)}.boss-hud-dmg{color:var(--color-gold);filter:drop-shadow(0 2px #0b1110d9);transform-origin:50% 70%;display:inline-block}.boss-hud-pop{animation:1.8s ease-out both boss-hud-pop}@keyframes boss-hud-pop{0%{opacity:0;transform:translateY(4px)scale(.85)}12%{opacity:1;transform:translateY(0)scale(1.06)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.boss-hud-pop{animation:none}.boss-hud-bar>.bh-trail,.boss-hud-bar>.bh-fill{transition:none}}.share-modal{max-width:360px}.modal-veil:has(>.share-modal){overscroll-behavior:contain;padding-block:12px;overflow-y:auto}.share-sheet{position:relative}.share-top{flex-direction:column;align-items:center;gap:8px;display:flex}.share-film{aspect-ratio:9/16;border:3px solid var(--color-outline);background:var(--color-ink);height:min(36vh,320px);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-gold) 55%, transparent), 0 3px 0 var(--color-outline);border-radius:12px;position:relative;overflow:hidden}.share-film:before,.share-film:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#eef3ec38 0 6px,#0000 6px 14px);width:7px;position:absolute;top:0;bottom:0}.share-film:before{left:3px}.share-film:after{right:3px}.share-video{object-fit:cover;width:100%;height:100%;display:block}.share-meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.share-chip{color:var(--color-cream);font-size:13px}.share-paper{padding:8px 10px 10px;position:relative}.share-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.share-label{font-family:var(--font-brush);color:var(--color-inkbrown);font-size:15px;line-height:1.1}.share-text{white-space:pre-line;overflow-wrap:anywhere;border:2px solid color-mix(in srgb, var(--color-outline) 55%, transparent);background:color-mix(in srgb, var(--color-paper-2) 70%, transparent);color:var(--color-inkbrown);-webkit-user-select:text;user-select:text;border-radius:8px;margin-top:6px;padding:6px 8px;font-size:14px;line-height:1.35}.share-actions{gap:8px;display:grid}.share-msg{border:2px solid var(--color-outline);background:var(--color-paper);color:var(--color-inkbrown);border-radius:10px;margin-top:8px;padding:6px 10px;font-size:13.5px;line-height:1.35}.share-msg.is-error{background:color-mix(in srgb, var(--color-son) 22%, var(--color-paper));color:var(--color-son-deep);font-weight:600}.share-hint{color:var(--color-muted);text-align:center;margin-top:8px;padding:0 2px;font-size:12.5px;line-height:1.35}.theater-bar{inset-inline:0;z-index:20;pointer-events:none;align-items:center;gap:8px;padding:6px 10px 0;display:flex;position:absolute;top:0}.theater-bar>*{pointer-events:auto}.theater-bar>.flex-1{pointer-events:none}.theater-title{font-family:var(--font-brush);letter-spacing:.04em;color:var(--color-cream);opacity:.82;text-shadow:0 2px 0 var(--color-outline);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:17px;display:inline-flex}.theater-title:before{content:"";background:var(--color-son);width:13px;height:13px;box-shadow:inset 0 0 0 2px var(--color-son), inset 0 0 0 3px color-mix(in srgb, var(--color-paper) 80%, transparent);border-radius:2px;transform:rotate(-8deg)}.theater-rec{border:2px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper);color:var(--color-inkbrown);box-shadow:0 2px 0 var(--color-outline), inset 0 0 0 1px color-mix(in srgb, var(--color-paper-3) 70%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;background-size:160px;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 9px;font-size:14px;font-weight:800;line-height:1.2;display:inline-flex}.theater-rec-dot{background:var(--color-son);border:1.5px solid var(--color-son-deep);border-radius:999px;width:10px;height:10px;animation:1.1s ease-in-out infinite theater-rec-pulse}.theater-rec-time{min-width:3.4ch;color:var(--color-son-deep);font-variant-numeric:tabular-nums}@keyframes theater-rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.theater-btn{min-width:84px;padding-block:.3rem}@media (prefers-reduced-motion:reduce){.theater-rec-dot{animation:none}}.qst-tabs{grid-template-columns:.8fr .8fr 1.1fr 1.3fr;gap:6px;padding:4px 1px 2px;display:grid}.qst-tab{white-space:nowrap;border-radius:12px;padding:7px 4px;font-size:13px;position:relative}.qst-tab[aria-selected=true]{transform:translateY(-2px)}.qst-plate{background:color-mix(in srgb, var(--color-ink) 58%, transparent);border-radius:10px;padding:3px 8px}.qst-track{height:92px;margin:6px 22px 0 10px;position:relative}.qst-track-bar{position:absolute;inset:auto 0 22px}.qst-chest{-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;width:52px;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.qst-chest-img{z-index:1;object-fit:contain;filter:drop-shadow(0 3px #050908cc);width:50px;height:50px;transition:transform .15s;position:relative}.qst-chest:active .qst-chest-img{transform:scale(.92)}.qst-chest-at{z-index:1;border:2px solid var(--color-outline);background:var(--color-panel);min-width:30px;color:var(--color-muted);border-radius:999px;margin-top:19px;padding:0 5px;font-size:11px;font-weight:800;line-height:15px;position:relative}.qst-chest.is-ready .qst-chest-img{animation:1.1s ease-in-out infinite qst-hop}.qst-chest.is-ready .qst-chest-at{background:var(--color-gold);color:var(--color-inkbrown)}.qst-chest-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#d8bb728c 0%,#d8bb7224 45%,#0000 70%);border-radius:999px;width:58px;height:58px;margin-left:-29px;position:absolute;top:-2px;left:50%}.qst-chest.is-ready .qst-chest-glow{animation:1.1s ease-in-out infinite glow-pulse}.qst-track.is-weekly .qst-chest-glow{background:radial-gradient(circle,#c8402c80 0%,#c8402c24 45%,#0000 70%)}.qst-track.is-weekly .qst-chest.is-ready .qst-chest-at{background:var(--color-son);color:var(--color-cream)}.qst-chest.is-locked .qst-chest-img{filter:drop-shadow(0 3px #050908cc)brightness(.72)saturate(.7)}.qst-chest.is-claimed .qst-chest-img{opacity:.55;filter:drop-shadow(0 3px #050908cc)saturate(.5)}.qst-chest.is-claimed .qst-chest-at{color:var(--color-ngoc)}.qst-track.is-weekly .qst-chest-img,.qst-hue-weekly{filter:drop-shadow(0 3px #050908cc)hue-rotate(-28deg)saturate(1.35)}.qst-track.is-weekly .qst-chest.is-locked .qst-chest-img{filter:drop-shadow(0 3px #050908cc)hue-rotate(-28deg)brightness(.72)saturate(.9)}.qst-track.is-weekly .qst-chest.is-claimed .qst-chest-img{filter:drop-shadow(0 3px #050908cc)hue-rotate(-28deg)saturate(.5)}@keyframes qst-hop{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-4deg)}45%{transform:translateY(-6px)rotate(4deg)}60%{transform:translateY(0)rotate(0)}}.qst-card{color:var(--color-inkbrown);border:2.5px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper), radial-gradient(130% 90% at 50% 40%, var(--color-paper) 0%, var(--color-paper-2) 100%);background-blend-mode:multiply, normal;background-size:256px 256px,100% 100%;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 3px #050908bf}.qst-card.is-ach{align-items:flex-start}.qst-card.is-ach .qst-act{align-self:center}.qst-card.is-ready{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 #050908bf, 0 0 8px #d8bb724d}.qst-card.is-claimed{opacity:.66;filter:saturate(.6)}.qst-card.is-locked{opacity:.78}.qst-card .text-cream,.qst-card .text-muted{color:var(--color-inkmuted)}.qst-card .text-gold{color:var(--color-gold-deep)}.qst-card .text-son{color:var(--color-son)}.qst-card .num.text-cream{color:var(--color-inkbrown)}.qst-pts{border:2px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--color-gold) 55%, var(--color-cream)), var(--color-gold) 55%, color-mix(in srgb, var(--color-gold) 70%, var(--color-gold-deep)));width:46px;height:46px;color:var(--color-inkbrown);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:inset 0 2px #ffffff73,0 2px #050908cc}.qst-card.is-claimed .qst-pts,.qst-card.is-locked .qst-pts{background:linear-gradient(180deg, var(--color-paper-2), var(--color-paper-3));color:var(--color-inkmuted)}.qst-act{text-align:center;flex:none;justify-content:center;width:78px;display:flex}.qst-row-chest{object-fit:contain;flex:none;width:46px;height:46px}.qst-stamp{border:2.5px solid var(--color-son);color:var(--color-son);background:#eef1eabf;border-radius:6px;padding:2px 6px;font-size:14px;display:inline-block;transform:rotate(-8deg);box-shadow:inset 0 0 0 1px #c8402c59}.qst-done{color:var(--color-ngoc-deep);font-size:18px}.qst-locktext{color:var(--color-muted);justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:800;line-height:1.15;display:inline-flex}.qst-card .qst-locktext,.paper-well .qst-locktext{color:var(--color-inkmuted)}.qst-lock{flex:none;width:12px;height:14px}.qst-pips{flex:none;gap:3px;display:inline-flex}.qst-pips>span{border:2px solid var(--color-outline);background:var(--color-paper-3);border-radius:999px;width:9px;height:9px}.qst-pips>span.is-on{background:var(--color-gold)}.qst-pips>span.is-title{box-shadow:0 0 0 1.5px var(--color-son)}.qst-title-tag{border:1.5px solid var(--color-son);color:var(--color-son-deep);background:#c8402c1f;border-radius:999px;margin-top:3px;padding:0 7px;font-size:11px;font-weight:800;display:inline-block}.qst-titlerow{background:var(--color-paper);align-items:center;gap:8px;padding:6px 8px;display:flex}.qst-titlerow .text-ngoc{color:var(--color-ngoc-deep)}.qst-titlerow .text-muted{color:var(--color-inkmuted)}.qst-titlerow.is-on{box-shadow:inset 0 0 0 2px var(--color-ngoc-deep), inset 0 2px 0 #1c28261f}.qst-titlerow.is-missing{opacity:.72;background:var(--color-paper-2)}.qst-company.is-ready{box-shadow:inset 0 0 0 2px var(--rim), 0 4px 0 #050908bf, 0 0 10px #d8bb7240}.qst-next{opacity:.85;align-items:center;gap:6px;padding:6px 8px;display:flex}.qst-next .text-cream{color:var(--color-inkbrown)}.qst-next .text-muted{color:var(--color-inkmuted)}@media (prefers-reduced-motion:reduce){.qst-chest.is-ready .qst-chest-img,.qst-chest.is-ready .qst-chest-glow{animation:none}.qst-chest.is-ready .qst-chest-glow{opacity:.8}}.mail-code{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-line) 80%, transparent), 0 3px 0 var(--color-outline);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.mail-code-input{border:2px solid var(--color-outline);background:var(--color-paper);min-width:0;color:var(--color-inkbrown);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:15px;font-weight:800;box-shadow:inset 0 2px #1c282629}.mail-code-input::placeholder{color:var(--color-inkmuted);letter-spacing:0;text-transform:none;font-weight:600}.mail-code-input:focus{border-color:var(--color-ngoc-deep);box-shadow:inset 0 2px 0 #1c282629, 0 0 0 2px var(--color-ngoc)}.mail-count{background:color-mix(in srgb, var(--color-ink) 58%, transparent);border-radius:10px;padding:4px 9px}.mail-row{text-align:left;width:100%;color:var(--color-inkbrown);border:2.5px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper), radial-gradient(130% 90% at 50% 40%, var(--color-paper) 0%, var(--color-paper-2) 100%);background-blend-mode:multiply, normal;animation:.28s ease-out backwards mail-rise;animation-delay:calc(var(--i,0) * 35ms);background-size:256px 256px,100% 100%;border-radius:10px;align-items:center;gap:10px;padding:8px 10px 8px 8px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 3px #050908bf}.mail-row:active{transform:translateY(2px);box-shadow:inset 0 0 0 1.5px #ffffff8c,0 1px #050908bf}.mail-row.is-new{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 #050908bf}.mail-row.is-new:active{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 1px 0 #050908bf}.mail-row.is-done{opacity:.62;filter:saturate(.6)}.mail-row-title{font-size:15px;font-weight:800;line-height:1.2;display:block}.mail-row.is-new .mail-row-title{color:var(--color-inkbrown)}.mail-row-meta{color:var(--color-inkmuted);gap:8px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.mail-row-done{color:var(--color-ngoc-deep)}.mail-row-icons{align-items:center;gap:4px;margin-top:4px;display:flex}.mail-row-more{min-width:30px;height:30px;color:var(--color-inkbrown);background:#b4c2b86b;border:1.5px solid #1c282680;border-radius:8px;place-items:center;padding:0 4px;font-size:12px;font-weight:800;display:grid}.mail-row-dot{border:2px solid var(--color-outline);background:var(--color-son);border-radius:50%;width:11px;height:11px;position:absolute;top:7px;right:8px}@keyframes mail-rise{0%{opacity:0;transform:translateY(8px)}}.mail-env{--env-w:46px;--env-h:34px;--env-paper:#e4ebe3;--env-shade:#b4c2b8;--env-ink:#0b1110;width:var(--env-w);height:var(--env-h);flex-shrink:0;margin-top:6px;position:relative}.mail-env>span{display:block;position:absolute}.mail-env-back{border:2.5px solid var(--env-ink);background:var(--env-shade);border-radius:5px;inset:0}.mail-env-letter{border:2px solid var(--env-ink);background:repeating-linear-gradient(#0000 0 5px,#a6b5ad 5px 6.5px) 4px 5px/calc(100% - 8px) 60% no-repeat,#f7faf5;border-radius:2px;transition:transform .25s;inset:4px 6px 6px}.mail-env.is-open .mail-env-letter{transform:translateY(-11px)}.mail-env-front{border:2.5px solid var(--env-ink);background:linear-gradient(to top right, transparent calc(50% - 1.5px), var(--env-ink) calc(50% - 1.5px), var(--env-ink) calc(50% + 1px), transparent calc(50% + 1px)) left bottom / 50% 70% no-repeat, linear-gradient(to top left, transparent calc(50% - 1.5px), var(--env-ink) calc(50% - 1.5px), var(--env-ink) calc(50% + 1px), transparent calc(50% + 1px)) right bottom / 50% 70% no-repeat, var(--env-paper);clip-path:polygon(0 28%,50% 62%,100% 28%,100% 100%,0 100%);border-radius:5px;inset:0}.mail-env-flap{background:var(--env-ink);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;height:66%;transition:transform .25s;top:0;left:0;right:0}.mail-env-flap:after{content:"";background:linear-gradient(180deg, #f2f6f0 0%, var(--env-paper) 100%);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;inset:2.5px 3.5px 4px}.mail-env.is-open .mail-env-flap{transform:scaleY(-.55)}.mail-env.is-open .mail-env-flap:after{background:var(--env-shade)}.mail-env-seal{border:2px solid var(--env-ink);background:radial-gradient(circle at 35% 35%, #e0705c 0%, var(--color-son) 55%, var(--color-son-deep) 100%);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;top:46%;left:50%}.mail-empty{text-align:center;color:var(--color-muted);flex-direction:column;align-items:center;gap:14px;padding:56px 24px 0;font-weight:700;line-height:1.4;display:flex}.mail-empty .mail-env{--env-w:92px;--env-h:68px;opacity:.85;margin-top:24px}.mail-empty .mail-env.is-open .mail-env-letter{transform:translateY(-22px)}.mail-paper{color:var(--color-inkbrown);border:3px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper), radial-gradient(130% 90% at 50% 30%, #f6f8f3 0%, var(--color-paper-2) 100%);background-blend-mode:multiply, normal;box-shadow:inset 0 0 0 2px #ffffff8c, 0 5px 0 var(--color-outline);background-size:256px 256px,100% 100%;border-radius:10px;padding:14px 14px 12px}.mail-paper .text-muted{color:var(--color-inkmuted)}.mail-paper .text-gold{color:var(--color-gold-deep)}.mail-paper-head{border-bottom:2px dashed #1c282659;padding-bottom:8px}.mail-paper-body{white-space:pre-line;max-height:34vh;color:var(--color-inkbrown);margin-top:10px;font-size:14px;line-height:1.5;overflow-y:auto}.mail-paper-rewards{background:#b4c2b85c;border:1.5px solid #1c282673;border-radius:8px;margin-top:12px;padding:8px;box-shadow:inset 0 2px #1c28261f}.mail-paper-rewards.is-claimed{opacity:.55;filter:grayscale(.6)}.mail-paper-label{color:var(--color-inkmuted);margin-bottom:6px;font-size:11px;font-weight:800}.mail-paper-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mail-paper-cell{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.mail-paper-name{max-width:100%;color:var(--color-inkbrown);font-size:10px;font-weight:700}.shop-tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding:2px 1px 4px;display:grid}.shop-tab{white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:5px 2px;font-size:13px;line-height:1.1;display:flex;position:relative}.shop-tab[aria-selected=true]{transform:translateY(-2px)}.shop-tab.is-locked:not([aria-selected=true]){color:var(--color-muted)}.shop-tab-lock{color:color-mix(in srgb, var(--color-son) 60%, var(--color-cream));margin-top:2px;font-size:9.5px;font-weight:800}.shop-tab[aria-selected=true] .shop-tab-lock{color:var(--color-son-deep)}.shop-sign{margin-top:16px}.shop-sign-board{border:3px solid var(--color-outline);text-align:center;background:radial-gradient(circle at 13px 50%, var(--color-gold) 0 3px, var(--color-outline) 3px 4.5px, transparent 5px), radial-gradient(circle at calc(100% - 13px) 50%, var(--color-gold) 0 3px, var(--color-outline) 3px 4.5px, transparent 5px), repeating-linear-gradient(180deg, transparent 0 16px, #0b111038 16px 18px), linear-gradient(180deg, var(--color-panel-3) 0%, var(--color-panel-2) 55%, var(--color-panel) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--sign) 75%, transparent), inset 0 3px 0 2px #eef3ec1a, 0 4px 0 var(--color-outline);border-radius:10px;padding:8px 28px 9px;position:relative}.shop-sign-board:before,.shop-sign-board:after{content:"";border:1.5px solid var(--color-outline);background:var(--color-gold-deep);border-bottom:0;width:5px;height:12px;position:absolute;top:-14px}.shop-sign-board:before{left:24%}.shop-sign-board:after{right:24%}.shop-sign-name{color:var(--sign);font-size:27px;line-height:1.1}.shop-sign-tag{color:var(--color-cream);margin-top:2px;font-size:12px;font-weight:700}.shop-keeper{border:2px solid var(--color-outline);background:var(--color-paper);color:var(--color-inkbrown);box-shadow:0 3px 0 var(--color-outline);border-radius:12px;margin:10px 4px 0 18px;padding:6px 10px;font-size:12.5px;font-weight:700;line-height:1.3;animation:.3s cubic-bezier(.2,1.4,.4,1) both shop-say;position:relative}.shop-keeper:before{content:"";border:7px solid #0000;border-bottom:8px solid var(--color-outline);border-top:0;position:absolute;top:-9px;left:18px}.shop-keeper:after{content:"";border:5px solid #0000;border-bottom:6px solid var(--color-paper);border-top:0;position:absolute;top:-5px;left:20px}@keyframes shop-say{0%{opacity:0;transform:translateY(-4px)scale(.96)}}.shop-locked{text-align:center;margin-top:14px;padding:22px 16px}.shop-empty{text-align:center;color:var(--color-muted);margin-top:12px;padding:18px;font-size:13px}.shop-pi{flex-shrink:0;display:inline-flex;position:relative}.shop-pi[data-uni]:after,.shop-currency .currency-chip[data-testid^=currency-manh_]:after{border:1.5px solid var(--color-outline);background:var(--uni,var(--color-sr));color:var(--color-cream);border-radius:4px;padding:0 2px;font-size:8px;font-weight:800;line-height:1.2;position:absolute}.shop-pi[data-uni]:after{content:attr(data-uni);bottom:-4px;right:-5px}.shop-pi[data-uni=R]{--uni:var(--color-r)}.shop-pi[data-uni=SSR]{--uni:var(--color-ssr)}.shop-currency .currency-chip[data-testid^=currency-manh_]:after{font-size:9px;bottom:-3px;left:12px}.shop-currency .currency-chip[data-testid=currency-manh_r]:after{content:"R";--uni:var(--color-r)}.shop-currency .currency-chip[data-testid=currency-manh_sr]:after{content:"SR"}.shop-currency .currency-chip[data-testid=currency-manh_ssr]:after{content:"SSR";--uni:var(--color-ssr)}.shop-pi[data-uni=SSR]:after,.shop-currency .currency-chip[data-testid=currency-manh_ssr]:after{color:var(--color-son-deep)}.shop-bar{margin-top:10px}.shop-currency{flex-wrap:nowrap;gap:6px}.shop-currency .currency-chip{flex:1;min-width:0}.shop-refresh-row{align-items:center;gap:8px;margin-top:10px;display:flex}.shop-timer{background:color-mix(in srgb, var(--color-ink) 58%, transparent);border-radius:10px;flex:1;min-width:0;padding:4px 9px;font-size:12.5px;font-weight:800;line-height:1.25}.shop-refresh{border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:4px 10px 5px;line-height:1.05;display:grid}.shop-refresh[aria-disabled=true]{filter:grayscale(.85)brightness(.75)}.shop-refresh-label{grid-row:1/span 2;font-size:14px}.shop-refresh-cost{align-items:center;gap:3px;font-size:12px;display:inline-flex}.shop-refresh-left{opacity:.8;font-size:10px;font-weight:800}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 8px;margin-top:10px;display:grid}.shop-slot{min-width:0;color:var(--color-inkbrown);border:2.5px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper), radial-gradient(130% 90% at 50% 35%, var(--color-paper) 0%, var(--color-paper-2) 100%);background-blend-mode:multiply, normal;text-align:center;animation:.26s ease-out backwards shop-rise;animation-delay:calc(var(--i,0) * 30ms);background-size:256px 256px,100% 100%;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:14px 4px 6px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 3px #050908cc}.shop-slot:active{transform:translateY(2px);box-shadow:inset 0 0 0 1.5px #ffffff8c,0 1px #050908cc}.shop-slot.is-sale{box-shadow:inset 0 0 0 2px #c8402cbf,0 3px #050908cc}.shop-slot.is-sold>:not(.shop-sold){filter:saturate(.3)brightness(.85);opacity:.7}@keyframes shop-rise{0%{opacity:0;transform:translateY(8px)}}.shop-slot-art{place-items:center;height:62px;display:grid;position:relative}.shop-slot-qty{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);border-radius:8px;padding:0 5px;font-size:11px;font-weight:800;position:absolute;bottom:-4px;right:-10px}.shop-slot-name{width:100%;min-height:2.5em;color:var(--color-inkbrown);padding:0 2px;font-size:11.5px;font-weight:800;line-height:1.25}.shop-price{width:100%;color:var(--color-inkbrown);background:#b4c2b86b;border:1.5px solid #1c282673;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1px 3px;padding:2px 4px;font-size:13px;font-weight:800;display:flex;box-shadow:inset 0 2px #1c28261f}.shop-price.is-poor{color:var(--color-son-deep)}.shop-price-old{color:var(--color-inkmuted);font-size:10px;text-decoration-thickness:2px}.shop-sale{z-index:2;border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);box-shadow:0 2px 0 var(--color-outline);border-radius:6px;padding:1px 6px;font-size:12px;font-weight:800;position:absolute;top:-6px;left:-4px;transform:rotate(-8deg)}.shop-left{color:var(--color-inkmuted);font-size:10.5px;font-weight:800;position:absolute;top:3px;right:5px}.shop-left.is-zero{color:var(--color-son-deep)}.shop-sold{z-index:3;border:3px solid var(--color-son);color:var(--color-son);white-space:nowrap;background:#eef1eae6;border-radius:6px;padding:1px 10px;font-size:17px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:inset 0 0 0 1.5px #c8402c66}.shop-shard{flex-shrink:0;display:inline-block;position:relative}.shop-shard .shop-shard-face{width:100%;box-shadow:0 0 0 2px var(--sc);clip-path:polygon(0 0,100% 0,100% 72%,88% 80%,100% 88%,100% 100%,0 100%,0 30%,10% 22%,0 14%);border-width:3px;border-radius:12px}.shop-shard-tag{border:2px solid var(--color-outline);background:var(--sc);color:var(--color-cream);border-radius:6px;padding:0 5px;font-size:10px;font-weight:800;line-height:1.3;position:absolute;bottom:-6px;left:-6px}.shop-shard-tag.is-ssr{color:var(--color-son-deep)}.shop-crate{border:3px solid var(--color-outline);box-shadow:inset 0 0 0 2px var(--rarity);background:repeating-linear-gradient(0deg,#0000 0 9px,#0b111040 9px 11px),linear-gradient(#3f5f58 0%,#22383a 100%);border-radius:12px;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.shop-crate.is-any{box-shadow:inset 0 0 0 2px var(--color-paper-2)}.shop-crate-lid{border-bottom:3px solid var(--color-outline);background:linear-gradient(#557b72 0%,#2f4b4a 100%);height:30%;position:absolute;inset:0 0 auto}.shop-crate-band{border-inline:2px solid var(--color-outline);background:var(--rarity);width:16%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.shop-crate-tier{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);border-radius:6px;padding:0 4px;font-size:12px;font-weight:800;position:absolute;top:34%;left:50%;transform:translate(-50%)}.shop-crate-tag{color:var(--color-cream);-webkit-text-stroke:2.5px var(--color-outline);paint-order:stroke fill;font-size:9.5px;font-weight:800;position:absolute;inset:auto 0 3px}.shop-buy{padding:14px 14px 12px}.shop-buy-head{align-items:center;gap:12px;display:flex}.shop-buy-name{color:var(--color-gold);font-size:22px;line-height:1.1}.shop-buy-desc{border:2px solid var(--color-outline);background:var(--color-paper);color:var(--color-inkbrown);border-radius:8px;margin-top:10px;padding:7px 10px;font-size:12.5px;font-weight:600;line-height:1.35}.shop-buy-label{color:var(--color-muted);margin-bottom:4px;font-size:12px;font-weight:800}.shop-sets{margin-top:10px}.shop-set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.shop-set{border:2px solid var(--color-outline);background:var(--color-panel-2);white-space:nowrap;min-width:0;color:var(--color-cream);box-shadow:0 2px 0 var(--color-outline);border-radius:9px;align-items:center;gap:4px;padding:4px 5px;font-size:11.5px;font-weight:800;display:flex}.shop-set.is-on{background:color-mix(in srgb, var(--set) 30%, var(--color-panel-2));box-shadow:inset 0 0 0 2px var(--set), 0 2px 0 var(--color-outline)}.shop-set-dot{border:2px solid var(--color-outline);background:var(--set);border-radius:50%;flex:none;width:10px;height:10px}.shop-set-info{gap:3px;min-height:42px;margin-top:6px;font-size:12px;font-weight:700;display:grid}.shop-qty{margin-top:12px}.shop-qty-row{align-items:center;gap:6px;display:flex}.shop-qty-step{border-radius:10px;flex:none;width:32px;height:32px;font-size:18px;line-height:1}.shop-qty-max{border-radius:10px;flex:none;height:32px;padding:0 8px;font-size:12px}.shop-qty-n{text-align:center;color:var(--color-cream);margin-top:2px;font-size:18px;font-weight:800}.shop-qty-range{appearance:none;background:0 0;flex:1;min-width:0;height:28px}.shop-qty-range::-webkit-slider-runnable-track{border:2px solid var(--color-outline);background:linear-gradient(90deg, var(--color-ngoc) var(--fill,0%), var(--color-ink) var(--fill,0%));border-radius:8px;height:12px}.shop-qty-range::-moz-range-track{border:2px solid var(--color-outline);background:linear-gradient(90deg, var(--color-ngoc) var(--fill,0%), var(--color-ink) var(--fill,0%));border-radius:8px;height:8px}.shop-qty-range::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--color-outline);background:var(--color-paper);width:24px;height:24px;box-shadow:0 2px 0 var(--color-outline);border-radius:50%;margin-top:-8px}.shop-qty-range::-moz-range-thumb{border:3px solid var(--color-outline);background:var(--color-paper);border-radius:50%;width:18px;height:18px}.shop-qty-range:disabled{opacity:.55}.shop-total{border:2px solid var(--color-outline);background:color-mix(in srgb, var(--color-ink) 60%, transparent);border-radius:10px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:18px;font-weight:800;display:flex}.shop-total>.text-muted{font-size:13px}.shop-block{text-align:center;color:var(--color-lose);margin-top:6px;font-size:12.5px;font-weight:800}.dg-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dg-card{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-line) 80%, transparent), 0 4px 0 #050908cc;text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.dg-card:active{transform:translateY(2px)}.dg-card.is-on{box-shadow:inset 0 0 0 2.5px var(--color-ngoc), 0 4px 0 #050908cc;transform:translateY(-2px)}.dg-card-art{aspect-ratio:4/4.2;border-bottom:2px solid var(--color-outline);display:block;position:relative;overflow:hidden}.dg-card-art img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.dg-tint-kho_bac{background:radial-gradient(circle at 50% 40%, var(--color-gold-deep), var(--color-panel) 75%)}.dg-tint-lo_luyen{background:radial-gradient(circle at 50% 40%, var(--color-son-deep), var(--color-panel) 75%)}.dg-tint-lo_ren{background:radial-gradient(circle at 50% 40%, var(--color-ngoc-deep), var(--color-panel) 75%)}.dg-card.is-locked .dg-card-art img{filter:grayscale()brightness(.55)}.dg-card.is-locked .dg-card-art:after{content:"";background:color-mix(in srgb, var(--color-ink) 35%, transparent);position:absolute;inset:0}.dg-card-name{padding:4px 4px 0;font-size:16px;line-height:1.05}.dg-card.is-on .dg-card-name{color:var(--color-ngoc)}.dg-card-sub{color:var(--color-muted);padding:1px 4px 5px;font-size:10.5px;font-weight:800;line-height:1.25}.dg-desc{background:color-mix(in srgb, var(--color-ink) 58%, transparent);border-radius:10px;padding:3px 8px 4px}.dg-ticketbar{border-radius:14px;align-items:center;gap:8px;min-height:52px;padding:6px 8px;display:flex}.dg-list{flex:1;min-height:0;padding:8px 12px 12px;position:relative;overflow-y:auto}.dg-tier{color:var(--color-inkbrown);border:2.5px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper), radial-gradient(130% 90% at 50% 40%, var(--color-paper) 0%, var(--color-paper-2) 100%);background-blend-mode:multiply, normal;background-size:256px 256px,100% 100%;border-radius:10px;margin-bottom:6px;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 3px #050908b3}.dg-tier.is-cleared{box-shadow:inset 0 0 0 2px #1d61508c,0 3px #050908b3}.dg-tier.is-next{box-shadow:inset 0 0 0 2.5px var(--color-son), 0 3px 0 #050908b3}.dg-tier.is-locked{color:var(--color-inkmuted);background-color:var(--color-paper-2);background-image:var(--tex-paper), linear-gradient(180deg, var(--color-paper-2), var(--color-paper-3));filter:saturate(.6)}.dg-tier.is-on:not(.is-next){box-shadow:inset 0 0 0 2.5px var(--color-ngoc-deep), 0 3px 0 #050908b3}.dg-tier .text-muted{color:var(--color-inkmuted)}.dg-tier-head{text-align:left;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.dg-tier-n{border:2px solid var(--color-outline);background:var(--color-panel-2);width:34px;height:34px;color:var(--color-cream);border-radius:8px;flex:none;place-items:center;font-size:19px;line-height:1;display:grid}.dg-tier.is-cleared .dg-tier-n{background:var(--color-ngoc-deep)}.dg-tier.is-next .dg-tier-n{background:var(--color-son)}.dg-tier.is-locked .dg-tier-n{background:var(--color-paper-3);color:var(--color-inkmuted)}.dg-lock{color:var(--color-son-deep);margin-top:2px;font-size:11.5px;font-weight:800;display:block}.dg-tier-body{padding:0 8px 8px;animation:.24s cubic-bezier(.2,1,.3,1) both rise}.dg-reward{flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:2px;display:flex}.dg-reward-cell{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.dg-reward-cell.is-chance{color:var(--color-ngoc-deep)}.dg-reward-equip{background:#b4c2b86b;border:1.5px solid #1c282680;border-radius:8px;padding:0 5px;font-size:11px;font-weight:800}.dg-enemies{justify-content:center;gap:6px;margin-top:6px;display:flex}.dg-enemy{flex-direction:column;align-items:center;width:52px;display:flex;position:relative}.dg-enemy .portrait{border-radius:10px;width:48px}.dg-enemy-lv{background:color-mix(in srgb, var(--color-ink) 85%, transparent);color:var(--color-cream);border-top-right-radius:8px;padding:0 3px;font-size:10px;font-weight:800;position:absolute;bottom:0;left:0}.dg-enemy-star{color:var(--color-gold-deep);align-items:center;gap:1px;margin-top:2px;font-size:10px;font-weight:800;line-height:12px;display:inline-flex}.dg-cost{opacity:.85;margin-left:4px;font-size:11px}@media (prefers-reduced-motion:reduce){.dg-tier-body{animation:none}.dg-card{transition:none}}.tfx-chest{width:44cqw;height:44cqw;animation:.3s linear 1.45s tfx-chest-shake;position:relative}.tfx-chest>img{object-fit:contain;pointer-events:none;will-change:transform, opacity;width:100%;height:100%;position:absolute;inset:0}.tfx-chest-closed,.tfx-chest-open{filter:saturate(.5)sepia(.22)brightness(.86)contrast(1.04)drop-shadow(0 1.2cqw #0b111099)}.tfx-chest-closed{animation:10ms linear 1.75s forwards tfx-hide}.tfx-chest-open{opacity:0;animation:.4s cubic-bezier(.2,.9,.3,1.25) 1.75s forwards tfx-chest-open;transform:scale(.92)}.tfx-chest>.tfx-page{opacity:0;filter:saturate(.7);width:10cqw;height:10cqw;animation:tfx-page 1.2s cubic-bezier(.15, .6, .35, 1) calc(1.8s + var(--t) * .25s) forwards;margin:-5cqw 0 0 -5cqw;inset:30% auto auto 50%}.cer-reduced .tfx-chest{animation:none}.cer-reduced .tfx-chest-closed{display:none}.cer-reduced .tfx-chest-open{opacity:1;animation:none;transform:none}.cer-reduced .tfx-page{display:none}@keyframes tfx-hide{to{opacity:0}}@keyframes tfx-chest-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@keyframes tfx-chest-open{to{opacity:1;transform:scale(1)}}@keyframes tfx-page{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 30cqw), calc(var(--y) * -34cqw)) rotate(var(--r)) scale(1)}}.tw-screen{background:linear-gradient(180deg, #0e1413cc 0%, #0e141359 30%, #0e141340 60%, #0e1413d9 100%), url(/ui/tower/bg_tower.webp) center top / cover no-repeat, linear-gradient(180deg, #1d2a2b, var(--color-ink))}.tw-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.tw-tab{border:3px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--tc) 22%, var(--color-panel-2)) 0%, var(--color-panel) 85%);border-radius:10px;flex-direction:column;align-items:center;padding:7px 0 4px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #c9d6cf59,0 3px #060a09cc}.tw-tab:before{content:"";background:var(--tc);height:4px;position:absolute;inset:0 0 auto}.tw-tab:active{transform:translateY(2px)}.tw-tab.is-on{box-shadow:inset 0 0 0 2px var(--tc), 0 3px 0 #060a09cc;transform:translateY(-2px)}.tw-tab-name{letter-spacing:-.02em;max-width:100%;color:var(--color-cream);font-size:10.5px;font-weight:800;line-height:1.15}.tw-tab.is-on .tw-tab-name{color:var(--tc)}.tw-tab-sub{border-radius:6px;margin-top:1px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px}.tw-tab.is-open .tw-tab-sub{color:var(--color-win);background:#6fb46a38}.tw-tab.is-closed .tw-tab-sub{color:var(--color-muted);background:#0e141399}.tw-tab.is-locked .tw-tab-sub{color:#e0866f}.tw-tab.is-closed:not(.is-on),.tw-tab.is-locked:not(.is-on){filter:saturate(.55)brightness(.85)}.tw-head{align-items:center;gap:8px;display:flex}.tw-name{color:var(--tc);font-size:23px;line-height:1.1}.tw-week{gap:3px;display:flex}.tw-day{border:2px solid var(--color-outline);background:var(--color-panel);width:27px;height:18px;color:var(--color-line);border-radius:6px;place-items:center;font-size:10px;font-weight:800;display:grid}.tw-day.is-open{background:color-mix(in srgb, var(--tc) 35%, var(--color-panel));color:var(--color-cream)}.tw-day.is-today{box-shadow:0 0 0 2px var(--color-ngoc);color:var(--color-ngoc)}.tw-day.is-today.is-open{color:var(--color-cream);background:color-mix(in srgb, var(--tc) 65%, var(--color-panel))}.tw-shop{text-align:left;flex:none;justify-content:flex-start;align-items:center;gap:5px;padding:3px 8px 3px 4px;display:flex}.tw-closed{z-index:3;border:3px solid var(--color-outline);background:var(--color-paper);width:max-content;max-width:calc(100% - 48px);box-shadow:inset 0 0 0 2.5px var(--color-son), 0 4px 0 #060a09cc;text-align:center;color:var(--color-son-deep);border-radius:8px;flex-direction:column;align-items:center;margin:0 auto -58px;padding:6px 16px 7px;display:flex;position:sticky;top:4px;transform:rotate(-2deg)}.tw-closed .text-muted{color:var(--color-inkmuted)}@keyframes tw-glow{0%,to{filter:brightness()}50%{filter:brightness(1.07)}}.tw-detail{border-radius:14px;flex:none;margin-bottom:6px;padding:7px 9px 8px}.tw-detail.is-boss{--rim:#c8402ccc}.tw-box{color:var(--color-inkbrown);border:2px solid var(--color-outline);background:var(--color-paper);background-image:var(--tex-paper);background-blend-mode:multiply;background-size:256px 256px;border-radius:8px;padding:2px 6px 4px}.tw-box .text-muted{color:var(--color-inkmuted)}.tw-box-tag{letter-spacing:.02em;color:var(--color-inkmuted);text-transform:uppercase;font-size:9.5px;font-weight:800;display:block}.tw-reward{flex-wrap:wrap;align-items:center;gap:2px 7px;display:flex}.tw-reward-cell{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.tw-rules{font-size:12px;font-weight:700;line-height:1.3}@media (prefers-reduced-motion:reduce){.tw-chip.is-next{animation:none}.tw-tab,.tw-chip{transition:none}}.tw-scene{border-top:3px solid var(--color-outline);border-bottom:3px solid var(--color-outline);background:url(/ui/tower/stage.webp) center bottom / cover no-repeat, var(--color-ink);flex:1;min-height:170px;margin-top:6px;position:relative;overflow:hidden}.tw-scene-canvas{position:absolute;inset:0}.tw-scene-canvas canvas{display:block}.tw-corner{z-index:4;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:6px}.tw-corner.is-left{width:112px;left:6px}.tw-corner.is-right{align-items:flex-end;right:6px}.tw-corner>*{pointer-events:auto}.tw-scene-hud{z-index:4;text-align:center;flex-direction:column;align-items:center;gap:3px;max-width:calc(100% - 236px);display:flex;position:absolute;top:7px;left:50%;transform:translate(-50%)}.tw-scene-boss{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-paper);border-radius:7px;padding:0 7px;font-size:10.5px;font-weight:800}.tw-scene-empty{z-index:4;background:#0e14138c;border:2px dashed #eef1ea8c;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:40%;padding:10px 8px;display:flex;position:absolute;bottom:14%;left:5%}.tw-scene-empty-text{color:var(--color-cream);text-shadow:0 2px 0 var(--color-outline);font-size:15px;font-weight:800}.tw-scene .tw-closed{z-index:4;margin:0;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.tw-strip{overscroll-behavior-x:contain;flex:none;align-items:stretch;gap:5px;padding:9px 8px 5px;display:flex;overflow-x:auto}.tw-chip{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3) 0%, var(--color-panel-2) 100%);width:60px;height:44px;color:var(--color-cream);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;transition:transform .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #c9d6cf59,0 3px #060a09b3}.tw-chip:active{transform:translateY(2px)}.tw-chip-n{font-size:17px;line-height:1}.tw-chip-sub{white-space:nowrap;color:var(--color-muted);align-items:center;gap:2px;font-size:9.5px;font-weight:800;line-height:1;display:flex}.tw-chip-power.pw-sm{font-size:10px}.tw-chip-chest{object-fit:contain;width:16px;height:16px;filter:drop-shadow(0 1px 0 var(--color-outline))}.tw-chip-chest.is-open{filter:grayscale(.7)brightness(.7)}.tw-chip.is-done{opacity:.6;background:var(--color-panel)}.tw-chip.is-next{color:var(--color-inkbrown);background:linear-gradient(180deg, #f4f7f1 0%, var(--color-paper-2) 100%);box-shadow:inset 0 0 0 2.5px var(--tc), 0 3px 0 #060a09b3;animation:1.6s ease-in-out infinite tw-glow}.tw-chip.is-next .tw-chip-sub{color:var(--color-son-deep)}.tw-chip.is-boss{box-shadow:inset 0 0 0 2px #c8402cd9,0 3px #060a09b3}.tw-chip.is-boss .tw-chip-sub{color:#e6826f}.tw-chip.is-boss.is-next{box-shadow:inset 0 0 0 2.5px var(--color-son), 0 3px 0 #060a09b3}.tw-chip.is-milestone .tw-chip-sub{color:var(--color-gold)}.tw-chip.is-next.is-milestone .tw-chip-sub{color:var(--color-gold-deep)}.tw-chip.is-sel:not(.is-next){opacity:1;box-shadow:inset 0 0 0 2.5px var(--color-ngoc), 0 3px 0 #060a09b3}.tw-chip-rule{border:1.5px solid var(--color-outline);background:var(--color-ngoc-deep);white-space:nowrap;color:var(--color-paper);border-radius:5px;padding:0 4px;font-size:8.5px;font-weight:800;line-height:1.3;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.tw-strip-more{color:var(--color-muted);flex:none;align-self:center;padding:0 4px;font-size:10.5px;font-weight:800}.tw-manual{border:2px solid var(--color-outline);background:var(--color-panel-3);color:var(--color-cream);border-radius:8px;flex:none;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:800}.tw-manual:active{transform:translateY(1px)}.tw-mini{border:3px solid var(--color-outline);text-align:left;background:linear-gradient(#32443ff2,#1b2625f2);border-radius:10px;flex-direction:column;gap:2px;padding:4px 6px 5px;display:flex;box-shadow:inset 0 0 0 1.5px #d8bb7259,0 3px #060a09bf}.tw-mini:active{transform:translateY(1px)}.tw-mini-title{letter-spacing:.02em;color:var(--color-gold);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:4px;font-size:9.5px;font-weight:800;display:flex}.tw-mini-mock{color:var(--color-muted);text-transform:none;font-size:8.5px}.tw-mini-row{color:var(--color-cream);border-radius:6px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:3px;padding:1px 3px;font-size:11px;font-weight:800;line-height:1.25;display:grid}.tw-mini-rank{color:var(--color-muted);text-align:center;font-size:10.5px}.tw-mini-row.is-top .tw-mini-rank{color:var(--color-gold)}.tw-mini-name{min-width:0}.tw-mini-floor{color:var(--color-gold)}.tw-mini-row.is-me{box-shadow:inset 0 0 0 1.5px var(--color-ngoc);background:#4fb39433}.tw-mini-row.is-me .tw-mini-floor{color:var(--color-ngoc)}.tw-mini-gap,.tw-mini-note{color:var(--color-ngoc);font-size:9.5px;font-weight:800;line-height:1.2;display:block}.tw-mini-note{color:var(--color-muted)}.tw-goal{border:3px solid var(--color-outline);background:var(--color-paper);box-shadow:inset 0 0 0 1.5px var(--tc), 0 3px 0 #060a09bf;color:var(--color-inkmuted);border-radius:10px;align-items:center;gap:4px;padding:3px 6px 3px 3px;font-size:10px;font-weight:700;line-height:1.2;display:flex}.tw-goal b{color:var(--color-son-deep);font-size:12px;font-weight:800}.tw-goal-text{white-space:nowrap;min-width:0;font-size:9.5px}.tw-goal-chest{object-fit:contain;width:28px;height:28px;filter:drop-shadow(0 2px 0 var(--color-outline));flex:none}.tw-noteam{background:#c8402c1f;border:2px dashed #c8402cb3;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;display:flex}.tw-noteam-me{color:#e6826f;font-size:13px;font-weight:800}.tw-auto{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:58px;display:flex;box-shadow:inset 0 0 0 1.5px #c9d6cf4d,0 3px #060a09cc}.tw-auto:active{transform:translateY(2px)}.tw-auto-box{border:2px solid var(--color-outline);background:var(--color-ink);border-radius:9px;width:32px;height:17px;transition:background .15s;position:relative}.tw-auto-box:after{content:"";background:var(--color-paper-3);border-radius:50%;width:11px;height:11px;transition:transform .15s,background .15s;position:absolute;top:1px;left:1px}.tw-auto.is-on .tw-auto-box{background:var(--color-ngoc)}.tw-auto.is-on .tw-auto-box:after{background:var(--color-paper);transform:translate(15px)}.tw-auto-label{color:var(--color-muted);font-size:11px;font-weight:800;line-height:1}.tw-auto.is-on .tw-auto-label{color:var(--color-ngoc)}.tw-auto-note{border:2px solid var(--color-outline);color:var(--color-cream);background:#1d615066;border-radius:8px;align-items:flex-start;gap:6px;margin-top:6px;padding:4px 6px 4px 8px;font-size:11.5px;font-weight:700;line-height:1.3;display:flex}.tw-auto-note.is-lost{background:#84251a73}.tw-auto-note-x{color:var(--color-muted);background:#0b111080;border-radius:6px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:800}.tw-climb-tag{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-paper);border-radius:7px;padding:1px 7px;font-size:10.5px;font-weight:800}.tw-climb-floor{color:var(--color-cream);text-shadow:0 2px 0 var(--color-outline);font-size:21px;line-height:1}.tw-climb-streak{border:2px solid var(--color-outline);background:var(--color-ngoc-deep);color:var(--color-paper);border-radius:7px;padding:1px 7px;font-size:10.5px;font-weight:800}.tw-climb-result{z-index:4;white-space:nowrap;font-size:clamp(24px,8.5vw,34px);line-height:1;animation:.95s ease-out both tw-result;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.tw-scene.is-still .tw-climb-result{animation:none}.tw-climb-result.is-win{color:#8fd6bb}.tw-climb-result.is-lose{color:#e6826f}@keyframes tw-result{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(1)}}.tw-bubble{--tail:0px;z-index:5;border:3px solid var(--color-outline);background:var(--color-paper);border-radius:12px;align-items:center;gap:6px;width:max-content;max-width:216px;padding:5px 9px 5px 5px;animation:.28s cubic-bezier(.2,1.4,.4,1) both tw-bubble;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 3px #060a09b3}.tw-bubble:after{content:"";bottom:-10px;left:calc(50% + var(--tail) - 7px);border:7px solid #0000;border-top:8px solid var(--color-outline);border-bottom:0;position:absolute}.tw-bubble.is-top{max-width:calc(100% - 16px);top:104px;left:8px;transform:none}.tw-bubble.is-top:after{display:none}.tw-bubble-face{border:2px solid var(--color-outline);background:var(--color-paper-2);object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.tw-bubble-text{color:var(--color-inkbrown);font-size:12.5px;font-weight:700;line-height:1.25}.tw-bubble-who{color:var(--color-ngoc-deep);text-transform:uppercase;font-size:9.5px;font-weight:800;display:block}@keyframes tw-bubble{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.tw-climb-result,.tw-bubble{animation:none}.tw-auto-box,.tw-auto-box:after{transition:none}}.pz-head{position:relative}.pz-stamp{z-index:2;border:3px solid var(--color-ngoc-deep);color:var(--color-ngoc-deep);font-family:var(--font-display,inherit);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;background:#eef1eae6;border-radius:8px;padding:2px 8px;font-size:15px;font-weight:900;position:absolute;top:-22px;right:2px;transform:rotate(-12deg);box-shadow:inset 0 0 0 1.5px #1d615059}.pz-level{border:2px solid var(--color-outline);color:var(--color-inkbrown);border-radius:999px;align-items:center;gap:3px;padding:1px 8px 1px 6px;font-size:11px;font-weight:900;display:inline-flex}.pz-level.lv1{background:var(--color-win);color:#172b10}.pz-level.lv2{background:var(--color-gold)}.pz-level.lv3{background:var(--color-son);color:#f4f8f1}.pz-level>span:last-child{margin-left:3px}.pz-pip{border:1.5px solid var(--color-outline);background:#0e141359;border-radius:999px;width:7px;height:7px}.pz-pip.on{background:var(--color-cream)}.pz-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pz-stats>div{border:2px solid var(--color-outline);background:#0c121199;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:4px 2px;line-height:1.1;display:flex}.pz-stats b{font-size:14px;font-weight:900}.pz-stats>div>span:last-child{color:var(--color-muted);margin-top:2px;font-size:9px;font-weight:800}.pz-rule{border:2px solid var(--color-gold);color:var(--color-gold);background:#d8bb7224;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:900}.pz-ecell{border:2px dashed var(--color-line);border-radius:12px;align-items:center;gap:4px;height:46px;padding:0 4px;display:flex}.pz-ecell.is-filled{border:2px solid var(--color-outline);background:#d0503c1a}.pz-ecell.is-boss{border:2px solid var(--color-son);background:#c8402c2e}.pz-range{border:2px solid var(--color-outline);border-radius:6px;padding:0 4px;font-size:9px;font-weight:900;line-height:1.25;position:absolute;top:2px;right:2px}.pz-range.is-melee{color:var(--color-inkbrown);background:#d0743a}.pz-range.is-ranged{background:var(--color-ngoc);color:#112c26}.pz-roster{gap:6px;display:grid}.pz-card{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), #1f2b29);min-width:0;box-shadow:0 3px 0 var(--color-outline);text-align:center;border-radius:12px;padding:3px 2px;transition:transform .12s cubic-bezier(.2,1.6,.4,1),box-shadow .15s,opacity .15s;position:relative}.pz-card:active{transform:scale(.96)}.pz-card.is-selected{box-shadow:0 0 0 3px var(--color-gold), 0 3px 0 var(--color-outline);transform:translateY(-4px)}.pz-card.is-placed{opacity:.55}.pz-grid .fcell{min-height:62px}.gt-screen{background-image:radial-gradient(85% 32% at 50% 24%, #96cdb938 0%, #96cdb900 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141361 45%, #0e141399 100%);background-size:100% 100%,320px 320px,100% 100%}.gt-tagline{text-align:center;color:#eef3eceb;background:#0e141394;border-radius:10px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 12px);margin:-2px auto 0;padding:2px 10px 3px;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.gt-scene{justify-content:center;margin:4px -4px 0;padding-top:6px;display:flex;position:relative}.gt-scene:before{content:"";background:radial-gradient(50% 50%,#0c1211c7 0%,#0c121173 55%,#0c121100 100%);border-radius:50%;width:100%;height:30px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.gt-gate{z-index:1;width:100%;height:auto;position:relative}.gt-scene.is-locked .gt-gate{filter:saturate(.3)brightness(.6)}.gt-lockboard{z-index:2;border:3px solid var(--color-outline);background:var(--color-paper);box-shadow:inset 0 0 0 2.5px var(--color-son), 0 4px 0 #060a09cc;color:var(--color-son-deep);border-radius:8px;flex-direction:column;align-items:center;padding:5px 14px 6px;font-size:11.5px;font-weight:800;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.gt-bar{border-radius:12px;align-items:center;gap:8px;margin-top:2px;padding:6px 8px;display:flex}.gt-bar-cell{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.gt-shop{text-align:left;flex:none;justify-content:flex-start;align-items:center;gap:5px;padding:4px 9px 4px 5px;display:flex}.gt-run{color:#e6a08c;background:#0e141399;border:2px dashed #c8402cb3;border-radius:8px;margin-top:6px;padding:4px 10px;font-size:11.5px;font-weight:700;line-height:1.3}.gt-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.gt-card{flex-direction:column;align-items:center;min-width:0;display:flex}.gt-card .hcard-row{width:100%;max-width:64px}.gt-card-lv{color:var(--color-cream);margin-top:1px;font-size:10.5px;font-weight:800;line-height:1.1}.gt-card.is-empty{padding-bottom:13px}.gt-card-hole{aspect-ratio:3/4;width:100%;max-width:64px;color:var(--color-muted);background:#0c121173;border:2px dashed #b4c2b873;border-radius:9px;place-items:center;font-size:10.5px;font-weight:800;display:grid}.gt-advice{padding:4px 8px 6px}.gt-advice-head{justify-content:space-between;align-items:baseline;margin-bottom:1px;display:flex}.gt-advice-row{align-items:flex-start;gap:6px;padding:2px 0;font-size:12px;font-weight:700;line-height:1.3;display:flex}.gt-advice-row+.gt-advice-row{border-top:1px dashed #1c282640}.gt-lv{white-space:nowrap;border:1.5px solid;border-radius:6px;flex:none;margin-top:1px;padding:0 5px;font-size:10px;font-weight:800;line-height:14px}.gt-lv.is-warn{color:var(--color-son-deep);background:#c8402c1f}.gt-lv.is-tip{color:var(--color-gold-deep);background:#d8bb722e}.gt-lv.is-good{color:var(--color-ngoc-deep);background:#4fb3942e}.gt-diffs{flex-direction:column;gap:7px;display:flex}.gt-diff{--dc:var(--color-ngoc);--dc-deep:var(--color-ngoc-deep)}.gt-diff-1{--dc:var(--color-gold);--dc-deep:var(--color-gold-deep)}.gt-diff-2{--dc:var(--color-son);--dc-deep:var(--color-son-deep)}.gt-diff{border:3px solid var(--color-outline);background:var(--color-paper);background-image:radial-gradient(130% 95% at 50% 40%, #f8fbf700 55%, #56686229 100%), var(--tex-paper);color:var(--color-inkbrown);background-size:100% 100%,320px 320px;border-radius:12px;position:relative;box-shadow:inset 0 0 0 1.5px #f8fbf78c,0 3px #060a09a6}.gt-diff.is-open{box-shadow:inset 0 0 0 2.5px var(--dc), 0 3px 0 #060a09a6}.gt-diff.is-locked{background-color:#c9d3cb}.gt-diff.is-locked .gt-diff-head{opacity:.78}.gt-diff-head{text-align:left;align-items:center;gap:9px;width:100%;padding:7px 9px 7px 7px;display:flex}.gt-seal{border:2.5px solid var(--color-outline);background:linear-gradient(180deg, color-mix(in srgb, var(--dc) 88%, #f4f8f1), var(--dc-deep));text-align:center;color:#f4f8f1;-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;border-radius:8px;flex:none;place-items:center;width:54px;height:46px;padding:0 3px;font-size:15px;line-height:1;display:grid;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px #f4f8f159,0 2px #060a0999}.gt-diff.is-locked .gt-seal{filter:grayscale(.8)brightness(.85)}.gt-diff-desc{color:var(--color-inkmuted);font-size:11.5px;font-weight:700;line-height:1.25}.gt-diff-rec{justify-content:space-between;align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:800;display:flex}.gt-diff-rec b{color:var(--color-gold-deep)}.gt-diff-lock{color:var(--color-son-deep);margin-top:3px;font-size:12px;font-weight:800;display:block}.gt-mult{border:1.5px solid var(--dc-deep);color:var(--dc-deep);border-radius:6px;flex:none;align-self:flex-start;padding:0 5px;font-size:11px;font-weight:800;line-height:16px}.gt-pips{flex:none;align-items:center;gap:2px;display:inline-flex}.gt-pip{background:#b4c2b859;border:1.5px solid #1c282699;border-radius:2px;width:8px;height:8px}.gt-pip.is-boss{border-color:var(--color-son-deep);border-radius:3px;width:11px;height:11px}.gt-pip.is-on{border-color:var(--color-ngoc-deep);background:var(--color-ngoc)}.gt-pip.is-boss.is-on{border-color:var(--color-outline);background:var(--color-son)}.gt-diff-body{padding:0 9px 9px}.gt-box-tag{letter-spacing:.03em;text-transform:uppercase;color:var(--color-inkmuted);font-size:9.5px;font-weight:800}.gt-preview{background:#b4c2b852;border:1.5px solid #1c282673;border-radius:8px;padding:4px 7px 6px;box-shadow:inset 0 2px #1c282624}.gt-preview.is-empty{color:var(--color-inkmuted);text-align:center;font-size:12px;font-weight:700}.gt-foes{align-items:flex-end;gap:5px;margin-top:3px;display:flex}.gt-foe{flex-direction:column;align-items:center;display:flex}.gt-foe .gt-foe-face{border-radius:9px;width:38px}.gt-foe.is-boss .gt-foe-face{width:46px;box-shadow:0 0 0 2px var(--color-son)}.gt-foe-lv{color:var(--color-cream);background:#0e1413d9;border-top-right-radius:7px;padding:0 3px;font-size:10px;font-weight:800;position:absolute;bottom:0;left:0}.gt-foe-tag{background:var(--color-son);color:#f4f8f1;border-radius:5px;margin-top:2px;padding:0 4px;font-size:9.5px;font-weight:800;line-height:13px}.gt-foe-sep{background:#1c28264d;border-radius:2px;width:2px;height:34px;margin:0 2px 8px}.gt-facts{color:var(--color-inkmuted);flex-wrap:wrap;gap:1px 10px;margin-top:3px;font-size:11px;font-weight:700;line-height:1.3;display:flex}.gt-facts b{color:var(--color-inkbrown)}.gt-rewards{margin-top:6px}.gt-tier{border-radius:7px;align-items:center;gap:6px;min-height:27px;padding:1px 6px;display:flex}.gt-tier+.gt-tier{margin-top:1px}.gt-tier:nth-child(odd){background:#b4c2b833}.gt-tier.is-reached .gt-tier-score{color:var(--color-ngoc-deep)}.gt-tier.is-best{background:#4fb39438;box-shadow:inset 0 0 0 1.5px #1d615099}.gt-tier-score{width:78px;color:var(--color-inkmuted);flex:none;font-size:11.5px;font-weight:700}.gt-tier-score b{color:inherit;font-weight:800}.gt-tier.is-reached .gt-tier-score b{color:var(--color-ngoc-deep)}.gt-tier-items{flex-wrap:wrap;align-items:center;gap:1px 8px;min-width:0;display:flex}.gt-tier-cell{align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.gt-cost{background:#3c141059;border-radius:6px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:800}.gt-board{color:var(--color-muted);background:#0c121173;border:2px dashed #b4c2b873;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 10px 9px;display:flex}@media (prefers-reduced-motion:reduce){.gt-shop{transition:none}}.gt-board.is-open{border-style:solid;border-color:var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2), var(--color-panel));width:100%;box-shadow:inset 0 0 0 1.5px #d8bb7259, 0 3px 0 var(--color-outline);color:var(--color-cream);text-align:center}.gt-board.is-open>span+span{color:var(--color-muted)}.gt-board.is-open:active{box-shadow:inset 0 0 0 1.5px #d8bb7259, 0 1px 0 var(--color-outline);transform:translateY(2px)}.ex-screen{background-image:radial-gradient(90% 26% at 50% 12%, #d8bb721a 0%, #d8bb7200 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141361 45%, #0e141399 100%);background-size:100% 100%,320px 320px,100% 100%}.ex-tagline{background:color-mix(in srgb, var(--color-ink) 58%, transparent);text-align:center;color:#eef3ecd9;border-radius:10px;margin:0 6px;padding:3px 10px 4px;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.ex-lockboard{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel-2));text-align:center;color:var(--color-cream);border-radius:12px;flex-direction:column;align-items:center;gap:1px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #c8402c8c,0 3px #050908bf}.ex-bar{border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:7px 8px 7px 10px;display:flex}.ex-pips{gap:3px;display:inline-flex}.ex-pip{border:2px solid var(--color-outline);background:#eef3ec2e;border-radius:4px;width:13px;height:13px}.ex-pip.is-used{background:linear-gradient(180deg, var(--color-gold), var(--color-gold-deep))}.ex-pip.is-free{background:#4fb39459}.ex-pip.is-locked{opacity:.7;background:repeating-linear-gradient(-45deg,#0b111099 0 3px,#4a5f5999 3px 6px)}.ex-cost{background:color-mix(in srgb, var(--color-ink) 30%, transparent);border-radius:6px;align-items:center;gap:2px;margin-left:5px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.ex-h{background:color-mix(in srgb, var(--color-ink) 50%, transparent);border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 4px;padding:1px 8px 2px;display:flex}.ex-run{border-radius:12px;padding:6px 8px 8px}.ex-run.is-done{box-shadow:inset 0 0 0 2px #d8bb72bf,0 3px #050908cc}.ex-run-head{align-items:center;gap:6px;display:flex}.ex-run-met{border:2px solid var(--color-outline);background:var(--color-ngoc);color:var(--color-outline);border-radius:6px;flex:none;padding:0 6px;font-size:10px;font-weight:800}.ex-run-hours{color:var(--color-muted);flex:none;font-size:11px;font-weight:800}.ex-run-body{align-items:center;gap:8px;margin-top:4px;display:flex}.ex-run-heroes{flex:none;gap:3px;display:flex}.ex-run-heroes .ex-run-card{width:44px}.ex-run-clock{color:var(--color-cream);font-size:12px;font-weight:700;display:block}.ex-run-clock b{font-size:15px;font-weight:800}.ex-track{border:2px solid var(--color-outline);background:color-mix(in srgb, var(--color-ink) 55%, transparent);border-radius:5px;height:10px;margin-top:3px;display:block;overflow:hidden}.ex-track-fill{background:linear-gradient(180deg, #7fcab2, var(--color-ngoc-deep));transform-origin:0;height:100%;transition:transform .9s linear;display:block}.ex-run.is-done .ex-track-fill{background:linear-gradient(180deg, var(--color-gold), var(--color-gold-deep))}.ex-reward{flex-wrap:wrap;align-items:center;gap:2px 7px;display:inline-flex}.ex-reward-cell{align-items:center;gap:2px;font-size:11.5px;font-weight:800;display:inline-flex}.ex-offer{text-align:left;width:100%;padding:7px 10px 8px;transition:transform .12s;display:block;position:relative;overflow:hidden}.ex-offer:active{transform:translateY(2px)}.ex-offer-head{align-items:baseline;gap:6px;display:flex}.ex-offer-name{flex:1;min-width:0;font-size:17px;line-height:1.1}.ex-hours{border:2px solid var(--color-inkbrown);color:var(--color-inkbrown);background:#1c282614;border-radius:6px;flex:none;padding:0 6px;font-size:11px;font-weight:800}.ex-offer-desc{color:var(--color-inkmuted);margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.3;display:block}.ex-offer-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.ex-heads{color:var(--color-inkbrown);background:#1c28261f;border-radius:6px;padding:0 6px;font-size:11px;font-weight:800}.ex-need{--nc:var(--color-inkbrown);border:2px solid var(--nc);background:color-mix(in srgb, var(--nc) 16%, transparent);color:color-mix(in srgb, var(--nc) 70%, var(--color-inkbrown));border-radius:6px;padding:0 6px;font-size:11px;font-weight:800}.ex-need.is-met{--nc:var(--color-ngoc-deep)}.ex-need.is-miss{--nc:var(--color-son-deep)}.ex-offer-rewards{color:var(--color-inkbrown);flex-direction:column;gap:2px;margin-top:5px;display:flex}.ex-rw-line{align-items:center;gap:6px;display:flex}.ex-rw-tag{width:66px;color:var(--color-inkmuted);flex:none;font-size:10px;font-weight:800}.ex-rw-line.is-met .ex-rw-tag,.ex-rw-line.is-met .ex-reward-cell{color:var(--color-gold-deep)}.ex-offer.is-taken{filter:saturate(.55)}.ex-offer.is-taken>:not(.ex-stamp){opacity:.5}.ex-stamp{border:3px solid var(--color-son);color:var(--color-son);opacity:.85;border-radius:8px;padding:0 8px;font-size:20px;position:absolute;top:30%;right:12px;transform:rotate(-10deg)}.ex-empty{text-align:center;color:var(--color-inkbrown);margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:800}.ex-foot{text-align:center;color:var(--color-muted);margin:10px 4px 0;font-size:10.5px;font-weight:700;line-height:1.35}.ex-picker-wrap{max-width:370px}.ex-picker{flex-direction:column;max-height:calc(100dvh - 60px);display:flex}.ex-pick-brief{color:var(--color-inkbrown);padding:6px 10px}.ex-pick-slots{align-items:center;gap:5px;margin-top:8px;display:flex}.ex-pick-slot{flex:none;width:56px;display:block}.ex-pick-slot .hcard-row{width:100%}.ex-pick-hole{aspect-ratio:3/4;background:color-mix(in srgb, var(--color-ink) 40%, transparent);color:var(--color-muted);border:2px dashed #9db0a899;border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.ex-pick-status{text-align:right;flex:1;min-width:0;font-size:12px;font-weight:800;line-height:1.25}.ex-pick-rw{background:color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:8px;flex-direction:column;gap:2px;margin-top:6px;padding:4px 8px;display:flex}.ex-pick-rw .ex-rw-tag{color:var(--color-muted)}.ex-pick-rw .ex-rw-line.is-met .ex-rw-tag,.ex-pick-rw .ex-rw-line.is-met .ex-reward-cell{color:var(--color-gold)}.ex-pick-rw .ex-rw-line.is-dim{opacity:.45}.ex-pick-rw .ex-rw-line.is-on{border-radius:6px;padding:1px 0;box-shadow:inset 0 0 0 2px #d8bb728c}.ex-pick-bar{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.ex-pick-list{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:6px 5px;min-height:0;margin-top:4px;padding:2px 1px 4px;display:grid;overflow-y:auto}.ex-pick-item{min-width:0}.ex-pick-item .hcard-row{width:100%;max-width:72px;margin:0 auto}.ex-pick-name{text-align:center;margin-top:1px;font-size:10.5px;font-weight:800;line-height:1.15;display:block}.ex-pick-item.is-off .ex-pick-name{color:var(--color-muted)}.ex-pick-why{text-align:center;color:color-mix(in srgb, var(--color-son) 55%, var(--color-cream));font-size:9px;font-weight:700;line-height:1.15;display:block}.rs-screen{background-image:radial-gradient(80% 24% at 50% 22%, #4fb3941a 0%, #4fb39400 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141361 45%, #0e141399 100%);background-size:100% 100%,320px 320px,100% 100%}.rs-tagline{background:color-mix(in srgb, var(--color-ink) 58%, transparent);text-align:center;color:#eef3ecd9;border-radius:10px;margin:0 6px;padding:3px 10px 4px;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.rs-lockboard{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel-2));text-align:center;color:var(--color-cream);border-radius:12px;flex-direction:column;align-items:center;gap:1px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #c8402c8c,0 3px #050908bf}.rs-pillar-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.rs-pillar{min-width:0;display:block;position:relative}.rs-pillar .hcard-row,.rs-slot .hcard-row,.rs-pick-item .hcard-row{width:100%;max-width:72px;margin:0 auto}.rs-pillar-lv{text-align:center;color:var(--color-cream);margin-top:2px;font-size:10.5px;font-weight:800;display:block}.rs-pillar.is-min .rs-pillar-lv{background:var(--color-gold);color:var(--color-outline);border-radius:5px}.rs-level{background:color-mix(in srgb, var(--color-ink) 45%, transparent);border-radius:8px;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;padding:4px 10px;display:flex}.rs-level-num{color:var(--color-gold);font-size:20px;font-weight:800}.rs-hole{aspect-ratio:3/4;background:color-mix(in srgb, var(--color-ink) 40%, transparent);text-align:center;color:var(--color-muted);border:2px dashed #9db0a88c;border-radius:8px;align-content:center;place-items:center;padding:2px;font-size:10.5px;font-weight:800;line-height:1.2;display:grid}.rs-hole.is-open{color:#9fdac6;background:#1d615040;border-color:#4fb394bf}.rs-plus{font-family:var(--font-display,inherit);font-size:22px;line-height:1;display:block}.rs-hole.is-locked{border-style:solid;border-color:var(--color-outline);color:var(--color-cream);background:repeating-linear-gradient(-45deg,#0b11108c 0 5px,#32443f8c 5px 10px)}.rs-h{background:color-mix(in srgb, var(--color-ink) 50%, transparent);border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 4px;padding:1px 8px 2px;display:flex}.rs-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px;display:grid}.rs-slot{text-align:center;min-width:0;display:block}.rs-slot.is-empty{transition:transform .12s}.rs-slot.is-empty:active{transform:translateY(2px)}.rs-slot-name{margin-top:2px;font-size:10.5px;font-weight:800;line-height:1.15;display:block}.rs-slot.is-empty .rs-slot-name{white-space:normal;font-weight:700}.rs-slot-lv{color:var(--color-ngoc);font-size:10.5px;font-weight:800;line-height:1.2;display:block}.rs-slot-lv .text-muted{font-size:9.5px}.rs-remove{border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel-2));color:var(--color-cream);border-radius:7px;margin-top:3px;padding:0 8px;font-size:10.5px;font-weight:800;box-shadow:0 2px #050908bf}.rs-remove:active{transform:translateY(1px)}.rs-rules{color:var(--color-inkbrown);padding:7px 12px 9px}.rs-rules ul{margin-top:3px;padding-left:16px;list-style:outside}.rs-rules li{font-size:11.5px;font-weight:700;line-height:1.35}.rs-rules li+li{margin-top:2px}.rs-picker-wrap{max-width:370px}.rs-picker{flex-direction:column;max-height:calc(100dvh - 60px);display:flex}.rs-pick-brief{color:var(--color-inkbrown);padding:6px 10px;font-size:12.5px;font-weight:700;line-height:1.35}.rs-pick-list{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:6px 5px;min-height:0;margin-top:8px;padding:2px 1px 4px;display:grid;overflow-y:auto}.rs-pick-item{text-align:center;min-width:0}.rs-pick-name{margin-top:1px;font-size:10.5px;font-weight:800;line-height:1.15;display:block}.rs-pick-lv{color:var(--color-muted);font-size:10px;font-weight:800;display:block}.rs-pick-lv.is-up{color:var(--color-ngoc)}.evc{--kc:var(--color-ngoc);border-radius:14px;padding:5px}.evc.evc-k-milestone{--kc:var(--color-man)}.evc.evc-k-login{--kc:var(--color-son)}.evc.evc-k-shop{--kc:var(--color-gold)}.evc.evc-k-double{--kc:var(--color-son)}.evc.is-open{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--kc) 70%, transparent), 0 3px 0 #0b1110cc}.evc.is-ended .evc-sub{color:var(--color-muted)}.evc.is-upcoming{opacity:.62;filter:saturate(.55)}.evc.is-locked .evc-body{opacity:.75}.evc-head{text-align:left;width:100%;display:block}.evc-head:active .evc-banner{transform:translateY(1px)}.evc-banner{border:2.5px solid var(--color-outline);background:var(--color-panel-2);border-radius:10px;height:92px;display:block;position:relative;overflow:hidden}.evc-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.evc-banner.has-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0e14139e 0%,#0e14132e 55%,#0e141300 100%);position:absolute;inset:0}.evc-banner.is-dim .evc-art{filter:saturate(.45)brightness(.8)}.evc-ink{background-color:var(--color-paper-2);background-image:radial-gradient(120% 90% at 50% 40%, #fff0 50%, #56686247 100%), var(--tex-paper);background-size:100% 100%,320px 320px;position:absolute;inset:0}.evc-ink-wash{background:radial-gradient(60% 120% at 92% 30%, color-mix(in srgb, var(--kc) 38%, transparent) 0%, transparent 70%), radial-gradient(70% 70% at 0% 100%, #1c28266b 0%, transparent 70%), linear-gradient(100deg, #0e1413b8 0%, #0e141340 46%, #0e141300 70%);position:absolute;inset:0}.evc-seal{border:2px solid var(--color-son-deep);background:color-mix(in srgb, var(--color-son) 88%, var(--color-son-deep));color:var(--color-cream);opacity:.92;border-radius:6px;padding:3px 7px 1px;font-size:14px;line-height:1.1;position:absolute;bottom:9px;right:12px;transform:rotate(-6deg);box-shadow:inset 0 0 0 1.5px #eef3ec73}.evc-banner.is-dim .evc-ink{filter:saturate(.4)}.evc-name{z-index:1;max-width:64%;font-size:23px;line-height:1.05;position:absolute;bottom:7px;left:10px}.evc-time{z-index:1;border:2px solid var(--color-outline);font-variant-numeric:tabular-nums;color:var(--color-cream);background:#0e1413c7;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:800;position:absolute;top:7px;left:8px}.evc-time.is-ended{background:var(--color-son-deep)}.evc-time.is-soon{color:var(--color-muted);background:#0e1413d9}.evc-banner .red-dot{z-index:2}.evc-boost-flag{z-index:1;border:2.5px solid var(--color-outline);background:var(--color-gold);color:var(--color-outline);border-radius:7px;padding:2px 9px 0;font-size:15px;position:absolute;top:8px;right:10px;transform:rotate(4deg);box-shadow:0 2px #0b1110b3}.evc-sub{color:var(--color-cream);align-items:center;gap:6px;padding:5px 4px 2px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.evc-count{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);border-radius:6px;flex:none;padding:0 6px;font-size:10.5px;font-weight:800}.evc-chev{border-right:2.5px solid var(--color-muted);border-bottom:2.5px solid var(--color-muted);flex:none;width:9px;height:9px;margin:0 3px 3px;transition:transform .18s;transform:rotate(45deg)}.evc-chev.is-open{margin-bottom:-3px;transform:rotate(-135deg)}.evc-body{margin-top:5px;padding:7px 7px 8px}.evc-sec+.evc-sec,.evc-sec+.evc-rules,.evc-boost-line+.evc-sec,.evc-boost-board+.evc-sec{margin-top:8px}.evc-note{text-align:center;color:var(--color-inkmuted);margin-top:6px;font-size:12px;font-weight:700}.evc-reward{flex-wrap:wrap;align-items:center;gap:2px 7px;display:inline-flex}.evc-reward-cell{align-items:center;gap:2px;font-size:12.5px;font-weight:800;display:inline-flex}.evc-faces{gap:2px;display:inline-flex}.evc-face{border-color:var(--color-outline)}.evc-pts-head{align-items:baseline;gap:6px;display:flex}.evc-track{border:2px solid var(--color-outline);background:#1c282638;border-radius:6px;height:11px;margin-top:3px;display:block;position:relative;overflow:hidden}.evc-track-fill{background:linear-gradient(180deg, var(--color-gold), var(--color-gold-deep));transform-origin:0;transition:transform .4s;position:absolute;inset:0}.evc-tick{background:#0b11108c;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.evc-tick.is-on{background:#0b11104d}.evc-rows{flex-direction:column;gap:4px;margin-top:6px;display:flex}.evc-row{align-items:center;gap:7px;min-height:40px;padding:3px 5px 3px 4px;display:flex}.evc-row.is-ready{border-color:var(--color-gold-deep);background:#d8bb724d}.evc-row.is-claimed{opacity:.6}.evc-at{flex-direction:column;flex:none;align-items:center;width:44px;font-size:15px;font-weight:800;line-height:1;display:flex}.evc-at-u{color:var(--color-inkmuted);font-size:9.5px;font-weight:700}.evc-pickline{align-items:center;gap:5px;margin-top:1px;display:inline-flex}.evc-pick-tag{color:var(--color-son-deep);font-size:11px;font-weight:800}.evc-done{color:var(--color-ngoc-deep);flex:none;padding:0 4px;font-size:13px;transform:rotate(-4deg)}.evc-wait{text-align:center;min-width:42px;color:var(--color-inkmuted);border:1.5px dashed #1c282680;border-radius:7px;flex:none;padding:2px 6px;font-size:11.5px;font-weight:800}.evc-road-wrap{margin:4px -4px 0;overflow-x:auto}.evc-road{height:118px;margin:0 6px;position:relative}.evc-road-line{border:2px solid var(--color-outline);background:#1c282638;border-radius:6px;height:10px;position:absolute;top:58px;left:14px;right:36px;overflow:hidden}.evc-road-fill{background:linear-gradient(180deg, var(--color-gold), var(--color-gold-deep));transform-origin:0;position:absolute;inset:0}.evc-road-start{color:var(--color-inkmuted);font-size:10px;font-weight:800;position:absolute;top:56px;left:0}.evc-node{flex-direction:column;align-items:center;width:72px;margin-left:-36px;display:flex;position:absolute;top:0}.evc-node-rw{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:46px;display:flex}.evc-node-dot{border:2.5px solid var(--color-outline);background:var(--color-paper-3);min-width:34px;height:34px;color:var(--color-inkbrown);border-radius:999px;place-items:center;margin-top:1px;padding:0 4px;font-size:12px;font-weight:800;display:grid;box-shadow:0 2px #0b111073}.evc-node.is-ready .evc-node-dot{background:var(--color-gold)}.evc-node.is-claimed .evc-node-dot{background:var(--color-ngoc);color:var(--color-outline)}.evc-node.is-claimed .evc-node-rw{opacity:.55}.evc-node-act{justify-content:center;height:30px;margin-top:3px;display:flex}.evc-claim-sm{padding:3px 10px}.evc-login{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.evc-day{min-height:70px;color:var(--color-inkbrown);background:#b4c2b852;border:2px solid #1c28268c;border-radius:9px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 5px;display:flex;position:relative;box-shadow:inset 0 2px #1c28261f}.evc-day:disabled{cursor:default}.evc-day-n{color:var(--color-inkmuted);font-size:11px;font-weight:800}.evc-day-rw{justify-content:center}.evc-day.is-today{border-color:var(--color-outline);background:linear-gradient(180deg, #efdca6, var(--color-gold));box-shadow:0 3px 0 var(--color-gold-deep)}.evc-day.is-today:active{box-shadow:0 1px 0 var(--color-gold-deep);transform:translateY(2px)}.evc-day.is-today .evc-day-n{color:var(--color-outline)}.evc-day-cta{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);border-radius:6px;margin-top:auto;padding:0 8px;font-size:11px;font-weight:800}.evc-day.is-claimed>:not(.evc-day-stamp){opacity:.45}.evc-day-stamp{border:2px solid var(--color-son-deep);color:var(--color-son-deep);white-space:nowrap;border-radius:6px;padding:1px 6px 0;font-size:13px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.evc-shop-head{align-items:center;gap:6px;margin-bottom:5px;display:flex}.evc-wallet{background:#b4c2b852;border:1.5px solid #1c282673;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:1px 8px 1px 4px;font-size:13px;display:inline-flex}.evc-goods{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.evc-good{flex-direction:column;align-items:center;gap:2px;padding:5px 4px 4px;display:flex;position:relative}.evc-good-icon{gap:2px;display:flex}.evc-good-name{text-align:center;min-height:26px;font-size:10.5px;font-weight:800;line-height:1.2}.evc-good-left{color:var(--color-inkmuted);font-size:10px;font-weight:700}.evc-buy{justify-content:center;align-items:center;gap:3px;margin-top:1px;padding-left:4px;padding-right:4px;display:inline-flex}.evc-buy[data-off]{opacity:.8}.evc-good.is-out>.evc-good-icon,.evc-good.is-out>.evc-good-name{opacity:.45}.evc-boost-line{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.evc-boost-line:first-child{margin-top:0}.evc-boost{border:2px solid var(--color-outline);background:var(--color-gold);color:var(--color-outline);border-radius:7px;padding:1px 8px;font-size:11px;font-weight:800}.evc-boost-board{border:2.5px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));border-radius:10px;flex-direction:column;align-items:stretch;gap:4px;min-height:64px;padding:8px 8px 8px 74px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #d8bb728c,0 3px #0b11108c}.evc-boost-seal{border:2.5px solid var(--color-son-deep);background:var(--color-son);text-align:center;width:56px;color:var(--color-cream);border-radius:8px;padding:5px 2px 3px;font-size:15px;line-height:1.05;position:absolute;top:50%;left:8px;transform:translateY(-50%)rotate(-5deg)}.evc-boost.is-big{text-align:center;padding:2px 9px;font-size:15px}.evc-boost-board.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.evc-boost-board.is-grid .evc-boost.is-big{place-items:center;padding:2px 5px;font-size:13px;line-height:1.15;display:grid}.evc-rules{border-top:1.5px dashed #1c282659;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:8px;padding-top:6px;font-size:11.5px;font-weight:700;display:flex}.evc-rules-h{width:100%;color:var(--color-inkmuted);font-size:11px;font-weight:800}.evc-rule{white-space:nowrap}.evc-pick-hint{text-align:center;color:var(--color-cream);margin-bottom:6px;font-size:12px;font-weight:700}.evc-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.evc-pick-item{flex-direction:column;align-items:stretch;gap:2px;min-width:0;display:flex}@media (prefers-reduced-motion:reduce){.evc-chev,.evc-track-fill{transition:none}}.evc-boost-board.is-grid .evc-boost.is-big:last-child:nth-child(odd){grid-column:span 2}.evs-screen{background-image:radial-gradient(90% 24% at 50% 10%, #c8402c1a 0%, #c8402c00 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141361 45%, #0e141399 100%);background-size:100% 100%,320px 320px,100% 100%}.evs-tagline{text-align:center;color:var(--color-cream);text-shadow:0 1px 2px #0b1110f2,0 0 6px #0b1110b3;margin:-2px 6px 0;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.evs-lockboard{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));text-align:center;color:var(--color-cream);border-radius:12px;flex-direction:column;align-items:center;gap:1px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #c8402c8c,0 3px #0b1110bf}.evs-summary{color:var(--color-muted);justify-content:center;gap:6px;margin-top:7px;font-size:11.5px;font-weight:800;display:flex}.evs-summary>span{border:2px solid var(--color-outline);background:#0e141399;border-radius:999px;padding:1px 9px}.evs-summary b{color:var(--color-cream)}.evs-summary .is-hot{background:var(--color-son-deep);color:var(--color-cream)}.evs-slot{scroll-margin-top:6px}.evs-empty{text-align:center;margin-top:10px;padding:14px 12px;font-size:13px;font-weight:700}.evs-h{justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 4px;display:flex}.evs-hint{color:var(--color-cream);text-shadow:0 1px 2px #0b1110f2,0 0 5px #0b1110b3;font-size:10.5px;font-weight:700}.ps-screen{background-image:radial-gradient(90% 24% at 50% 10%, #d8bb721f 0%, #d8bb7200 70%), var(--tex-grain), linear-gradient(180deg, #0e14130d 0%, #0e141366 45%, #0e14139e 100%);background-size:100% 100%,320px 320px,100% 100%}.ps-head{border-radius:14px;align-items:center;gap:10px;margin-top:4px;padding:8px 9px 9px;display:flex}.ps-seal{border:3px solid var(--color-outline);background:radial-gradient(circle at 40% 32%, #efdca6 0%, var(--color-gold) 48%, var(--color-gold-deep) 100%);width:58px;height:58px;box-shadow:inset 0 0 0 2px #fffffa73, 0 3px 0 var(--color-outline);color:var(--color-inkbrown);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.ps-seal-cap{font-size:10.5px;font-weight:800}.ps-seal-n{font-family:var(--font-brush);font-size:27px;line-height:.95}.ps-ends{white-space:nowrap;color:var(--color-cream);font-size:11px;font-weight:800}.ps-track-bar{border:2px solid var(--color-outline);background:#0e141399;border-radius:6px;height:12px;margin-top:5px;display:block;overflow:hidden;box-shadow:inset 0 2px #00000059}.ps-track-fill{background:linear-gradient(180deg, #efdca6, var(--color-gold) 55%, var(--color-gold-deep));transform-origin:0;height:100%;transition:transform .5s ease-out;display:block}.ps-exp{margin-top:2px;font-size:11.5px;font-weight:800;line-height:1.2}.ps-head-side{flex-direction:column;flex:none;align-items:center;gap:3px;max-width:92px;display:flex}.ps-head-icon{width:34px;height:34px}.ps-buy{white-space:normal;padding:4px 8px;font-size:12px;line-height:1.15}.ps-premium{border:2.5px solid var(--color-son);color:var(--color-son);font-family:var(--font-brush);text-align:center;background:#eef1eaeb;border-radius:6px;padding:1px 7px;font-size:13px;line-height:1.1;transform:rotate(-6deg);box-shadow:inset 0 0 0 1.5px #c8402c59}.ps-lockboard{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));text-align:center;color:var(--color-cream);border-radius:12px;flex-direction:column;align-items:center;gap:1px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #c8402c8c,0 3px #0b1110bf}.ps-board{--ps-col:66px;--ps-cell:58px;--ps-node:30px;border:3px solid var(--color-outline);background:linear-gradient(180deg, #0e141300 0%, #0e141300 52%, #c8402c1f 52%, #c8402c33 100%), var(--tex-stone);background-color:var(--color-panel);background-size:100% 100%,256px 256px;border-radius:14px;margin-top:10px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #8c723473,0 4px #0b1110bf}.ps-rail{border-right:2.5px solid var(--color-outline);background:#0e14138c;flex-direction:column;flex:none;justify-content:space-between;width:48px;padding:8px 0;display:flex}.ps-rail-mid{height:var(--ps-node)}.ps-rail-tag{height:var(--ps-cell);text-align:center;color:var(--color-cream);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:11px;font-weight:800;line-height:1.1;display:flex}.ps-rail-tag.is-paid{color:#e8957f}.ps-rail-tag.is-locked{opacity:.8}.ps-rail-badge{width:24px;height:24px}.ps-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex:1;min-width:0;overflow:auto hidden}.ps-cols{width:calc(var(--ps-n) * var(--ps-col) + 8px);padding:8px 4px;display:flex;position:relative}.ps-line,.ps-line-fill{left:calc(4px + var(--ps-col) / 2);top:calc(8px + var(--ps-cell) + var(--ps-node) / 2 - 3px);border-radius:3px;height:6px;position:absolute}.ps-line{width:calc((var(--ps-n) - 1) * var(--ps-col));border:1.5px solid var(--color-outline);background:#0e1413b3}.ps-line-fill{width:calc((var(--ps-n) - 1) * var(--ps-col) * var(--ps-reached));background:linear-gradient(180deg, #efdca6, var(--color-gold-deep))}.ps-col{width:var(--ps-col);flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.ps-node{z-index:1;width:var(--ps-node);height:var(--ps-node);border:2.5px solid var(--color-outline);background:var(--color-panel-3);color:var(--color-muted);border-radius:50%;place-items:center;margin:0;font-size:12px;font-weight:800;display:grid;position:relative}.ps-col.is-reached .ps-node{background:linear-gradient(180deg, #efdca6, var(--color-gold) 60%, var(--color-gold-deep));color:var(--color-inkbrown)}.ps-col.is-here .ps-node{box-shadow:0 0 0 2.5px var(--color-cream), 0 2px 0 var(--color-outline);transform:scale(1.14)}.ps-cell{width:var(--ps-cell);height:var(--ps-cell);border:2.5px solid var(--color-outline);color:var(--color-inkbrown);background-color:var(--color-paper);background-image:radial-gradient(120% 90% at 50% 35%, var(--color-paper) 0%, var(--color-paper-2) 100%), var(--tex-paper);background-blend-mode:normal, multiply;background-size:100% 100%,256px 256px;border-radius:10px;place-items:center;transition:transform 80ms;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff80,0 3px #0b1110cc}.ps-cell:active{transform:translateY(2px)}.ps-cell.is-paid{background-image:radial-gradient(120% 90% at 50% 35%, color-mix(in srgb, var(--color-gold) 16%, var(--color-paper)) 0%, color-mix(in srgb, var(--color-gold) 34%, var(--color-paper-2)) 100%), var(--tex-paper);box-shadow:inset 0 0 0 2px #c8402c8c,0 3px #0b1110cc}.ps-cell-art{place-items:center;display:grid;position:relative}.ps-cell-qty{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);border-radius:7px;padding:0 4px;font-size:10.5px;font-weight:800;line-height:1.25;position:absolute;bottom:-7px;right:-9px}.ps-cell-more{color:var(--color-inkmuted);font-size:10px;font-weight:800;position:absolute;top:0;left:3px}.ps-cell.is-ready{border-color:var(--color-outline);box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 #0b1110cc;animation:1.6s ease-in-out infinite ps-bob}@keyframes ps-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.ps-cell.is-future>.ps-cell-art{opacity:.72}.ps-cell.is-locked>.ps-cell-art{filter:saturate(.35)brightness(.8);opacity:.6}.ps-cell.is-done>.ps-cell-art{filter:saturate(.3);opacity:.45}.ps-cell-lock{border:2px solid var(--color-outline);background:var(--color-panel-2);color:#e8957f;border-radius:6px;padding:0 5px;font-size:9.5px;font-weight:800;line-height:1.3;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.ps-cell-stamp{border:2px solid var(--color-son);color:var(--color-son);font-family:var(--font-brush);white-space:nowrap;background:#eef1eadb;border-radius:5px;padding:0 4px;font-size:11.5px;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.ps-empty{text-align:center;margin-top:10px;padding:14px;font-size:13px;font-weight:700}.ps-intro{text-align:center;color:var(--color-cream);text-shadow:0 1px 2px #0b1110f2,0 0 6px #0b1110b3;margin:10px 6px 0;font-size:12px;font-style:italic;font-weight:700;line-height:1.3}.ps-plus{text-align:center;color:#f0a08c;text-shadow:0 1px 2px #0b1110f2,0 0 6px #0b1110b3;margin:3px 6px 0;font-size:11.5px;font-weight:800}.ps-foot{border:3px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2), var(--color-panel));border-radius:14px;align-items:center;gap:10px;margin:0 12px 6px;padding:6px 6px 6px 12px;display:flex;box-shadow:inset 0 0 0 2px #8c723466,0 3px #0b1110bf}.ps-foot-note{min-width:0;color:var(--color-cream);flex:1;font-size:12.5px;font-weight:800}.ps-col.is-flash .ps-cell{animation:.4s ease-in-out 3 ps-flash}@keyframes ps-flash{50%{box-shadow:inset 0 0 0 3px var(--color-cream), 0 3px 0 #0b1110cc;transform:translateY(-3px)}}.ps-goals{margin-top:12px}.ps-h{justify-content:space-between;align-items:baseline;gap:8px;margin:0 2px 4px;display:flex}.ps-goal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.ps-goal{flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 2px 5px;transition:transform 80ms;display:flex;box-shadow:inset 0 0 0 2px #c8402c73,0 3px #0b111099}.ps-goal:active{transform:translateY(2px)}.ps-goal.is-reached{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 #0b111099}.ps-goal.is-done>*{opacity:.5}.ps-goal-lv{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);border-radius:7px;padding:0 6px;font-size:11px;font-weight:800;line-height:1.25}.ps-goal.is-reached .ps-goal-lv{background:var(--color-gold);color:var(--color-inkbrown)}.ps-goal-art{place-items:center;margin-top:2px;display:grid;position:relative}.ps-goal-qty{border:1.5px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);border-radius:6px;padding:0 3px;font-size:9.5px;font-weight:800;line-height:1.2;position:absolute;bottom:-5px;right:-8px}.ps-goal-free{color:var(--color-inkmuted);align-items:center;gap:1px;margin-top:3px;font-size:10px;font-weight:800;display:inline-flex}@media (prefers-reduced-motion:reduce){.ps-cell.is-ready,.ps-col.is-flash .ps-cell{animation:none}}.ps-hint{color:var(--color-cream);text-shadow:0 1px 2px #0b1110f2,0 0 5px #0b1110b3;font-size:10.5px;font-weight:700}.nb-veil{z-index:35;cursor:default;place-items:center;padding:16px 12px;display:grid;position:absolute;inset:0}.nb-scroll{flex-direction:column;align-items:stretch;width:min(100%,620px);max-height:100%;display:flex;container-type:inline-size}.nb-rod{border:2px solid var(--color-outline);background:linear-gradient(180deg, #8fcdb8 0%, var(--color-ngoc) 35%, var(--color-ngoc-deep) 100%);z-index:1;border-radius:8px;flex:none;height:16px;margin:0 -6px;position:relative}.nb-rod:before,.nb-rod:after{content:"";border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));border-radius:5px;width:14px;height:22px;position:absolute;top:-5px}.nb-rod:before{left:-10px}.nb-rod:after{right:-10px}.nb-sheet{border-left:2px solid var(--color-outline);border-right:2px solid var(--color-outline);min-height:0;max-height:calc(100dvh - 80px);color:var(--color-inkbrown);background:radial-gradient(120px 60px at 0% 100%, #56686229, #56686200), radial-gradient(140px 70px at 100% 0%, #56686224, #56686200), repeating-linear-gradient(100deg, #1c282606 0 2px, #1c282600 2px 7px), var(--color-paper);flex-direction:column;margin:-2px 0;padding:14px 14px 12px;display:flex;position:relative}.nb-close{border-radius:8px;width:32px;height:32px;position:absolute;top:8px;right:8px}.nb-close:before,.nb-close:after{content:"";background:var(--color-inkbrown);border-radius:2px;height:3px;position:absolute;top:14px;left:7px;right:7px}.nb-close:before{transform:rotate(45deg)}.nb-close:after{transform:rotate(-45deg)}.nb-close:active{background:var(--color-paper-2)}.nb-close:focus-visible{outline:3px solid var(--color-ngoc);outline-offset:1px}.nb-head{flex-direction:column;align-items:center;gap:4px;display:flex}.nb-title{font-size:28px;line-height:1.15}.nb-ver{border:1px solid var(--color-paper-3);color:var(--color-inkmuted);background:var(--color-paper-2);border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.nb-tabs{border-bottom:2px solid var(--color-paper-3);justify-content:center;gap:4px;margin-top:8px;display:flex}.nb-tab{color:var(--color-inkmuted);border-bottom:3px solid #0000;align-items:center;gap:5px;margin-bottom:-2px;padding:6px 12px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.nb-tab.is-on{color:var(--color-ngoc-deep);border-bottom-color:var(--color-ngoc-deep)}.nb-tab:focus-visible{outline:2px solid var(--color-ngoc);outline-offset:-2px}.nb-count{color:#fff;background:var(--color-son);border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;line-height:18px}.nb-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding-top:8px;display:flex}.nb-list{border-bottom:1px solid var(--color-paper-3);flex:none;max-height:132px;margin:0;padding:0;list-style:none;overflow-y:auto}.nb-item{text-align:left;border-left:3px solid #0000;flex-direction:column;width:100%;padding:6px 8px 6px 12px;display:flex}.nb-item.is-on{border-left-color:var(--color-ngoc-deep);background:#4fb3941f}.nb-item-title{font-size:14px;font-weight:800;line-height:1.3}.nb-item.is-on .nb-item-title{color:var(--color-ngoc-deep)}.nb-item-date{color:var(--color-inkmuted);font-size:11px}.nb-item-date b{color:var(--color-gold-deep);margin-left:6px}.nb-read{flex:1;min-height:120px;padding:2px 4px 4px;font-size:14px;line-height:1.55;overflow-y:auto}.nb-read-title{font-size:20px;line-height:1.25}.nb-read-date{border-bottom:1px solid var(--color-paper-3);color:var(--color-inkmuted);margin:2px 0 8px;padding-bottom:6px;font-size:12px}.nb-read p{margin:0 0 8px}.nb-read .nb-bullet{padding-left:16px;position:relative}.nb-read .nb-bullet:before{content:"";background:var(--color-son);width:6px;height:6px;position:absolute;top:.62em;left:3px;transform:rotate(45deg)}.nb-empty{text-align:center;min-height:140px;color:var(--color-inkmuted);flex:1;place-items:center;padding:12px;font-size:14px;display:grid}.nb-actions{justify-content:center;align-items:center;gap:10px;padding-top:10px;display:flex}.nb-enter{min-width:150px}@container (width>=520px){.nb-body{flex-direction:row;min-height:260px}.nb-list{border-bottom:0;border-right:1px solid var(--color-paper-3);width:38%;max-height:none}.nb-read{padding-left:10px}}.st-panel{padding:22px 12px 10px}.st-row{align-items:center;gap:10px;padding:9px 0;display:flex}.st-row+.st-row{border-top:1px solid #9db0a82e}.st-row.is-stacked{flex-direction:column;align-items:stretch;gap:8px}.st-row.is-stacked .st-ctl{align-self:flex-start}.st-ctl{flex-shrink:0}.st-label{color:var(--color-cream);font-size:15px;font-weight:800;line-height:1.2}.st-note{color:var(--color-muted);margin-top:2px;font-size:12px;font-weight:600;line-height:1.3}.st-switch{border:2px solid var(--color-outline);background:var(--color-panel-3);border-radius:999px;width:64px;height:32px;transition:background-color .15s;position:relative;box-shadow:inset 0 2px #0000004d}.st-switch-knob{border:2px solid var(--color-outline);background:var(--color-paper);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:2px}.st-switch-text{color:var(--color-muted);place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0 8px 0 auto}.st-switch.is-on{background:var(--color-ngoc)}.st-switch.is-on .st-switch-knob{transform:translate(32px)}.st-switch.is-on .st-switch-text{color:#0f3a30;inset:0 auto 0 9px}.st-range{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px}.st-range::-webkit-slider-runnable-track{border:2px solid var(--color-outline);background:linear-gradient(90deg, var(--color-ngoc) var(--st-fill), var(--color-panel-3) var(--st-fill));border-radius:999px;height:10px}.st-range::-moz-range-track{border:2px solid var(--color-outline);background:linear-gradient(90deg, var(--color-ngoc) var(--st-fill), var(--color-panel-3) var(--st-fill));border-radius:999px;height:6px}.st-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-outline);background:var(--color-paper);width:22px;height:22px;box-shadow:0 2px 0 var(--color-outline);border-radius:50%;margin-top:-8px}.st-range::-moz-range-thumb{border:2px solid var(--color-outline);background:var(--color-paper);border-radius:50%;width:18px;height:18px}.st-pct{text-align:right;width:30px;color:var(--color-gold);font-size:13px;font-weight:800}.st-langs{gap:8px;padding:4px 0 2px;display:flex}.st-lang{flex:1;padding:9px 6px 8px;font-size:15px;overflow:visible}.st-lang.is-soon{color:var(--color-muted);box-shadow:none;cursor:default;transform:translateY(2px)}.st-soon{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);border-radius:6px;padding:0 6px;font-size:10px;line-height:1.5;position:absolute;top:-9px;right:-4px;transform:rotate(4deg)}.st-textarea{border:2px solid var(--color-outline);width:100%;color:var(--color-inkbrown);resize:none;background:#f8faf6;border-radius:10px;outline:none;padding:6px 8px;font:600 11px/1.35 ui-monospace,Consolas,monospace}.st-textarea:focus{border-color:var(--color-ngoc-deep)}.st-foot{text-align:center;color:var(--color-muted);padding-top:2px;font-size:11px;font-weight:700}.st-switch:disabled{opacity:.55}.st-push-denied{border:2px solid var(--color-outline);color:var(--color-cream);background:#0e141380;border-radius:10px;margin:2px 0 8px;padding:7px 9px;font-size:12px;font-weight:700;line-height:1.35}.title-screen{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-paper-2);background-position:50%;background-size:cover;outline:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.title-land{width:100%;height:100%;position:absolute;inset:0}.title-fog{pointer-events:none;will-change:transform;background:radial-gradient(closest-side,#f4f8f4d9,#f4f8f400);width:160%;height:22%;position:absolute;left:-30%}.title-fog-a{animation:26s ease-in-out infinite alternate title-fog;top:46%}.title-fog-b{opacity:.6;animation:34s ease-in-out -12s infinite alternate-reverse title-fog;top:62%}@keyframes title-fog{0%{transform:translate(-8%)}to{transform:translate(8%)}}.title-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:8px;padding-left:12px;padding-right:12px;display:flex;position:relative}.title-version{border:2px solid var(--color-outline);color:var(--color-cream);background:var(--color-panel);border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:3px 4px 3px 10px;font-size:12px;font-weight:700;display:inline-flex}.title-version b{border:1px solid var(--color-son);color:#f3d9cf;background:var(--color-son-deep);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.title-corner{gap:8px;display:flex}.title-corner-btn{border:2px solid var(--color-outline);background:var(--color-panel-2);width:46px;height:46px;box-shadow:0 3px 0 var(--color-outline);border-radius:12px;place-items:center;transition:transform .1s ease-out;display:grid;position:relative}.title-corner-btn:active{box-shadow:0 1px 0 var(--color-outline);transform:translateY(2px)}.title-corner-btn:focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.title-corner-dot{position:absolute;top:-4px;right:-4px}.title-logo{z-index:1;width:-moz-fit-content;width:fit-content;color:var(--color-inkbrown);margin:9vh 0 0 22px;position:relative}.title-logo-nano{font-family:var(--font-display);letter-spacing:.42em;color:var(--color-son-deep);margin-bottom:10px;padding-left:4px;font-size:20px;font-weight:800}.title-logo-main{color:#111a18;text-shadow:0 0 6px #f4f8f4e6,0 0 2px #f4f8f4f2;flex-direction:column;font-size:92px;line-height:.98;display:flex}.title-logo-tran{margin-left:46px;font-size:108px}.title-logo-sub{color:var(--color-inkbrown);text-shadow:0 0 4px #f4f8f4f2,0 0 2px #f4f8f4f2;border-top:2px solid #1c28268c;align-items:center;gap:10px;margin-top:10px;padding-top:6px;font-size:13px;font-weight:700;display:flex}.title-seal{border:2px solid var(--color-son-deep);background:var(--color-son);color:#f6e9e2;width:38px;height:38px;font-family:var(--font-brush);text-align:center;border-radius:4px;flex:none;place-items:center;font-size:12px;line-height:1;display:grid;transform:rotate(-6deg)}.title-seal i{font-style:normal;display:block}.title-bottom{z-index:1;text-align:center;margin-top:auto;padding:0 16px;position:relative}.title-tap{color:var(--color-cream);-webkit-text-stroke:.14em var(--color-outline);paint-order:stroke fill;padding:6px 30px;font-size:26px;animation:2.2s ease-in-out infinite title-tap;display:inline-block;position:relative}.title-tap:before,.title-tap:after{content:"";border-radius:2px;width:46px;height:2px;position:absolute;top:52%}.title-tap:before{background:linear-gradient(90deg, #d8bb7200, var(--color-gold));right:100%}.title-tap:after{background:linear-gradient(90deg, var(--color-gold), #d8bb7200);left:100%}@keyframes title-tap{0%,to{opacity:1}50%{opacity:.45}}.title-foot{max-width:320px;color:var(--color-muted);margin:14px auto 2px;font-size:11px;line-height:1.35}.title-screen.has-art .title-foot{color:var(--color-inkmuted)}.title-screen.is-still .title-fog,.title-screen.is-still .title-tap{animation:none}@media (prefers-reduced-motion:reduce){.title-fog,.title-tap{animation:none}}@media (max-height:760px){.title-logo{margin-top:6vh}.title-logo-main{font-size:80px}.title-logo-tran{font-size:94px}}.pf-card{align-items:center;gap:12px;padding:12px;display:flex;position:relative}.pf-card-face{flex-shrink:0}.pf-name{font-family:var(--font-brush);color:var(--color-cream);overflow-wrap:anywhere;text-shadow:0 2px 0 var(--color-outline);font-size:22px;line-height:1.1}.pf-vip{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);font-family:var(--font-brush);border-radius:6px;padding:1px 8px 0;font-size:13px;line-height:1.3;display:inline-block;transform:rotate(-3deg)}.pf-chip{color:var(--color-gold);padding-top:1px;padding-bottom:1px;font-size:12px}.pf-power{color:var(--color-gold);background:linear-gradient(90deg,#0000,#0b1110d9 12% 80%,#0000);border-radius:3px 16px 4px 14px;align-items:baseline;gap:6px;margin-top:6px;padding:2px 14px 1px 8px;display:inline-flex}.pf-power-label{color:var(--color-muted);font-size:12px;font-weight:800}.pf-power b{font-family:var(--font-brush);letter-spacing:.5px;font-size:20px}.pf-frame{padding:var(--pf-pad,6px);background:var(--pf-ring,var(--color-paper-2));box-shadow:0 0 0 2px var(--color-outline), 0 3px 0 var(--color-outline);border-radius:22%;flex-shrink:0;position:relative}.pf-frame-face{box-shadow:0 0 0 2px var(--color-outline);border-radius:16%!important}.pf-frame:after{content:"";z-index:2;pointer-events:none;position:absolute}.pf-frame-suong{--pf-ring:linear-gradient(160deg, #f7faf5, #c9d6cd 60%, #9fb3a8)}.pf-frame-truc{--pf-ring:repeating-linear-gradient(90deg, transparent 0 15%, #0b11108c 15% 17%), linear-gradient(180deg, #5f8b62, #2f5640)}.pf-frame-truc:after{border:2px solid var(--color-outline);background:#3e6a4c;border-radius:0 80%;width:34%;height:22%;inset:-4% auto auto -4%;transform:rotate(-28deg)}.pf-frame-ngoc{--pf-ring:radial-gradient(120% 90% at 30% 15%, #ffffff59, transparent 45%), linear-gradient(150deg, var(--color-ngoc), var(--color-ngoc-deep))}.pf-frame-son{--pf-ring:linear-gradient(160deg, #d8583f, var(--color-son-deep))}.pf-frame-son:after{border:2px solid var(--color-outline);background:linear-gradient(90deg, transparent 47%, var(--color-cream) 47% 60%, transparent 60%) center / 40% 46% no-repeat, var(--color-son);width:28%;height:28%;box-shadow:inset 0 0 0 2px var(--color-son), inset 0 0 0 3.5px var(--color-cream);border-radius:3px;bottom:-6%;right:-6%;transform:rotate(8deg)}.pf-frame-kim{--pf-ring:linear-gradient(150deg, #efdca6, var(--color-gold) 45%, var(--color-gold-deep))}.pf-frame-kim:after{border:1.5px solid var(--color-gold-deep);border-radius:20%;inset:3%}.pf-frame-may{--pf-ring:linear-gradient(160deg, #b9b6dc, var(--color-man) 50%, #565385)}.pf-frame-may:after{background:radial-gradient(circle at 12% 14%,#eeedf8 0 7%,#3d3a63 7% 8.6%,#0000 9%),radial-gradient(circle at 21% 9%,#eeedf8 0 6%,#3d3a63 6% 7.6%,#0000 8%),radial-gradient(circle at 7% 23%,#eeedf8 0 5%,#3d3a63 5% 6.6%,#0000 7%),radial-gradient(circle at 88% 87%,#eeedf8 0 7%,#3d3a63 7% 8.6%,#0000 9%),radial-gradient(circle at 79% 92%,#eeedf8 0 5.5%,#3d3a63 5.5% 7.1%,#0000 7.5%),radial-gradient(circle at 94% 77%,#eeedf8 0 5%,#3d3a63 5% 6.6%,#0000 7%);inset:-7%}.pf-frame-long{--pf-ring:radial-gradient(circle at 50% 0, transparent 34%, #0b111059 36%, transparent 40%) 0 0 / 14% 14%, linear-gradient(150deg, var(--color-gold), var(--color-son) 55%, var(--color-son-deep))}.pf-frame-long:after{border:2px solid var(--color-outline);background:radial-gradient(circle at 35% 30%, #bfe8d8, var(--color-ngoc) 45%, var(--color-ngoc-deep));border-radius:50%;width:22%;height:22%;margin-left:-11%;top:-9%;left:50%}.pf-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pf-pick{border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:3px;transition:transform .12s;display:flex;position:relative}.pf-pick:active{transform:translateY(1px)}.pf-pick.is-on{background:var(--color-ngoc);box-shadow:0 0 0 2px var(--color-ngoc-deep)}.pf-pick-name{text-align:center;width:100%;color:var(--color-inkbrown);font-size:10px;font-weight:800;line-height:1.2}.pf-frame-cell{text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 6px;display:flex}.pf-frame-cell.is-on{box-shadow:0 0 0 2px var(--color-ngoc), 0 0 0 4px var(--color-ngoc-deep)}.pf-frame-cell.is-locked .pf-frame{filter:grayscale(.85);opacity:.55}.pf-frame-name{font-family:var(--font-brush);color:var(--color-inkbrown);margin-top:3px;font-size:14px;line-height:1.1}.pf-frame-need{color:var(--color-inkmuted);font-size:10px;font-weight:800;line-height:1.2}.pf-frame-cell.is-on .pf-frame-need{color:var(--color-ngoc-deep)}.pf-frame-cell.is-locked .pf-frame-need{color:var(--color-son-deep)}.pf-title{border-radius:10px;align-items:center;gap:8px;padding:6px 8px 6px 10px;display:flex}.pf-title.is-on{box-shadow:0 0 0 2px var(--color-ngoc-deep)}.pf-stat{border-radius:10px;flex-direction:column;padding:6px 9px 5px;line-height:1.15;display:flex}.pf-stat-k{color:var(--color-inkmuted);font-size:11px;font-weight:800}.pf-stat-v{color:var(--color-inkbrown);font-size:17px}.pf-input{border:2px solid var(--color-outline);width:100%;color:var(--color-inkbrown);background:#f8faf6;border-radius:10px;outline:none;padding:8px 52px 8px 10px;font-size:17px;font-weight:800}.pf-input:focus{border-color:var(--color-ngoc-deep);box-shadow:0 0 0 2px var(--color-ngoc)}.pf-count{color:var(--color-inkmuted);font-size:12px;font-weight:800;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pf-price{border-top:1px dashed var(--color-paper-3);color:var(--color-inkbrown);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;padding-top:6px;font-size:13px;font-weight:700;display:flex}.gd-screen{background-color:var(--color-ink);background-image:linear-gradient(180deg, #0e141300 0%, #0e1413d9 260px, var(--color-ink) 420px), radial-gradient(120% 60% at 50% -10%, #3c5650 0%, #1a2726 60%, var(--color-ink) 100%)}.gd-mock{color:var(--color-gold);text-align:center;border:1.5px dashed #d8bb7280;border-radius:8px;margin:-4px 12px 6px;padding:2px 8px;font-size:11px;font-weight:700}.gd-box{border:2px solid var(--color-outline);background-color:var(--color-panel);background-image:linear-gradient(180deg, #eef3ec0f, #0b111033), var(--tex-stone);background-size:100% 100%,320px 320px;border-radius:14px;margin-top:10px;padding:10px 11px 11px;box-shadow:inset 0 0 0 1px #9db0a81f,0 3px #060a09bf}.gd-sec-title{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.gd-link{color:var(--color-ngoc);text-underline-offset:3px;font-size:12.5px;font-weight:800;text-decoration:underline}.gd-hint{color:var(--color-muted);margin-top:6px;font-size:11.5px;line-height:1.4}.silk .gd-hint{color:var(--color-inkmuted)}.gd-empty{color:var(--color-muted);text-align:center;padding:18px 8px;font-size:13px}.gd-note{background:#84251a2e;border:1.5px solid #c8402c8c;border-radius:10px;margin-top:8px;padding:7px 10px;font-size:12px}.gd-paper{border:2px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper);color:var(--color-inkbrown);white-space:pre-wrap;word-break:break-word;background-size:320px 320px;border-radius:10px;padding:8px 10px;font-size:13px;line-height:1.45}.gd-notice-line{color:var(--color-muted);font-size:12px;font-style:italic}.gd-err{color:var(--color-son-deep);margin-top:6px;font-size:12.5px;font-weight:700}.gd-lv{border:1.5px solid var(--color-outline);background:var(--color-ngoc-deep);color:var(--color-cream);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.gd-role{color:var(--color-ngoc);background:#4fb3942e;border-radius:6px;flex:none;padding:0 6px;font-size:10.5px;font-weight:800;line-height:1.6}.gd-role[data-role=leader]{color:var(--color-cream);background:#c8402cd9}.silk .gd-role{background:var(--color-ngoc-deep);color:var(--color-cream)}.silk .gd-role[data-role=leader]{background:var(--color-son-deep)}.gd-badge{object-fit:contain;filter:drop-shadow(0 2px #060a0999);flex:none;display:block}.gd-badge-fb{border:2px solid var(--color-outline);color:var(--color-cream);background:radial-gradient(circle at 40% 35%,#4a5f59,#253331);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #4fb39473}.gd-ava-fb{border:2px solid var(--color-outline);background:var(--color-panel-3);width:36px;height:36px;color:var(--color-cream);font-family:var(--font-brush);border-radius:8px;flex:none;place-items:center;font-size:16px;display:grid}.gd-ava-sm{width:28px;height:28px;font-size:13px}.gd-stamp{border:2px solid var(--color-son);color:var(--color-son);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;top:6px;right:8px;transform:rotate(8deg)}.gd-xu{color:var(--color-gold);align-items:center;gap:3px;font-size:12.5px;display:inline-flex}.gd-hero{border:2px solid var(--color-outline);background:linear-gradient(90deg,#0e1413eb 0%,#0e141399 62%,#0e141333 100%),url(/ui/guild/badges/trong_dong.webp) right -18px center/150px no-repeat,linear-gradient(#2f4540,#1b2625);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px;padding:12px;display:flex;box-shadow:0 3px #060a09bf}.gd-hero-sub{max-width:230px;color:var(--color-muted);font-size:12px;line-height:1.4}.gd-search{gap:6px;margin-top:10px;display:flex}.gd-search input,.gd-chat-input input{border:2px solid var(--color-outline);background:var(--color-paper);min-width:0;color:var(--color-inkbrown);border-radius:10px;flex:1;padding:8px 10px;font-size:14px;font-weight:600}.gd-search input::placeholder,.gd-chat-input input::placeholder{color:var(--color-inkmuted);font-weight:500}.gd-sec-title+.gd-list,.gd-lobby .gd-sec-title{margin-top:10px}.gd-list{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.gd-card{border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2), var(--color-panel));width:100%;animation:.32s ease-out both gd-in;animation-delay:calc(var(--i,0) * 40ms);border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex;position:relative;box-shadow:0 3px #060a09bf}.gd-card:active{transform:translateY(2px);box-shadow:0 1px #060a09bf}.gd-card-name{font-size:15px;font-weight:900}.gd-card-intro{color:var(--color-muted);margin-top:1px;font-size:11.5px}.gd-card-meta{color:var(--color-muted);flex-wrap:wrap;gap:3px 10px;margin-top:3px;font-size:11px;display:flex}.silk .gd-card-meta{color:var(--color-inkmuted)}.gd-sheet{border:3px solid var(--color-outline);background:linear-gradient(#23302e,#161f1e);border-radius:16px;padding:14px;box-shadow:inset 0 0 0 2px #d8bb724d,0 6px #060a09cc}.gd-mini-members{grid-template-columns:minmax(0,1fr);gap:4px;max-height:210px;margin-top:8px;display:grid;overflow-y:auto}.gd-mini-members li{background:#eef3ec0a;border-radius:8px;align-items:center;gap:7px;padding:3px 6px;display:flex}.gd-field{margin-top:9px;display:block}.gd-field>span:first-child{color:var(--color-inkbrown);justify-content:space-between;margin-bottom:3px;font-size:12.5px;font-weight:800;display:flex}.gd-field i{color:var(--color-inkmuted);font-style:normal;font-weight:600}.gd-field input,.gd-field textarea{border:2px solid var(--color-paper-3);width:100%;min-width:0;color:var(--color-inkbrown);resize:none;background:#fbfcf9;border-radius:9px;padding:7px 9px;font-size:14px;font-weight:600}.gd-field input:focus,.gd-field textarea:focus,.gd-search input:focus,.gd-chat-input input:focus{outline:2px solid var(--color-ngoc);outline-offset:0}.gd-field .seg{width:100%}.gd-field .seg>button{flex:1;padding-left:4px;padding-right:4px;font-size:12.5px}.gd-dice{border:2px solid var(--color-outline);background:var(--color-ngoc-deep);color:var(--color-cream);border-radius:9px;flex:none;padding:0 10px;font-size:12.5px;font-weight:800}.gd-badge-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.gd-badge-grid>button{border:2px solid #0000;border-radius:10px;place-items:center;padding:3px 0;display:grid}.gd-badge-grid>button.is-on{border-color:var(--color-ngoc-deep);background:#4fb39433}.gd-cost{color:var(--color-inkbrown);align-items:center;gap:4px;margin-top:10px;font-size:13px;display:flex}.gd-head{border:2px solid var(--color-outline);background:linear-gradient(90deg, #1b2625f5, #1b2625d1), var(--tex-stone);background-size:100% 100%,320px 320px;border-radius:14px;align-items:center;gap:10px;margin:0 12px;padding:8px 10px;display:flex;box-shadow:inset 0 0 0 1px #d8bb7238,0 3px #060a09bf}.gd-head-meta{color:var(--color-muted);gap:10px;margin-top:3px;font-size:11.5px;display:flex}.gd-exp{align-items:center;gap:6px;margin-top:4px;display:flex}.gd-exp>:first-child{flex:1}.gd-exp .num{color:var(--color-muted);flex:none;font-size:10.5px}.gd-tabs{margin:8px 8px 0}.gd-tabs .tab{flex:1;min-width:0;padding-left:2px;padding-right:2px;font-size:13px}.gd-contrib{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.gd-tier{border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel-2));border-radius:11px;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;display:flex}.gd-tier.is-used{opacity:.6}.gd-tier-cost{align-items:center;gap:3px;font-size:14px;display:flex}.gd-tier-gain{flex-direction:column;align-items:center;gap:1px;font-size:11px;display:flex}.gd-tier-gain>span{align-items:center;gap:2px;display:inline-flex}.gd-tier .btn-ngoc,.gd-tier .btn-gold,.gd-tier .btn-dark{width:100%}.gd-logs{gap:5px;font-size:12.5px;line-height:1.35;display:grid}.gd-logs li{border-left:2px solid #4fb39466;padding-left:8px}.gd-rows{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.gd-row{border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2), var(--color-panel));border-radius:11px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex;box-shadow:0 2px #060a09b3}.gd-member{animation:.3s ease-out both gd-in;animation-delay:calc(var(--i,0) * 30ms)}.gd-row.is-me{border-color:var(--color-ngoc-deep);box-shadow:inset 0 0 0 1px #4fb39473,0 2px #060a09b3}.gd-row-sub{color:var(--color-muted);flex-wrap:wrap;gap:0 9px;font-size:11px;display:flex}.gd-contrib-col{flex-direction:column;flex:none;align-items:flex-end;font-size:14px;display:flex}.gd-contrib-col>span{color:var(--color-muted);font-size:10px}.gd-ask{align-items:center;gap:10px;display:flex}.gd-req-bar{align-items:center;gap:6px;margin-top:3px;font-size:11.5px;display:flex}.gd-hero-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:300px;display:grid;overflow-y:auto}.gd-hero-grid>button{min-width:0;color:var(--color-inkbrown);flex-direction:column;align-items:center;gap:1px;display:flex}.gd-shop-head{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.gd-shop-head .gd-xu{font-size:15px}.gd-boss-scene{border:2px solid var(--color-outline);aspect-ratio:3/2;background:#1b2625;border-radius:14px;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 3px #060a09bf}.gd-boss-art{object-fit:cover;width:100%;height:100%;display:block}.gd-boss-fb{background:radial-gradient(circle,#34504a,#1a2726);place-items:center;display:grid}.gd-boss-plate{background:linear-gradient(#0e141300,#0e1413b3 45%,#0e1413eb);padding:40px 12px 8px;position:absolute;bottom:0;left:0;right:0}.gd-boss-kicker{color:var(--color-cream);opacity:.85;text-shadow:0 1px 2px #060a09e6}.gd-boss-stamp{border:3px solid var(--color-son);color:var(--color-son);background:#eef1ead1;border-radius:6px;padding:2px 10px;font-size:24px;position:absolute;top:12px;right:12px;transform:rotate(-10deg)}.gd-boss-hp{margin-top:4px;font-size:12.5px}.gd-boss-act{align-items:center;gap:10px;margin-top:10px;display:flex}.gd-boss-rw{flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;display:flex}.gd-boss-rw>span{align-items:center;gap:4px;display:inline-flex}.gd-top{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.gd-top li{background:#eef3ec0a;border-radius:9px;align-items:center;gap:8px;padding:4px 8px;display:flex}.gd-top li.is-me{background:#4fb39429}.gd-top-rank{width:20px;color:var(--color-muted);text-align:center;font-weight:900}.gd-top li[data-rank="1"] .gd-top-rank{color:var(--color-gold)}.gd-top li[data-rank="2"] .gd-top-rank{color:#c9d2cd}.gd-top li[data-rank="3"] .gd-top-rank{color:#c08a5c}.gd-chat{margin:6px 8px 0}.gd-chat-status{color:var(--color-muted);align-items:center;gap:6px;padding:3px 4px 5px;font-size:11.5px;display:flex}.gd-dot{background:var(--color-muted);border-radius:50%;width:7px;height:7px}.gd-chat-status[data-status=online] .gd-dot{background:var(--color-ngoc)}.gd-chat-status[data-status=offline] .gd-dot{background:var(--color-son)}.gd-chat-list{border:2px solid var(--color-outline);background:linear-gradient(180deg, #1b2625d9, #0e1413eb), var(--tex-stone);background-size:100% 100%,320px 320px;border-radius:14px;flex:1;min-height:0;padding:8px 6px 10px;overflow-y:auto}.gd-sys{width:-moz-fit-content;width:fit-content;max-width:90%;color:var(--color-muted);text-align:center;background:#eef3ec12;border-radius:999px;margin:8px auto;padding:2px 10px;font-size:11px}.gd-msg{align-items:flex-start;gap:6px;margin-top:2px;display:flex}.gd-msg.has-head{margin-top:9px}.gd-msg.is-me{justify-content:flex-end}.gd-msg-ava{flex:none;width:32px}.gd-msg-body{flex-direction:column;align-items:flex-start;min-width:0;max-width:76%;display:flex}.gd-msg.is-me .gd-msg-body{align-items:flex-end}.gd-msg-name{max-width:100%;color:var(--color-cream);align-items:baseline;gap:5px;margin-bottom:2px;font-size:11.5px;font-weight:800;display:flex}.gd-msg-name .num{font-size:10px;font-weight:600}.gd-bubble{border:2px solid var(--color-outline);background:var(--color-panel-3);color:var(--color-cream);white-space:pre-wrap;word-break:break-word;border-radius:4px 12px 12px;padding:6px 10px;font-size:13.5px;line-height:1.35}.gd-msg.is-me .gd-bubble{background-color:#d6e7de;background-image:var(--tex-paper);color:var(--color-inkbrown);background-size:320px 320px;border-radius:12px 4px 12px 12px}.gd-msg-sticker{margin-top:-2px}.gd-msg-state{color:var(--color-muted);margin-top:1px;font-size:10px}.gd-sticker{object-fit:contain;filter:drop-shadow(0 2px #060a098c);display:block}.gd-sticker-fb{border:2px dashed var(--color-line);color:var(--color-muted);text-align:center;border-radius:12px;place-items:center;font-size:11px;display:grid}.gd-chat-err{color:var(--color-cream);text-align:center;background:#84251a73;border-radius:8px;margin-top:4px;padding:3px 8px;font-size:11.5px}.gd-sticker-panel{border:2px solid var(--color-outline);background:var(--color-panel-2);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:2px;max-height:210px;margin-top:6px;padding:6px;animation:.2s ease-out both gd-in;display:grid;overflow-y:auto}.gd-sticker-panel>button{color:var(--color-muted);border-radius:8px;flex-direction:column;align-items:center;gap:0;padding:2px 0;font-size:10px;font-weight:700;display:flex}.gd-sticker-panel>button:active{background:#4fb3942e}.gd-chat-input{gap:6px;padding:6px 0 8px;display:flex}.gd-sticker-btn{border:2px solid var(--color-outline);background:var(--color-panel-3);color:var(--color-cream);border-radius:10px;flex:none;padding:0 10px;font-size:12.5px;font-weight:800}.gd-sticker-btn.is-on{background:var(--color-ngoc-deep)}.gd-send{border-radius:10px;flex:none;padding:0 14px;font-weight:900}.gd-send:disabled{opacity:.5}@keyframes gd-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gd-card,.gd-member,.gd-sticker-panel{animation:none}}:root[data-reduce-motion] .gd-card,:root[data-reduce-motion] .gd-member,:root[data-reduce-motion] .gd-sticker-panel{animation:none}.acc-card{align-items:center;gap:12px;padding:12px;display:flex}.acc-name{font-family:var(--font-brush);color:var(--color-cream);text-shadow:0 2px 0 var(--color-outline);font-size:22px;line-height:1.1}.acc-sub{color:var(--color-muted);margin-top:3px;font-size:12px;font-weight:700}.acc-seal{border:2px solid var(--color-outline);box-shadow:0 2px 0 var(--color-outline);border-radius:6px;flex-shrink:0;padding:2px 8px 1px;font-size:12px;font-weight:900;line-height:1.4;transform:rotate(-3deg)}.acc-seal.is-guest{background:var(--color-son);color:var(--color-cream)}.acc-seal.is-linked{background:var(--color-ngoc);color:#0f3a30}.acc-banner{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-cream);box-shadow:0 3px 0 var(--color-outline);border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.acc-banner.is-warn{border-left:6px solid var(--color-son)}.acc-banner.is-error{color:#f2b5a8}.acc-panel{padding:22px 12px 10px}.acc-row{align-items:center;gap:10px;padding:9px 0;display:flex}.acc-row+.acc-row{border-top:1px solid #9db0a82e}.acc-label{color:var(--color-cream);font-size:15px;font-weight:800;line-height:1.2}.acc-note{color:var(--color-muted);margin-top:2px;font-size:12px;font-weight:600;line-height:1.3}.acc-mark{border:2px solid var(--color-outline);width:32px;height:32px;box-shadow:0 2px 0 var(--color-outline);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:900;line-height:1;display:inline-grid}.acc-mark-google{background:var(--color-paper);color:#b2442f}.acc-mark-apple{color:var(--color-cream);background:#2a3533}.acc-mark-zalo{color:var(--color-cream);background:#3f6fa8}.acc-mark.is-dim{opacity:.55;box-shadow:none}.acc-logins{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;padding-bottom:4px;display:grid}.acc-login{justify-content:center;align-items:center;gap:6px;padding-left:6px;padding-right:8px;display:flex}.acc-login .acc-mark{width:24px;height:24px;box-shadow:none;font-size:13px}.acc-pending{padding:12px}.acc-pending-title{font-family:var(--font-brush);color:#f2b5a8;text-shadow:0 2px 0 var(--color-outline);font-size:20px}.acc-pending-text{color:var(--color-cream);margin-top:4px;font-size:14px;font-weight:700;line-height:1.35}.acc-pending-text b{color:var(--color-gold)}.acc-dialog-text{font-size:14px;font-weight:700;line-height:1.4}.acc-dialog-text>*+*{margin-top:6px}.acc-warn-text{border-left:4px solid var(--color-son);color:var(--color-son-deep);background:#c8402c1a;border-radius:4px;padding:6px 8px}.acc-muted-text{color:var(--color-inkmuted);font-size:13px}.acc-word{border:2px solid var(--color-outline);background:var(--color-son);color:var(--color-cream);border-radius:6px;padding:0 6px}.acc-input{border:2px solid var(--color-outline);width:100%;color:var(--color-inkbrown);letter-spacing:.08em;text-align:center;background:#f8faf6;border-radius:10px;outline:none;padding:8px 10px;font-size:18px;font-weight:900}.acc-input:focus{border-color:var(--color-son-deep)}.acc-other{border:2px solid var(--color-outline);background:var(--color-paper-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.acc-other-name{color:var(--color-inkbrown);font-size:15px;font-weight:900}.acc-other-sub{color:var(--color-inkmuted);font-size:12px;font-weight:700}.lg-screen{flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;display:flex}.lg-gate{z-index:50;flex-direction:column;padding:0 12px 12px;display:flex;position:absolute;inset:0}.lg-gate-title{text-align:center;padding-top:8px;padding-bottom:4px;font-size:26px}.lg-view{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.lg-intro{color:var(--color-inkbrown);text-align:center;text-shadow:0 0 6px #eef1eae6,0 0 2px #eef1eae6;padding:0 8px;font-size:14px;font-weight:800;line-height:1.35}.lg-rating{border:2px solid var(--color-outline);background:var(--color-panel);box-shadow:0 3px 0 var(--color-outline);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lg-badge{border:2px solid var(--color-son-deep);background:var(--color-son);width:48px;height:48px;font-family:var(--font-display,inherit);color:var(--color-cream);letter-spacing:-.5px;border-radius:6px;flex-shrink:0;place-items:center;font-size:20px;font-weight:900;display:grid;box-shadow:inset 0 0 0 2px #eef3ec59}.lg-rating-note{color:var(--color-muted);font-size:12px;font-weight:700;line-height:1.3}.lg-warning{color:var(--color-gold);margin-top:3px;font-size:13px;font-weight:800;line-height:1.3}.lg-tabs .seg{width:100%}.lg-tabs .seg>button{flex:1;padding:6px 0;font-size:15px}.lg-doc{overscroll-behavior:contain;outline:none;flex:1;min-height:120px;padding:12px 14px 14px;overflow-y:auto}.lg-doc:focus-visible{box-shadow:0 0 0 2px var(--color-ngoc)}.lg-doc-title{margin-bottom:6px;font-size:19px;font-weight:900;line-height:1.25}.lg-sec+.lg-sec{margin-top:12px}.lg-sec-title{margin-bottom:4px;font-size:16px;font-weight:900;line-height:1.3}.lg-sec-no{color:var(--color-son-deep);margin-right:6px}.lg-p{font-size:15px;font-weight:600;line-height:1.55}.lg-p+.lg-p{margin-top:6px}.lg-meta{color:var(--color-inkmuted);margin-top:14px;font-size:12px;font-weight:700}.lg-meta+.lg-meta{margin-top:2px}.lg-draft{color:var(--color-son-deep)}.lg-form{padding:10px 12px 12px}.lg-birth{align-items:center;gap:10px;display:flex}.lg-label{color:var(--color-cream);flex:1;font-size:15px;font-weight:800}.lg-input{border:2px solid var(--color-outline);width:108px;color:var(--color-inkbrown);text-align:center;background:#f8faf6;border-radius:10px;outline:none;padding:6px 10px;font-size:18px;font-weight:800}.lg-input::placeholder{color:var(--color-inkmuted);font-size:14px;font-weight:700}.lg-input:focus{border-color:var(--color-ngoc-deep);box-shadow:0 0 0 2px var(--color-ngoc)}.lg-input:disabled{background:var(--color-paper-2);color:var(--color-inkmuted)}.lg-age{margin-top:5px;font-size:13px;font-weight:700;line-height:1.3}.lg-age.is-ok{color:var(--color-muted)}.lg-age.is-bad{color:#f08a78}.lg-check{text-align:left;align-items:flex-start;gap:10px;width:100%;margin-top:9px;display:flex}.lg-box{border:2px solid var(--color-outline);background:var(--color-paper);border-radius:6px;flex-shrink:0;width:24px;height:24px;position:relative;box-shadow:inset 0 2px #0000001f}.lg-check.is-on .lg-box{background:var(--color-ngoc)}.lg-check.is-on .lg-box:after{content:"";border:3px solid #0c231d;border-width:0 3px 3px 0;width:7px;height:13px;position:absolute;top:1px;left:6px;transform:rotate(45deg)}.lg-check-text{color:var(--color-cream);font-size:14px;font-weight:700;line-height:1.35}.lg-accepted{border:2px solid var(--color-outline);background:var(--color-panel);color:var(--color-muted);text-align:center;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:700}.unlock-veil{z-index:35;background:color-mix(in srgb, var(--color-ink) 72%, transparent);place-items:center;padding:0 22px;animation:.22s ease-out both unlock-fade;display:grid;position:absolute;inset:0}.unlock-veil.is-closing{animation:.22s ease-in both unlock-fade-out}.unlock-scroll{width:100%;max-width:330px;filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--color-ink) 60%, transparent))}.unlock-rod{z-index:2;border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-ngoc) 0%, var(--color-ngoc-deep) 70%);border-radius:9px;height:16px;margin:0 -10px;position:relative}.unlock-rod:before,.unlock-rod:after{content:"";border:2px solid var(--color-outline);background:var(--color-panel-2);border-radius:5px;width:14px;height:22px;position:absolute;top:-5px}.unlock-rod:before{left:-12px}.unlock-rod:after{right:-12px}.unlock-sheet{border-inline:2px solid var(--color-outline);background:linear-gradient(90deg, color-mix(in srgb, var(--color-paper-3) 70%, transparent) 0, transparent 14px, transparent calc(100% - 14px), color-mix(in srgb, var(--color-paper-3) 70%, transparent) 100%), var(--tex-paper), var(--color-paper);transform-origin:50%;margin:-4px 0;animation:.42s cubic-bezier(.2,.9,.3,1) both unlock-unroll;position:relative}.unlock-body{color:var(--color-inkbrown);text-align:center;flex-direction:column;align-items:center;padding:18px 20px 16px;animation:.25s ease-out .24s both unlock-fade;display:flex}.unlock-kicker{letter-spacing:.18em;color:var(--color-inkmuted);text-transform:uppercase;font-size:13px}.unlock-badge{place-items:center;width:112px;height:112px;margin:8px 0 4px;display:grid;position:relative}.unlock-ring{border:2px dashed color-mix(in srgb, var(--color-ngoc-deep) 55%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--color-ngoc) 22%, transparent) 0 58%, transparent 60%);border-radius:50%;animation:14s linear infinite unlock-spin;position:absolute;inset:4px}.unlock-badge .game-icon,.unlock-img{object-fit:contain;position:relative}.unlock-seal{border:2px solid var(--color-son-deep);background:var(--color-son);width:40px;height:46px;color:var(--color-paper);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-paper) 35%, transparent);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;font-size:15px;line-height:1;animation:.34s cubic-bezier(.3,1.5,.5,1) .5s both unlock-stamp;display:flex;position:absolute;bottom:2px;right:-6px;transform:rotate(-8deg)}.unlock-name{color:var(--color-inkbrown);margin-top:4px;font-size:28px;line-height:1.1}.unlock-feature{border:1px solid var(--color-paper-3);background:var(--color-paper-2);color:var(--color-inkmuted);border-radius:999px;margin-top:4px;padding:1px 10px;font-size:12px;font-weight:800}.unlock-line{margin-top:8px;font-size:15px;font-weight:600;line-height:1.35}.unlock-line+.unlock-line{color:var(--color-inkmuted);margin-top:2px}.unlock-actions{gap:10px;width:100%;margin-top:16px;display:flex}.unlock-more{color:var(--color-inkmuted);margin-top:8px;font-size:12px;font-weight:700}@keyframes unlock-fade{0%{opacity:0}to{opacity:1}}@keyframes unlock-fade-out{0%{opacity:1}to{opacity:0}}@keyframes unlock-unroll{0%{opacity:.4;transform:scaleY(.05)}to{opacity:1;transform:scaleY(1)}}@keyframes unlock-stamp{0%{opacity:0;transform:rotate(-8deg)scale(2.2)}70%{opacity:1;transform:rotate(-8deg)scale(.92)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes unlock-spin{to{transform:rotate(360deg)}}.unlock-veil.is-still,.unlock-veil.is-still *{animation:none!important}@media (prefers-reduced-motion:reduce){.unlock-veil,.unlock-veil *{animation:none!important}}.itd-veil{z-index:95;background:#0e14139e;place-items:center;padding:16px;animation:.12s ease-out both itd-fade;display:grid;position:fixed;inset:0}.itd-box{width:100%;max-width:340px;animation:.16s cubic-bezier(.2,.9,.3,1.2) both itd-pop}.itd-head{align-items:center;gap:12px;display:flex}.itd-meta{flex:1;min-width:0}.itd-name{overflow-wrap:break-word;font-size:22px;line-height:1.15}.itd-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.itd-chips .chip{color:var(--color-cream);background:var(--color-panel);font-size:13px}.itd-chips .itd-rar{color:var(--rar,var(--color-cream))}.itd-box.rarity-1{--rar:var(--rar-1)}.itd-box.rarity-2{--rar:var(--rar-2)}.itd-box.rarity-3{--rar:var(--rar-3)}.itd-box.rarity-4{--rar:var(--rar-4)}.itd-box.rarity-5{--rar:var(--rar-5)}.itd-owned{color:var(--color-inkmuted);margin-top:4px;font-size:13px;font-weight:700}.itd-owned b{color:var(--color-inkbrown)}.itd-desc{color:var(--color-inkbrown);margin-top:10px;font-size:14px;line-height:1.4}.itd-note{color:var(--color-ngoc-deep);margin-top:6px;font-size:12px;font-weight:700}.itd-hint{text-align:center;color:var(--color-inkmuted);margin-top:10px;font-size:11px;font-weight:700}.item-icon.is-tappable{cursor:pointer}.item-icon.is-tappable:active{transform:scale(.94)}@keyframes itd-fade{0%{opacity:0}to{opacity:1}}@keyframes itd-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html[data-reduce-motion] .itd-veil,html[data-reduce-motion] .itd-box{animation:none}@media (prefers-reduced-motion:reduce){.itd-veil,.itd-box{animation:none}}.login-box{border:3px solid var(--color-outline);background-color:var(--color-panel);background-image:var(--tex-wood), linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 55%, var(--color-night) 100%);background-blend-mode:soft-light, normal;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-gold) 70%, transparent), 0 5px 0 var(--color-outline);background-size:220px,100% 100%;border-radius:14px;margin-top:14px;padding:24px 12px 12px;position:relative}.login-ribbon{border:3px solid var(--color-outline);background:linear-gradient(90deg, var(--color-ngoc-deep) 0 10px, transparent 10px calc(100% - 10px), var(--color-ngoc-deep) calc(100% - 10px)), linear-gradient(180deg, var(--color-paper), var(--color-paper-2));box-shadow:0 3px 0 var(--color-outline);color:var(--color-inkbrown);font-family:var(--font-brush);white-space:nowrap;border-radius:6px;padding:4px 26px 2px;font-size:21px;font-weight:400;line-height:1.15;position:absolute;top:-18px;left:50%;translate:-50%}.login-sub{text-align:center;color:var(--color-muted);margin:2px 6px 10px;font-size:12.5px;font-weight:700;line-height:1.35}.login-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.login-next{text-align:center;color:var(--color-cream);font-size:12.5px;font-weight:700}.login-next b{color:var(--color-gold)}.login-day{color:var(--color-inkbrown);border:2.5px solid var(--color-outline);background-color:var(--color-paper);background-image:var(--tex-paper), radial-gradient(130% 90% at 50% 40%, var(--color-paper) 0%, var(--color-paper-2) 100%);background-blend-mode:multiply, normal;box-shadow:inset 0 0 0 1.5px #ffffff80, 0 3px 0 var(--color-outline);background-size:256px 256px,100% 100%;border-radius:10px;position:relative;overflow:hidden}.login-day.is-claimed>:not(.login-stamp):not(.login-check){opacity:.45;filter:grayscale(.7)}.login-day.is-today{z-index:1;background-image:var(--tex-paper), radial-gradient(90% 80% at 50% 45%, color-mix(in srgb, var(--color-gold) 10%, var(--color-paper)) 0%, color-mix(in srgb, var(--color-gold) 24%, var(--color-paper-2)) 100%);animation:1.1s ease-in-out infinite login-pulse}@keyframes login-pulse{0%,to{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 3px 0 var(--color-outline);transform:scale(1)}50%{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--color-gold) 70%, #fff), 0 3px 0 var(--color-outline), 0 0 10px color-mix(in srgb, var(--color-gold) 45%, transparent);transform:scale(1.035)}}@media (prefers-reduced-motion:reduce){.login-day.is-today{box-shadow:inset 0 0 0 3px var(--color-gold), 0 3px 0 var(--color-outline);animation:none}}.login-day-label{z-index:1;color:var(--color-inkmuted);padding:3px 0 0 7px;font-size:11px;font-weight:800;position:relative}.login-day.is-today .login-day-label{color:var(--color-son-deep)}.login-day.is-hero .login-day-label{color:var(--color-cream);-webkit-text-stroke:2.5px var(--color-outline);paint-order:stroke fill}.login-day.is-hero.is-today .login-day-label{color:var(--color-gold)}.login-week{grid-template-rows:92px 92px 124px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"d1 d2 d3""d4 d5 d3""d6 d7 d7";gap:7px;display:grid}.login-day-items{justify-content:center;align-items:center;gap:4px;height:calc(100% - 22px);padding-bottom:4px;display:flex}.login-day-items .num:not(.item-qty){color:var(--color-inkbrown)}.login-day.is-hero{background:var(--color-panel);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-ssr) 80%, transparent), 0 3px 0 var(--color-outline)}.login-day.is-hero.is-today{animation-name:login-pulse}.login-day .login-splash.hero-splash{height:100%;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.login-hero-name{z-index:1;white-space:nowrap;color:var(--color-cream);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 5px;font-size:17px;line-height:1;display:flex;position:absolute;bottom:5px;left:0;right:0}.login-rarity{border:2px solid var(--color-outline);color:var(--color-cream);background:var(--color-sr);border-radius:5px;padding:2px 5px 1px;font-size:10px;font-weight:800;line-height:1.1}.login-rarity.is-ssr{background:linear-gradient(180deg, color-mix(in srgb, var(--color-ssr) 65%, #fff), var(--color-ssr));color:var(--color-son-deep)}.login-rarity.is-sr{background:linear-gradient(180deg, color-mix(in srgb, var(--color-sr) 65%, #fff), var(--color-sr))}.login-rarity.is-r{background:linear-gradient(180deg, color-mix(in srgb, var(--color-r) 65%, #fff), var(--color-r))}.login-stamp{z-index:2;border:3px double var(--color-son);color:var(--color-son);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--color-paper) 78%, transparent);border-radius:6px;padding:3px 8px 1px;font-size:15px;line-height:1.1;animation:.32s cubic-bezier(.3,1.6,.5,1) both login-stamp;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-14deg}.login-day.is-hero .login-stamp{font-size:19px}@keyframes login-stamp{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}.login-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.login-mday{aspect-ratio:.82;border-width:2px;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 0 3px;display:flex;overflow:visible}.login-mday.is-today{animation-name:login-pulse-sm}@keyframes login-pulse-sm{0%,to{box-shadow:inset 0 0 0 2px var(--color-gold), 0 2px 0 var(--color-outline);transform:scale(1)}50%{box-shadow:inset 0 0 0 2.5px color-mix(in srgb, var(--color-gold) 70%, #fff), 0 2px 0 var(--color-outline), 0 0 8px color-mix(in srgb, var(--color-gold) 45%, transparent);transform:scale(1.08)}}.login-mday.is-big{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-ngoc-deep) 60%, transparent), 0 2px 0 var(--color-outline)}.login-mday.is-pick{background:linear-gradient(180deg, color-mix(in srgb, var(--color-gold) 70%, #fff) 0%, var(--color-gold-deep) 100%);box-shadow:inset 0 0 0 2px var(--color-gold-deep), 0 2px 0 var(--color-outline)}.login-mday.is-sel{outline:2px solid var(--color-cream);outline-offset:1px}.login-mday-num{color:var(--color-inkmuted);font-size:10px;font-weight:800;position:absolute;top:1px;left:4px}.login-mday-ssr{color:var(--color-son-deep);margin-bottom:4px;font-size:14px}.login-check{z-index:2;border:2px solid var(--color-outline);background:var(--color-ngoc-deep);border-radius:50%;width:24px;height:24px;animation:.3s cubic-bezier(.3,1.6,.5,1) both login-stamp;position:absolute;top:54%;left:50%;translate:-50% -50%}.login-check:after{content:"";border:solid var(--color-cream);border-width:0 3px 3px 0;width:6px;height:11px;position:absolute;top:3px;left:7px;rotate:45deg}.login-info{border:2px solid var(--color-outline);background:var(--color-paper);min-height:36px;color:var(--color-inkbrown);border-radius:8px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.35}.login-info b{color:var(--color-son-deep)}.login-pick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.login-pick{color:var(--color-inkbrown);border:2.5px solid var(--color-outline);background:var(--color-paper);background-image:var(--tex-paper), linear-gradient(180deg, var(--color-paper), var(--color-paper-2));background-blend-mode:multiply, normal;box-shadow:0 3px 0 var(--color-outline);background-size:256px 256px,100% 100%;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px 4px 6px;transition:transform .1s,box-shadow .1s;display:flex}.login-pick.is-sel{box-shadow:inset 0 0 0 2.5px var(--color-gold), 0 5px 0 var(--color-outline);transform:translateY(-3px)}.login-pick .login-pick-splash.hero-splash{border-width:2px;border-radius:8px;width:100%;height:150px}.login-pick-name{text-align:center;font-size:13px;font-weight:800;line-height:1.15}.login-pick.is-sel .login-pick-name{color:var(--color-son-deep)}.login-pick-note{color:var(--color-inkmuted);font-size:10px;font-weight:700}.login-reveal .login-reveal-splash.hero-splash{height:clamp(260px,44vh,360px)}.login-reveal-splash.is-fresh{animation:.5s cubic-bezier(.3,1.4,.5,1) both login-reveal}@keyframes login-reveal{0%{opacity:0;filter:brightness(1.8);scale:.85}to{opacity:1;filter:brightness();scale:1}}.login-reveal-name{z-index:1;justify-content:center;align-items:center;gap:8px;line-height:1;display:flex;position:absolute;bottom:10px;left:0;right:0}.login-reveal-name .login-rarity{padding:3px 7px 2px;font-size:13px}.login-info .text-win{color:var(--color-ngoc-deep)}@keyframes dev-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dev-backdrop{z-index:80;background:#05040d99;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dev-box{border:3px solid var(--color-outline,#05040d);background:var(--color-panel,#1a1840);color:#f1efff;border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:480px;min-height:0;max-height:78%;font-size:13px;animation:.28s cubic-bezier(.2,1,.3,1) both dev-slide-up;display:flex;box-shadow:inset 0 0 0 2px #4fe3ff59,0 -6px 24px #05040dcc}.dev-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 6px;display:flex}.dev-title{color:var(--color-cyan,#4fe3ff);font-size:18px}.dev-status{border:2px solid var(--color-outline,#05040d);color:var(--color-muted,#9a97c9);word-break:break-word;background:#06061499;border-radius:10px;margin:0 12px 6px;padding:6px 10px;font-size:12px;line-height:1.3}.dev-status.is-ok{color:var(--color-win,#5fe08a)}.dev-status.is-err{color:var(--color-lose,#ff5a6a)}.dev-scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding:0 12px 16px;overflow-y:auto}.dev-sec{border:2px solid var(--color-outline,#05040d);background:#06061473;border-radius:12px;margin-top:8px;padding:8px 10px 10px}.dev-sec-danger{box-shadow:inset 0 0 0 2px #ff5a6a66}.dev-h{letter-spacing:.06em;text-transform:uppercase;color:var(--color-gold,#ffcf3f);margin:0 0 6px;font-size:12px;font-weight:800}.dev-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.dev-note{color:var(--color-muted,#9a97c9);font-size:11px;line-height:1.3}.dev-input{border:2px solid var(--color-line,#3b3680);background:var(--color-ink,#0a0b1c);color:#fff;width:100%;font:inherit;-webkit-user-select:text;user-select:text;border-radius:10px;margin-top:6px;padding:6px 10px;font-size:13px}.dev-input:focus-visible{outline:2px solid var(--color-cyan,#4fe3ff);outline-offset:1px}.dev-input-num{font-variant-numeric:tabular-nums;width:110px;margin-top:0}.dev-stats{grid-template-columns:repeat(2,1fr);gap:4px 10px;display:grid}.dev-stat{border-bottom:1px dashed #ffffff14;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.dev-stat span{color:var(--color-muted,#9a97c9)}.dev-stat b{color:#fff}.dev-items{border:2px solid var(--color-outline,#05040d);background:var(--color-ink,#0a0b1c);border-radius:10px;max-height:176px;margin-top:6px;overflow-y:auto}.dev-item{color:#fff;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0f;grid-template-rows:auto auto;grid-template-columns:28px 1fr auto;align-items:center;column-gap:8px;padding:4px 8px;display:grid}.dev-item:active{background:#ffffff14}.dev-item.is-on{box-shadow:inset 3px 0 0 var(--color-cyan,#4fe3ff);background:#4fe3ff29}.dev-item .item-icon{grid-row:1/span 2}.dev-item-name{font-size:12px;font-weight:700;line-height:1.2}.dev-item-id{color:var(--color-muted,#9a97c9);grid-column:2;font-size:10px}.dev-item-have{color:var(--color-gold,#ffcf3f);grid-area:1/3/span 2;font-size:12px}.dev-empty{text-align:center;color:var(--color-muted,#9a97c9);padding:10px}.dev-picked{white-space:nowrap;text-overflow:ellipsis;flex:auto;align-items:center;gap:6px;min-width:0;font-weight:700;display:inline-flex;overflow:hidden}.dev-json{border:2px solid var(--color-line,#3b3680);background:var(--color-ink,#0a0b1c);color:#cfe3ff;resize:vertical;-webkit-user-select:text;user-select:text;border-radius:10px;width:100%;height:120px;margin-top:2px;padding:6px 8px;font:11px/1.4 ui-monospace,Consolas,monospace}.dev-hidden{display:none}.net-status{top:max(1px, env(safe-area-inset-top));z-index:95;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;inset-inline:0}.net-pill{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-ink) 90%, transparent);color:var(--color-paper-2);text-shadow:0 1px 0 var(--color-outline);border-radius:999px;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:10px;font-weight:700;line-height:15px;animation:.2s ease-out both net-in;display:inline-flex}.net-pill.is-error{border-color:var(--color-son-deep)}.net-dot{background:var(--color-ngoc);width:6px;height:6px;box-shadow:0 0 0 1px var(--color-outline);border-radius:50%}.net-pill.is-connecting .net-dot,.net-pill.is-syncing .net-dot{animation:1.1s ease-in-out infinite net-beat}.net-pill.is-pending .net-dot{background:var(--color-gold-deep)}.net-pill.is-error .net-dot{background:var(--color-son)}.net-update{border:1px solid var(--color-ngoc-deep);background:color-mix(in srgb, var(--color-ink) 92%, transparent);color:var(--color-cream);pointer-events:auto;border-radius:10px;align-items:center;gap:8px;padding:3px 4px 3px 12px;font-size:12px;font-weight:700;animation:.2s ease-out both net-in;display:inline-flex}.net-update-btn{border:1px solid var(--color-outline);background:var(--color-ngoc-deep);color:var(--color-cream);border-radius:8px;padding:2px 10px;font-size:12px;font-weight:800}.net-update-btn.is-later{border-color:var(--color-line);color:var(--color-paper-3);background:0 0;font-weight:700}.net-update-btn:active{transform:translateY(1px)}@keyframes net-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes net-beat{0%,to{opacity:1}50%{opacity:.35}}:root[data-reduce-motion] .net-pill .net-dot{animation:none}.guide-skip{border:2px solid var(--color-outline);color:var(--color-cream);background:var(--color-ink);box-shadow:0 2px 0 var(--color-outline);border-radius:999px;flex-shrink:0;padding:.25rem .7rem;font-size:12px;font-weight:800}.guide-skip:active{box-shadow:none;transform:translateY(1px)}.ld-screen{z-index:9000;color:var(--color-cream);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:linear-gradient(#e7eee8 0%,#c9d6cf 30%,#6f8681 55%,#22302e 78%,#0e1413 100%);flex-direction:column;transition:opacity .38s;display:flex;position:fixed;inset:0;overflow:hidden}.ld-screen.is-leaving{opacity:0;pointer-events:none}.ld-bg{opacity:.85;background:url(/ui/bg/title.webp) top/cover no-repeat;position:absolute;inset:0}.ld-bg:after{content:"";background:linear-gradient(#eef1ea59 0%,#eef1ea00 32%,#1620208c 56%,#0e1413f0 80%,#0e1413 100%);position:absolute;inset:0}.ld-mist{pointer-events:none;position:absolute;inset:0}.ld-mist i{background:radial-gradient(closest-side,#eef1ea8c,#eef1ea00);border-radius:50%;width:180%;height:90px;animation:26s linear infinite alternate ld-mist;position:absolute;left:-40%}.ld-mist i:first-child{top:30%}.ld-mist i:last-child{opacity:.6;height:60px;animation-duration:34s;animation-direction:alternate-reverse;top:44%}@keyframes ld-mist{0%{transform:translate(-8%)}to{transform:translate(8%)}}.ld-logo{color:#111a18;flex-direction:column;align-items:center;margin:11vh auto 0;display:flex;position:relative}.ld-logo-nano{font-family:var(--font-display);letter-spacing:.42em;color:var(--color-son-deep);padding-left:.42em;font-size:16px;font-weight:800}.ld-logo-main{text-shadow:0 0 6px #f4f8f4e6,0 0 2px #f4f8f4f2;font-size:66px;line-height:1}.ld-seal{border:2px solid var(--color-son-deep);background:var(--color-son);color:#f6e9dc;font-family:var(--font-brush);border-radius:4px;flex-direction:column;padding:3px 4px;font-size:11px;line-height:1.05;display:flex;position:absolute;bottom:6px;right:-40px;transform:rotate(6deg)}.ld-seal i{font-style:normal}.ld-mid{flex-direction:column;flex:1;justify-content:flex-end;padding:0 28px 18px;display:flex;position:relative}.ld-track-wrap{position:relative}.ld-lane{height:122px;margin:0 14px 0 4px;position:relative}.ld-runner{width:0;transition:left .45s cubic-bezier(.3,.7,.4,1);position:absolute;bottom:-1px}.ld-runner .ld-rig{position:absolute;bottom:0;left:-10px}.ld-track{border:2px solid var(--color-outline);background:var(--color-panel);height:16px;box-shadow:0 3px 0 var(--color-outline), inset 0 2px 0 #00000059;border-radius:10px;position:relative;overflow:hidden}.ld-fill{background:linear-gradient(180deg, var(--ngoc-hi) 0%, var(--color-ngoc) 50%, #3f9c80 100%);height:100%;box-shadow:inset -2px 0 0 var(--color-ngoc-deep);border-radius:8px 0 0 8px;transition:width .45s cubic-bezier(.3,.7,.4,1)}.ld-row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;display:flex}.ld-stage{color:var(--color-cream);font-size:15px;font-weight:700}.ld-pct{font-family:var(--font-display);color:var(--color-gold);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.ld-dust{position:absolute;bottom:-2px;left:-26px}.ld-dust i{opacity:0;background:#9db0a8bf;border-radius:50%;width:10px;height:10px;animation:.62s ease-out infinite ld-dust;position:absolute}.ld-dust i:nth-child(2){width:8px;height:8px;animation-delay:.21s}.ld-dust i:nth-child(3){width:12px;height:12px;animation-delay:.42s}@keyframes ld-dust{0%{opacity:.8;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(-22px,-10px)scale(1.4)}}.ld-rig{opacity:0;width:0;transition:opacity .25s;position:relative}.ld-rig.is-ready{opacity:1}.ld-rig-stage{transform-origin:0 0;width:0;height:0;position:absolute;bottom:0;left:0}.ld-rig-part{transform-origin:0 0;will-change:transform;background-repeat:no-repeat;position:absolute;top:0;left:0}.ld-error{border:2px solid var(--color-outline);border-radius:var(--radius-chunk);background:var(--color-panel);width:100%;max-width:320px;box-shadow:0 3px 0 var(--color-outline);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:0 auto;padding:18px 18px 20px;display:flex;position:relative}.ld-error-hero{height:96px;margin:-64px 0 4px}.ld-error-hero.ld-rig{width:0}.ld-error-title{color:var(--color-cream);font-size:24px}.ld-error-body{color:var(--color-muted);margin:0;font-size:14px;line-height:1.4}.ld-retry{min-width:160px;margin-top:6px}.ld-tip{padding:0 20px 26px;position:relative}.ld-tip-card{border:2px solid var(--color-outline);background:var(--color-paper);min-height:74px;box-shadow:0 3px 0 var(--color-outline);color:var(--color-inkbrown);border-radius:12px;padding:14px 16px 12px;position:relative}.ld-tip-label{border:2px solid var(--color-son-deep);background:var(--color-son);color:#f6e9dc;font-family:var(--font-brush);border-radius:4px;padding:0 8px;font-size:13px;line-height:18px;position:absolute;top:-11px;left:14px}.ld-tip-text{margin:0;font-size:15px;font-weight:600;line-height:1.4;animation:.35s both ld-tip-in}@keyframes ld-tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-height:700px){.ld-logo{margin-top:7vh}.ld-logo-main{font-size:54px}}.ld-screen.is-still .ld-mist i,.ld-screen.is-still .ld-tip-text{animation:none}.ld-screen.is-still .ld-runner,.ld-screen.is-still .ld-fill{transition:none}@media (prefers-reduced-motion:reduce){.ld-mist i,.ld-dust i,.ld-tip-text{animation:none}.ld-runner,.ld-fill{transition:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#0e1413;--color-night:#162020;--color-panel:#1b2625;--color-panel-2:#253331;--color-panel-3:#32443f;--color-line:#4a5f59;--color-outline:#0b1110;--color-paper:#eef1ea;--color-paper-2:#dce4dc;--color-paper-3:#b4c2b8;--color-inkbrown:#1c2826;--color-inkmuted:#566862;--color-cream:#eef3ec;--color-gold:#d8bb72;--color-gold-deep:#8c7234;--color-son:#c8402c;--color-son-deep:#84251a;--color-ngoc:#4fb394;--color-ngoc-deep:#1d6150;--color-man:#8f8bc0;--color-pink:#c8402c;--color-cyan:#4fb394;--color-violet:#8f8bc0;--color-muted:#9db0a8;--color-win:#6fb46a;--color-lose:#d0503c;--color-tamquoc:#c8553a;--color-giangho:#5a87b5;--color-luongson:#5d9a5f;--color-thanma:#d4a23a;--color-datviet:#b65a96;--color-r:#5aa392;--color-sr:#9a72c0;--color-ssr:#e5b142;--color-ur:#d8452e;--font-display:"Baloo 2", system-ui, sans-serif;--font-brush:"Protest Riot", "Baloo 2", system-ui, sans-serif;--font-brush-xl:"Protest Revolution", "Protest Riot", "Baloo 2", system-ui, sans-serif;--radius-chunk:14px;--animate-pop-in:pop-in .32s cubic-bezier(.2, 1.6, .4, 1) both;--animate-rise:rise .4s cubic-bezier(.2, 1, .3, 1) both}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.sticker{-webkit-text-stroke:.22em var(--color-outline);paint-order:stroke fill}.sticker-sm{-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill}.font-display{font-family:var(--font-display);letter-spacing:.01em;font-weight:800;line-height:1}.font-brush{font-family:var(--font-brush);letter-spacing:.01em;font-weight:400;line-height:1.25}.title-brush{font-family:var(--font-brush);letter-spacing:.01em;color:var(--color-cream);-webkit-text-stroke:.16em var(--color-outline);paint-order:stroke fill;text-shadow:0 .09em 0 var(--color-outline);font-weight:400;line-height:1.25}.brush-xl{font-family:var(--font-brush-xl);letter-spacing:.02em}.title-brush-ink{font-family:var(--font-brush);color:var(--color-inkbrown);font-weight:400;line-height:1.25}.seal{vertical-align:.05em;border:2px solid var(--color-son-deep);background:linear-gradient(90deg, transparent 46%, #fbf0e8b3 46% 56%, transparent 56%) center / 50% 50% no-repeat, var(--color-son);border-radius:3px;flex:none;width:.78em;height:.78em;display:inline-block;transform:rotate(-5deg);box-shadow:inset 0 0 0 2px #fbf0e899}.num{font-variant-numeric:tabular-nums}.fit-text{min-width:0;display:block}.fit-text-in{white-space:nowrap;vertical-align:top;max-width:none;padding-inline:.08em;display:inline-block}.fit-text.is-wrap>.fit-text-in{white-space:normal;text-wrap:balance;overflow-wrap:anywhere;max-width:100%}.btn-ngoc,.btn-cyan{--shade:#0b111047;border:2px solid var(--color-outline);color:var(--color-cream);cursor:pointer;box-shadow:0 3px 0 var(--color-outline), inset 0 -3px 0 var(--shade);isolation:isolate;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6rem 1rem;font-weight:800;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}:is(.btn-ngoc,.btn-cyan):active:not(:disabled){box-shadow:0 0 0 var(--color-outline), inset 0 -1px 0 var(--shade);transform:translateY(3px)}:is(.btn-ngoc,.btn-cyan):disabled{filter:grayscale(.85)brightness(.74);cursor:default}:is(.btn-ngoc,.btn-cyan):focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.btn-ngoc,.btn-cyan{--shade:#1d615099;color:#0c231d;background:linear-gradient(180deg, var(--ngoc-hi) 0%, var(--color-ngoc) 48%, #44a487 100%)}.btn-gold{--shade:#0b111047;border:2px solid var(--color-outline);color:var(--color-cream);cursor:pointer;box-shadow:0 3px 0 var(--color-outline), inset 0 -3px 0 var(--shade);isolation:isolate;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6rem 1rem;font-weight:800;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}.btn-gold:active:not(:disabled){box-shadow:0 0 0 var(--color-outline), inset 0 -1px 0 var(--shade);transform:translateY(3px)}.btn-gold:disabled{filter:grayscale(.85)brightness(.74);cursor:default}.btn-gold:focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.btn-gold{--shade:#8c72349e;color:#2b2208;background:linear-gradient(180deg, #efdda8 0%, var(--color-gold) 48%, #c9aa5f 100%)}.btn-son,.btn-pink{--shade:#0b111047;border:2px solid var(--color-outline);color:var(--color-cream);cursor:pointer;box-shadow:0 3px 0 var(--color-outline), inset 0 -3px 0 var(--shade);isolation:isolate;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6rem 1rem;font-weight:800;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}:is(.btn-son,.btn-pink):active:not(:disabled){box-shadow:0 0 0 var(--color-outline), inset 0 -1px 0 var(--shade);transform:translateY(3px)}:is(.btn-son,.btn-pink):disabled{filter:grayscale(.85)brightness(.74);cursor:default}:is(.btn-son,.btn-pink):focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.btn-son,.btn-pink{--shade:#84251ab3;color:#fbf0e8;background:linear-gradient(180deg, #de7059 0%, var(--color-son) 48%, #b5371f 100%);text-shadow:0 1px #3c0c0699}.btn-dark{--shade:#0b111047;border:2px solid var(--color-outline);color:var(--color-cream);cursor:pointer;box-shadow:0 3px 0 var(--color-outline), inset 0 -3px 0 var(--shade);isolation:isolate;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6rem 1rem;font-weight:800;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}.btn-dark:active:not(:disabled){box-shadow:0 0 0 var(--color-outline), inset 0 -1px 0 var(--shade);transform:translateY(3px)}.btn-dark:disabled{filter:grayscale(.85)brightness(.74);cursor:default}.btn-dark:focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.btn-dark{background-color:var(--color-panel-3);background-image:linear-gradient(180deg, #eef3ec1f 0%, #eef3ec05 50%, #0b111033 100%), var(--tex-stone);background-size:100% 100%,256px 256px}.btn-ghost{--shade:#0b111047;border:2px solid var(--color-outline);color:var(--color-cream);cursor:pointer;box-shadow:0 3px 0 var(--color-outline), inset 0 -3px 0 var(--shade);isolation:isolate;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6rem 1rem;font-weight:800;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}.btn-ghost:active:not(:disabled){box-shadow:0 0 0 var(--color-outline), inset 0 -1px 0 var(--shade);transform:translateY(3px)}.btn-ghost:disabled{filter:grayscale(.85)brightness(.74);cursor:default}.btn-ghost:focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.btn-ghost{box-shadow:0 3px 0 var(--color-outline), inset 0 0 0 1.5px #c9d6cf4d;background:#0e14138c}.btn-shine:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#fff0,#ffffff6b,#fff0);width:30%;animation:3.2s ease-in-out infinite shine-sweep;position:absolute;inset:-10% auto -10% 0}.panel{--rim:#c9d6cf29;color:var(--color-cream);border:2px solid var(--color-outline);background-color:var(--color-panel);background-image:linear-gradient(180deg, #eef3ec0d 0%, #0b111000 40%, #0b11104d 100%), var(--tex-stone);box-shadow:inset 0 0 0 1.5px var(--rim), 0 3px 0 var(--color-outline);background-size:100% 100%,256px 256px;border-radius:12px;position:relative}.panel-gold{--rim:#d8bb72bf}.panel-son,.panel-pink{--rim:#c8402ccc}.panel-ngoc,.panel-cyan{--rim:#4fb394b8}.frame-corners:after{content:"";pointer-events:none;z-index:2;--cs:30px;background:url(/ui/kit/corner-tl.svg) left top / var(--cs) no-repeat, url(/ui/kit/corner-tr.svg) right top / var(--cs) no-repeat, url(/ui/kit/corner-bl.svg) left bottom / var(--cs) no-repeat, url(/ui/kit/corner-br.svg) right bottom / var(--cs) no-repeat;position:absolute;inset:-6px}.frame-corners-sm:after{--cs:20px;inset:-4px}.well{border:1.5px solid var(--color-outline);background:#0b111073;border-radius:9px;box-shadow:inset 0 2px #00000052}.paper{color:var(--color-inkbrown);border:2px solid var(--color-outline);background-color:var(--color-paper);background-image:radial-gradient(130% 95% at 50% 40%, #eef1ea00 55%, #56686229 100%), var(--tex-paper);background-size:100% 100%,320px 320px;border-radius:10px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff8c,0 3px #0b1110b3}.paper-well{color:var(--color-inkbrown);background:#b4c2b857;border:1.5px solid #1c28264d;border-radius:8px;box-shadow:inset 0 2px #1c28261a}.ribbon{text-align:center;text-wrap:balance;z-index:3;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);font-family:var(--font-brush);color:var(--color-inkbrown);border:2px solid var(--color-outline);background:linear-gradient(180deg, #ffffff8c 0 2px, transparent 2px calc(100% - 3px), #56686238 calc(100% - 3px)), var(--tex-paper) 0 0 / 320px 320px, var(--color-paper);border-radius:3px;margin-inline:auto;padding:.3rem 1.2rem .24rem;font-size:1.05rem;font-weight:400;line-height:1.15;position:absolute;top:0;left:0;right:0;transform:translateY(-55%);box-shadow:0 3px #0b1110b3}.ribbon:before,.ribbon:after{content:"";border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-gold) 0 3px, transparent 3px calc(100% - 3px), var(--color-gold) calc(100% - 3px)), linear-gradient(90deg, var(--color-ngoc-deep) 0%, #5fbf9f 42%, var(--color-ngoc) 64%, var(--color-ngoc-deep) 100%);border-radius:5px;width:9px;position:absolute;top:-6px;bottom:-6px}.ribbon:before{left:-9px}.ribbon:after{right:-9px}.silk{color:var(--color-inkbrown);border-left:2px solid var(--color-outline);border-right:2px solid var(--color-outline);background-color:var(--color-paper);background-image:radial-gradient(120% 90% at 50% 40%, #eef1ea00 60%, #5668622e 100%), var(--tex-paper);box-shadow:inset 0 0 0 5px var(--color-paper), inset 0 0 0 6.5px #1c282638, 0 4px 0 #0b11108c;background-size:100% 100%,320px 320px;margin:9px 6px;padding:20px 14px 14px;position:relative}.silk:before,.silk:after{content:"";border:2px solid var(--color-outline);background:linear-gradient(90deg, var(--color-gold) 0 9px, transparent 9px calc(100% - 9px), var(--color-gold) calc(100% - 9px)), linear-gradient(180deg, var(--ngoc-hi) 0%, var(--color-ngoc) 38%, #2f8169 72%, var(--color-ngoc-deep) 100%);z-index:1;border-radius:7px;height:13px;position:absolute;left:-11px;right:-11px;box-shadow:0 2px #0b111099}.silk:before{top:-8px}.silk:after{bottom:-8px}.silk-title{font-family:var(--font-brush);color:var(--color-inkbrown);text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:1.4rem;font-weight:400;line-height:1.2;display:flex}.silk-title:before,.silk-title:after{content:"";background:linear-gradient(90deg,#1c282600,#1c28268c);border-radius:2px;flex:1;max-width:52px;height:2px}.silk-title:after{transform:scaleX(-1)}.chip{border:2px solid var(--color-outline);background:#0e1413c7;border-radius:999px;align-items:center;gap:.35em;padding:.1rem .6rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #c9d6cf33}.chip-paper{color:var(--color-inkbrown);background:var(--color-paper-2);box-shadow:inset 0 1px #fff9}.tab-row{border-bottom:2px solid var(--color-outline);align-items:flex-end;gap:4px;padding:0 6px;display:flex}.tab{border:2px solid var(--color-outline);min-width:0;color:var(--color-muted);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel-2));cursor:pointer;border-bottom:0;border-radius:10px 10px 0 0;flex:1;padding:.35rem .6rem .25rem;font-size:.875rem;font-weight:800;line-height:1.15;transition:transform .12s ease-out;position:relative}.tab.is-on,.tab[aria-selected=true]{color:var(--color-inkbrown);background:linear-gradient(180deg, #f7f9f4, var(--color-paper));box-shadow:inset 0 3px 0 var(--color-ngoc);margin-bottom:-2px;padding-bottom:calc(.25rem + 2px);transform:translateY(1px)}.tab:active:not(.is-on){transform:translateY(1px)}.seg{border:2px solid var(--color-outline);box-shadow:0 3px 0 var(--color-outline);background:#0e1413cc;border-radius:10px;display:flex;overflow:hidden}.seg>button{min-width:2.25rem;color:var(--color-cream);padding:.25rem .5rem;font-size:.875rem;font-weight:800;transition:background-color .12s,color .12s}.seg>button+button{border-left:1.5px solid #4a5f59b3}.seg>button:active{background:#eef3ec14}.seg>button.is-on{color:#0c231d;background:linear-gradient(180deg, var(--ngoc-hi), var(--color-ngoc) 55%, #44a487);box-shadow:inset 0 -2px #1d61508c}.pill{--pc:var(--color-line);border:2px solid var(--pc);color:var(--pc);border-radius:999px;align-items:center;padding:.05rem .5rem;font-size:11px;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pill{color:color-mix(in srgb, var(--pc) 55%, var(--color-cream))}}.pill{background:#0e14139e}.modal-veil{background:#0a100fc2}.red-dot{border:2px solid var(--color-outline);pointer-events:none;background:radial-gradient(circle at 35% 30%,#f3a493 0 18%,#dc4b33 32%,#a92f1d 100%);border-radius:999px;width:14px;height:14px;position:absolute;box-shadow:0 0 4px 1px #c8402c8c}.bar{border:2px solid var(--color-outline);background:var(--color-ink);border-radius:999px;height:10px;position:relative;overflow:hidden}.bar>.bar-trail,.bar>.bar-fill{transform-origin:0;transform:scaleX(var(--v,1));border-radius:inherit;position:absolute;inset:0}.bar>.bar-trail{background:#eef3ec80;transition:transform .55s ease-in .15s}.bar>.bar-fill{background:var(--fill,linear-gradient(180deg, #a3dc9c, #6fb46a 55%, #3f7f3e));transition:transform .14s linear;box-shadow:inset 0 2px #ffffff3d}.bar-hp{--fill:linear-gradient(180deg, #a3dc9c, #6fb46a 55%, #3f7f3e)}.bar-hp.is-mid{--fill:linear-gradient(180deg, #efdda8, #d8bb72 55%, #8c7234)}.bar-hp.is-low,.bar-enemy{--fill:linear-gradient(180deg, #e88a73, #c8402c 55%, #84251a)}.bar-rage{--fill:linear-gradient(90deg, #8c7234, #d8bb72 45%, #d0643a 80%, #c8402c)}.bar-rage.is-full{--fill:linear-gradient(90deg, #f3e4b8, #d8bb72 55%, #e0893a)}.bar-gold{--fill:linear-gradient(180deg, #efdda8, #d8bb72 55%, #8c7234)}.bar-ngoc{--fill:linear-gradient(180deg, var(--ngoc-hi), var(--color-ngoc) 55%, var(--color-ngoc-deep))}.sunburst{background:repeating-conic-gradient(#d8bb7242 0deg 9deg,#c9d6cf0f 9deg 13deg,#d8bb7200 13deg 22.5deg);border-radius:50%;animation:16s linear infinite spin-slow;-webkit-mask-image:radial-gradient(closest-side,#000 25%,#0000 100%);mask-image:radial-gradient(closest-side,#000 25%,#0000 100%)}.portrait{--fc:#8f8bc0;border:3px solid var(--color-outline);background:radial-gradient(90% 80% at 50% 25%, var(--fc) 0%, transparent 72%), linear-gradient(180deg, var(--fc) 0%, var(--color-night) 100%);border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}@supports (color:color-mix(in lab, red, red)){.portrait{background:radial-gradient(90% 80% at 50% 25%, color-mix(in srgb, var(--fc) 42%, transparent) 0%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--fc) 30%, var(--color-panel-3)) 0%, var(--color-night) 100%)}}.portrait{box-shadow:inset 0 0 0 2px var(--fc)}@supports (color:color-mix(in lab, red, red)){.portrait{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--fc) 60%, transparent)}}.portrait-img{pointer-events:none;background-repeat:no-repeat;position:absolute}.portrait-initials{color:var(--color-cream);-webkit-text-stroke:4px var(--color-outline);paint-order:stroke fill;place-items:center;font-size:40cqw;font-weight:800;display:grid;position:absolute;inset:0}.skill-icon{--sc:#8f8bc0;--ring:var(--sc)}@supports (color:color-mix(in lab, red, red)){.skill-icon{--ring:color-mix(in srgb, var(--sc) 65%, transparent)}}.skill-icon{border:3px solid var(--color-outline);background:radial-gradient(80% 70% at 50% 30%, var(--sc) 0%, transparent 75%), linear-gradient(180deg, var(--sc) 0%, var(--color-night) 100%);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden;container-type:inline-size}@supports (color:color-mix(in lab, red, red)){.skill-icon{background:radial-gradient(80% 70% at 50% 30%, color-mix(in srgb, var(--sc) 50%, transparent) 0%, transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--sc) 28%, var(--color-panel-3)) 0%, var(--color-night) 100%)}}.skill-icon{box-shadow:0 3px 0 var(--color-outline)}.skill-icon:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 2px var(--ring);border-radius:7px;position:absolute;inset:0}.skill-icon img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skill-icon-ultimate{--ring:var(--sc);box-shadow:0 0 0 2.5px var(--color-gold), 0 0 0 4.5px var(--color-outline), 0 4px 0 var(--color-outline)}.skill-icon-passive{--ring:var(--sc)}@supports (color:color-mix(in lab, red, red)){.skill-icon-passive{--ring:color-mix(in srgb, var(--sc) 30%, transparent)}}.skill-icon-passive{border-radius:999px}.skill-icon-passive:after{background:radial-gradient(closest-side,#0000 70%,#0e14138c 100%);border-radius:999px}.skill-icon-initials{color:var(--color-cream);-webkit-text-stroke:3px var(--color-outline);paint-order:stroke fill;place-items:center;font-size:36cqw;font-weight:800;display:grid;position:absolute;inset:0}.hud-card{transition:transform .18s cubic-bezier(.2,1.6,.4,1),filter .3s;position:relative}.hud-card>.hud-ready{aspect-ratio:1;opacity:0;pointer-events:none;border:3px solid #efdda8;border-radius:15px;position:absolute;inset:-5px -4px auto;box-shadow:0 0 8px 2px #d8bb72a6}.hud-card.is-ready{transform:translateY(-5px)}.hud-card.is-ready>.hud-ready{animation:.9s ease-in-out infinite glow-pulse}.hud-card.is-ready .hud-ready-tag{opacity:1;transform:translate(-50%)scale(1)}.hud-ready-tag{opacity:0;z-index:2;white-space:nowrap;background:var(--color-gold);color:#2b2208;transition:transform .2s cubic-bezier(.2,1.6,.4,1),opacity .15s;position:absolute;top:-10px;left:50%;transform:translate(-50%,4px)scale(.6)}.hud-ready-tag .tag-manual{display:none}.hud-manual .hud-card{pointer-events:auto;cursor:pointer}.hud-manual .hud-card.is-ready{transform:translateY(-10px)scale(1.06)}.hud-manual .hud-card.is-ready>.hud-ready{border-color:var(--color-cream);animation-duration:.5s;box-shadow:0 0 10px 3px #c8402cd9}.hud-manual .hud-ready-tag{background:var(--color-son);color:#fbf0e8}.hud-manual .hud-ready-tag .tag-auto{display:none}.hud-manual .hud-ready-tag .tag-manual{display:inline}.hud-manual .hud-card.is-ready .hud-ready-tag{animation:.6s ease-in-out infinite bob-y}.hud-ready-tag .tag-queued{display:none}.hud-manual .hud-card.is-queued>.hud-ready{opacity:1;border-color:var(--color-ngoc);animation:none;box-shadow:0 0 8px 2px #4fb394cc}.hud-manual .hud-card.is-queued .hud-ready-tag{background:var(--color-ngoc);color:#0c231d;animation:none}.hud-manual .hud-card.is-queued .hud-ready-tag .tag-manual{display:none}.hud-manual .hud-card.is-queued .hud-ready-tag .tag-queued{display:inline}.fcell{text-align:left;background:#0e14137a;border:2px dashed #c9d6cf6b;border-radius:12px;flex-direction:column;justify-content:center;align-items:stretch;min-height:74px;transition:transform .12s cubic-bezier(.2,1.6,.4,1),box-shadow .15s,border-color .15s;display:flex;position:relative}.fcell:active{transform:scale(.96)}.fcell.is-filled{border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-3), var(--color-panel));box-shadow:0 3px 0 var(--color-outline)}.fcell.is-lit{background:linear-gradient(180deg, #676a4f, var(--color-panel))}@supports (color:color-mix(in lab, red, red)){.fcell.is-lit{background:linear-gradient(180deg, color-mix(in srgb, var(--color-gold) 32%, var(--color-panel-3)), var(--color-panel))}}.fcell.is-lit{box-shadow:0 3px 0 var(--color-outline), 0 0 0 2px #d8bb72cc}.fcell.is-tip{box-shadow:0 3px 0 var(--color-outline), 0 0 0 2px var(--color-gold)}.fcell.is-warn{box-shadow:0 3px 0 var(--color-outline), 0 0 0 3px var(--color-lose)}.fcell.is-preview{border-color:var(--color-ngoc);border-style:solid}.fcell.is-preview:not(.is-filled){background:#4fb39429}.fcell.is-selected{box-shadow:0 0 0 3px var(--color-ngoc), 0 4px 0 var(--color-outline);transform:translateY(-4px)}.fcell.is-target{border-color:#8fd6bcd9;animation:1s ease-in-out infinite glow-pulse}.hud-card.is-dead .portrait-img,.hud-card.is-dead .portrait-initials,.hud-card.is-dead .bar{filter:grayscale()brightness(.45)}.hud-card .hud-dead-tag{display:none}.hud-card.is-dead .hud-dead-tag{display:grid}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.btn{--shade:#0b111047;border:2px solid var(--color-outline);color:var(--color-cream);cursor:pointer;box-shadow:0 3px 0 var(--color-outline), inset 0 -3px 0 var(--shade);isolation:isolate;border-radius:10px;justify-content:center;align-items:center;gap:.4em;padding:.6rem 1rem;font-weight:800;line-height:1.1;transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){box-shadow:0 0 0 var(--color-outline), inset 0 -1px 0 var(--shade);transform:translateY(3px)}.btn:disabled{filter:grayscale(.85)brightness(.74);cursor:default}.btn:focus-visible{outline:3px solid var(--color-ngoc);outline-offset:2px}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.-top-1{top:calc(var(--spacing) * -1)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-2{top:calc(var(--spacing) * 2)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-14{top:calc(var(--spacing) * 14)}.top-20{top:calc(var(--spacing) * 20)}.top-24{top:calc(var(--spacing) * 24)}.top-28{top:calc(var(--spacing) * 28)}.top-40{top:calc(var(--spacing) * 40)}.top-44{top:calc(var(--spacing) * 44)}.top-\[72px\]{top:72px}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-\[18\%\]{right:18%}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-52{bottom:calc(var(--spacing) * 52)}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:0}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[70\]{z-index:70}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.\!mt-0{margin-top:0!important}.\!mt-0\.5{margin-top:calc(var(--spacing) * .5)!important}.\!mt-1{margin-top:var(--spacing)!important}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.\!h-\[60px\]{height:60px!important}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-32{height:calc(var(--spacing) * 32)}.h-\[3px\]{height:3px}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[11px\]{height:11px}.h-\[14px\]{height:14px}.h-\[32px\]{height:32px}.h-\[760px\]{height:760px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-\[34vh\]{max-height:34vh}.max-h-\[46vh\]{max-height:46vh}.max-h-\[56vh\]{max-height:56vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[78vh\]{max-height:78vh}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[1\.2em\]{min-height:1.2em}.min-h-\[24px\]{min-height:24px}.min-h-\[48px\]{min-height:48px}.min-h-\[112px\]{min-height:112px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-\[60px\]{width:60px!important}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-\[10px\]{width:10px}.w-\[14px\]{width:14px}.w-\[54px\]{width:54px}.w-\[66px\]{width:66px}.w-\[72px\]{width:72px}.w-\[78px\]{width:78px}.w-\[80px\]{width:80px}.w-\[84px\]{width:84px}.w-\[86px\]{width:86px}.w-\[92px\]{width:92px}.w-\[96px\]{width:96px}.w-\[104px\]{width:104px}.w-\[110px\]{width:110px}.w-\[112px\]{width:112px}.w-\[366px\]{width:366px}.w-\[390px\]{width:390px}.w-full{width:100%}.max-w-\[72px\]{max-width:72px}.max-w-\[76px\]{max-width:76px}.max-w-\[270px\]{max-width:270px}.max-w-\[300px\]{max-width:300px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[430px\]{max-width:430px}.max-w-\[480px\]{max-width:480px}.max-w-\[560px\]{max-width:560px}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-\[78px\]{min-width:78px}.flex-1{flex:1}.flex-\[1\.4\]{flex:1.4}.flex-\[2\]{flex:2}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-\[-8deg\]{rotate:-8deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pop-in{animation:var(--animate-pop-in)}.animate-pulse{animation:var(--animate-pulse)}.animate-rise{animation:var(--animate-rise)}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.grid-cols-\[40px_repeat\(3\,1fr\)\]{grid-template-columns:40px repeat(3,1fr)}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[3px\]{gap:3px}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-\[10px\]{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-y-2{border-block-style:var(--tw-border-style);border-block-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.\!border-ngoc-deep{border-color:var(--color-ngoc-deep)!important}.border-gold{border-color:var(--color-gold)}.border-gold-deep\/70{border-color:#8c7234b3}@supports (color:color-mix(in lab, red, red)){.border-gold-deep\/70{border-color:color-mix(in oklab, var(--color-gold-deep) 70%, transparent)}}.border-inkmuted\/25{border-color:#56686240}@supports (color:color-mix(in lab, red, red)){.border-inkmuted\/25{border-color:color-mix(in oklab, var(--color-inkmuted) 25%, transparent)}}.border-inkmuted\/40{border-color:#56686266}@supports (color:color-mix(in lab, red, red)){.border-inkmuted\/40{border-color:color-mix(in oklab, var(--color-inkmuted) 40%, transparent)}}.border-line{border-color:var(--color-line)}.border-lose\/50{border-color:#d0503c80}@supports (color:color-mix(in lab, red, red)){.border-lose\/50{border-color:color-mix(in oklab, var(--color-lose) 50%, transparent)}}.border-man\/60{border-color:#8f8bc099}@supports (color:color-mix(in lab, red, red)){.border-man\/60{border-color:color-mix(in oklab, var(--color-man) 60%, transparent)}}.border-ngoc\/60{border-color:#4fb39499}@supports (color:color-mix(in lab, red, red)){.border-ngoc\/60{border-color:color-mix(in oklab, var(--color-ngoc) 60%, transparent)}}.border-outline{border-color:var(--color-outline)}.border-son{border-color:var(--color-son)}.border-son-deep{border-color:var(--color-son-deep)}.bg-\[rgba\(14\,20\,19\,0\.45\)\]{background-color:#0e141373}.bg-\[rgba\(14\,20\,19\,0\.85\)\]{background-color:#0e1413d9}.bg-\[rgba\(23\,17\,14\,0\.45\)\]{background-color:#17110e73}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-gold{background-color:var(--color-gold)}.bg-gold\/15{background-color:#d8bb7226}@supports (color:color-mix(in lab, red, red)){.bg-gold\/15{background-color:color-mix(in oklab, var(--color-gold) 15%, transparent)}}.bg-gold\/25{background-color:#d8bb7240}@supports (color:color-mix(in lab, red, red)){.bg-gold\/25{background-color:color-mix(in oklab, var(--color-gold) 25%, transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-ink\/30{background-color:#0e14134d}@supports (color:color-mix(in lab, red, red)){.bg-ink\/30{background-color:color-mix(in oklab, var(--color-ink) 30%, transparent)}}.bg-ink\/45{background-color:#0e141373}@supports (color:color-mix(in lab, red, red)){.bg-ink\/45{background-color:color-mix(in oklab, var(--color-ink) 45%, transparent)}}.bg-ink\/55{background-color:#0e14138c}@supports (color:color-mix(in lab, red, red)){.bg-ink\/55{background-color:color-mix(in oklab, var(--color-ink) 55%, transparent)}}.bg-ink\/60{background-color:#0e141399}@supports (color:color-mix(in lab, red, red)){.bg-ink\/60{background-color:color-mix(in oklab, var(--color-ink) 60%, transparent)}}.bg-ink\/80{background-color:#0e1413cc}@supports (color:color-mix(in lab, red, red)){.bg-ink\/80{background-color:color-mix(in oklab, var(--color-ink) 80%, transparent)}}.bg-lose\/15{background-color:#d0503c26}@supports (color:color-mix(in lab, red, red)){.bg-lose\/15{background-color:color-mix(in oklab, var(--color-lose) 15%, transparent)}}.bg-man\/15{background-color:#8f8bc026}@supports (color:color-mix(in lab, red, red)){.bg-man\/15{background-color:color-mix(in oklab, var(--color-man) 15%, transparent)}}.bg-ngoc{background-color:var(--color-ngoc)}.bg-ngoc\/15{background-color:#4fb39426}@supports (color:color-mix(in lab, red, red)){.bg-ngoc\/15{background-color:color-mix(in oklab, var(--color-ngoc) 15%, transparent)}}.bg-ngoc\/25{background-color:#4fb39440}@supports (color:color-mix(in lab, red, red)){.bg-ngoc\/25{background-color:color-mix(in oklab, var(--color-ngoc) 25%, transparent)}}.bg-outline\/15{background-color:#0b111026}@supports (color:color-mix(in lab, red, red)){.bg-outline\/15{background-color:color-mix(in oklab, var(--color-outline) 15%, transparent)}}.bg-panel{background-color:var(--color-panel)}.bg-panel-2{background-color:var(--color-panel-2)}.bg-panel\/90{background-color:#1b2625e6}@supports (color:color-mix(in lab, red, red)){.bg-panel\/90{background-color:color-mix(in oklab, var(--color-panel) 90%, transparent)}}.bg-panel\/95{background-color:#1b2625f2}@supports (color:color-mix(in lab, red, red)){.bg-panel\/95{background-color:color-mix(in oklab, var(--color-panel) 95%, transparent)}}.bg-paper-3{background-color:var(--color-paper-3)}.bg-paper-3\/20{background-color:#b4c2b833}@supports (color:color-mix(in lab, red, red)){.bg-paper-3\/20{background-color:color-mix(in oklab, var(--color-paper-3) 20%, transparent)}}.bg-son{background-color:var(--color-son)}.bg-son-deep\/85{background-color:#84251ad9}@supports (color:color-mix(in lab, red, red)){.bg-son-deep\/85{background-color:color-mix(in oklab, var(--color-son-deep) 85%, transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle\,color-mix\(in_srgb\,var\(--color-ngoc\)_22\%\,transparent\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,#4fb39438,#0000 70%)}@supports (color:color-mix(in lab, red, red)){.bg-\[radial-gradient\(circle\,color-mix\(in_srgb\,var\(--color-ngoc\)_22\%\,transparent\)\,transparent_70\%\)\]{background-image:radial-gradient(circle,color-mix(in srgb,var(--color-ngoc) 22%,transparent),transparent 70%)}}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-son{--tw-gradient-to:var(--color-son);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.\!px-1{padding-inline:var(--spacing)!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.\!py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.\!py-1{padding-block:var(--spacing)!important}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[3px\]{padding-block:3px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-40{padding-bottom:calc(var(--spacing) * 40)}.pb-64{padding-bottom:calc(var(--spacing) * 64)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:var(--spacing)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[-1px\]{vertical-align:-1px}.align-top{vertical-align:top}.font-brush{font-family:var(--font-brush)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[23px\]{font-size:23px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[52px\]{font-size:52px}.\!leading-\[1\.3\]{--tw-leading:1.3!important;line-height:1.3!important}.\!leading-\[1\.15\]{--tw-leading:1.15!important;line-height:1.15!important}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[13px\]{--tw-leading:13px;line-height:13px}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[\#e8ecf6\]{color:#e8ecf6}.text-cream{color:var(--color-cream)}.text-cream\/80{color:#eef3eccc}@supports (color:color-mix(in lab, red, red)){.text-cream\/80{color:color-mix(in oklab, var(--color-cream) 80%, transparent)}}.text-cream\/85{color:#eef3ecd9}@supports (color:color-mix(in lab, red, red)){.text-cream\/85{color:color-mix(in oklab, var(--color-cream) 85%, transparent)}}.text-gold{color:var(--color-gold)}.text-gold-deep{color:var(--color-gold-deep)}.text-inkbrown{color:var(--color-inkbrown)}.text-inkmuted{color:var(--color-inkmuted)}.text-line{color:var(--color-line)}.text-lose{color:var(--color-lose)}.text-muted{color:var(--color-muted)}.text-ngoc{color:var(--color-ngoc)}.text-ngoc-deep{color:var(--color-ngoc-deep)}.text-outline{color:var(--color-outline)}.text-paper-2{color:var(--color-paper-2)}.text-son{color:var(--color-son)}.text-son-deep{color:var(--color-son-deep)}.text-white{color:var(--color-white)}.text-win{color:var(--color-win)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.accent-ngoc{accent-color:var(--color-ngoc)}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_var\(--color-gold\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-gold));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_var\(--color-ngoc\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--color-ngoc));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.active\:translate-y-0\.5:active{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}@media (min-width:481px){.min-\[481px\]\:border-x-\[3px\]{border-inline-style:var(--tw-border-style);border-inline-width:3px}.min-\[481px\]\:border-outline{border-color:var(--color-outline)}.min-\[481px\]\:shadow-\[0_0_40px_var\(--color-outline\)\]{--tw-shadow:0 0 40px var(--tw-shadow-color,var(--color-outline));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.\[\&\>\.tab\]\:px-1>.tab{padding-inline:var(--spacing)}.\[\&\>\.tab\]\:whitespace-nowrap>.tab{white-space:nowrap}.\[\&\>div\]\:text-\[15px\]>div{font-size:15px}}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400 800;src:url(/ui/fonts/baloo2-vietnamese.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400 800;src:url(/ui/fonts/baloo2-latin-ext.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400 800;src:url(/ui/fonts/baloo2-latin.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Protest Riot;font-style:normal;font-display:swap;font-weight:400;src:url(/ui/fonts/protestriot-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Protest Riot;font-style:normal;font-display:swap;font-weight:400;src:url(/ui/fonts/protestriot-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Protest Riot;font-style:normal;font-display:swap;font-weight:400;src:url(/ui/fonts/protestriot-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Protest Revolution;font-style:normal;font-display:swap;font-weight:400;src:url(/ui/fonts/protestrevolution-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Protest Revolution;font-style:normal;font-display:swap;font-weight:400;src:url(/ui/fonts/protestrevolution-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tex-paper:url(/ui/kit/paper.webp);--tex-stone:url(/ui/kit/stone.webp);--tex-wood:var(--tex-stone);--tex-grain:url(/ui/kit/grain.webp);--bg-app:url(/ui/bg/app.webp);--mist:#c9d6cf;--ngoc-hi:#8fd6bc}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes shine-sweep{0%,62%{transform:translate(-120%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bob-y{0%,to{translate:0}50%{translate:0 -4px}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes cur-bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes cur-flash{0%{border-color:var(--color-gold)}to{border-color:var(--color-outline)}}html,body,#root{background:var(--color-ink);height:100%;color:var(--color-cream);font-family:var(--font-sans);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0}button{font-family:inherit}.night-bg{background:var(--bg-app) center top / cover no-repeat, radial-gradient(110% 36% at 50% 0%, #b6c8c1 0%, #b6c8c100 72%), radial-gradient(80% 30% at 85% 30%, #8fa59f80 0%, #8fa59f00 70%), linear-gradient(180deg, #8ea49e 0%, #5b726d 20%, #33453f 42%, #1c2827 66%, #0e1413 100%)}.dot-grid{background-image:var(--tex-grain), linear-gradient(180deg, #0e14131f 0%, #0e141357 38%, #0e14138c 100%);background-size:320px 320px,100% 100%}.cur-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cur-bar .cur-chip{--tone:var(--color-gold);border:2px solid var(--color-outline);background:linear-gradient(180deg, var(--color-panel-2) 0%, var(--color-panel) 100%);min-width:108px;height:30px;box-shadow:inset 0 0 0 1px #c9d6cf2e, 0 3px 0 var(--color-outline);color:var(--color-cream);border-radius:999px;align-items:center;gap:6px;padding:0 3px 0 2px;font-size:15px;font-weight:800;display:inline-flex;position:relative}.cur-bar .cur-chip.is-bump{animation:.5s ease-out cur-flash}.cur-bar .cur-chip.tone-kimcuong{--tone:#a5dccb}.cur-bar .cur-chip>.item-icon{margin:-3px 0 -3px -6px}.cur-bar .cur-chip .cur-num{text-align:right;color:var(--tone);transform-origin:60%;white-space:nowrap;flex:1;padding-right:8px;display:inline-block}.cur-bar .cur-chip .cur-num.is-bump{animation:.42s cubic-bezier(.2,1.6,.4,1) cur-bump}.cur-bar .cur-chip.has-plus .cur-num{padding-right:4px}.cur-bar .cur-chip .cur-plus{border:2px solid var(--color-outline);color:#0c231d;background:linear-gradient(180deg, var(--ngoc-hi), var(--color-ngoc) 55%, #3c9a7e);width:22px;height:22px;box-shadow:none;cursor:pointer;border-radius:999px;flex:none;place-items:center;font-size:17px;font-weight:800;line-height:1;display:grid}.cur-bar .cur-chip .cur-plus:active{transform:translateY(1px)}.paper .text-muted,.paper-well .text-muted,.silk .text-muted{color:var(--color-inkmuted)}.paper .panel .text-muted,.silk .panel .text-muted{color:var(--color-muted)}.panel .paper .text-muted,.panel .paper-well .text-muted,.panel .silk .text-muted{color:var(--color-inkmuted)}.safe-top{padding-top:max(10px, env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(10px, env(safe-area-inset-bottom))}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}