@font-face{font-family:Cinzel;src:url(../fonts/Cinzel.ttf) format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:"Noto Serif Thai";src:url(../fonts/NotoSerifThai.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(../fonts/NotoSansThai.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--ink:#071323;--glass-top:#163B56;--glass-mid:#0A2038;--glass-bot:#050D1E;--gold:#D8BD83;--gold-hi:#F5E6BC;--gold-dim:#8a7650;--cyan:#80DEFF;--text:#F1F6F8;--muted:#B2CBD9;--faint:#7d93a6;--danger:#AA4856;--danger-hi:#ff7a8a;--selected:#247FA6;--ok:#7dffb0;--warn:#ffb347;--purple:#c27bff;--amber:#ffd36e;--hp-a:#4D9E85;--hp-b:#BBEAB4;--mp-a:#348BAF;--mp-b:#B0F1FF;--earth:#d9a45b;--water:#7fd3ff;--wind:#9dffc8;--fire:#ff8a3d;--light:#ffe58a;--dark:#c27bff;--display:"Cinzel","Noto Serif Thai",Georgia,serif;--serif-th:"Noto Serif Thai","Cinzel",Georgia,serif;--body:"Cinzel","Noto Serif Thai",Georgia,serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-sm:6px;--r:12px;--r-lg:18px;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-back:cubic-bezier(.34,1.56,.64,1);--col:560px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--nav-h:84px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.45;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html[lang=th] body{line-height:1.6}img{-webkit-user-drag:none;user-select:none}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.display{font-family:var(--display);letter-spacing:.06em}html[lang=th] .display{font-family:var(--serif-th);letter-spacing:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#app{position:fixed;inset:0;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .32s var(--ease-out)}.screen.on{opacity:1;pointer-events:auto}.screen.instant{transition:none}.scr-bg{position:absolute;inset:0;background:#050d1e center/cover no-repeat;z-index:0}.scr-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050d1e40,#050d1e00 30%,#050d1e26 70%,#050d1ebf)}.scr-col{position:relative;z-index:1;flex:1;min-height:0;width:100%;max-width:var(--col);margin:0 auto;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 14px) 12px calc(var(--safe-l) + 14px)}.has-nav .scr-col{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 8px)}.scroll{overflow:auto;min-height:0;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}@media(min-aspect-ratio:4/5){.scr-bg.wide{filter:none}}.za-fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:90}.za-fade.on{opacity:1;pointer-events:auto}.za-panel{position:relative;border-radius:var(--r);padding:var(--s3) var(--s4);background:linear-gradient(180deg,#163b56db,#0a2038e6 55%,#050d1ef0);border:1px solid rgba(216,189,131,.55);box-shadow:0 0 0 1px #050d1ecc inset,0 1px #f5e6bc2e inset,0 10px 28px #00000073}.za-panel.ornate:before,.za-panel.ornate:after{content:"";position:absolute;width:42px;height:42px;background:url(../art/za/ui/corner.webp) center/contain no-repeat;pointer-events:none}.za-panel.ornate:before{top:-8px;left:-8px}.za-panel.ornate:after{bottom:-8px;right:-8px;transform:rotate(180deg)}.za-glass{background:linear-gradient(180deg,#163b56b8,#050d1ed1);border:1px solid rgba(216,189,131,.35);border-radius:var(--r);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.za-rule{height:1px;border:0;margin:var(--s3) 0;background:linear-gradient(90deg,transparent,rgba(216,189,131,.7),transparent)}.za-title{font-family:var(--display);font-weight:600;color:var(--gold-hi);letter-spacing:.08em;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 18px rgba(128,222,255,.25);margin:0}html[lang=th] .za-title{font-family:var(--serif-th);letter-spacing:.01em}.za-sub{font-family:var(--display);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}html[lang=th] .za-sub{font-family:var(--serif-th);letter-spacing:.04em;text-transform:none}.za-section{display:flex;align-items:center;gap:var(--s2);margin:var(--s4) 0 var(--s2);font-family:var(--display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.za-section:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(216,189,131,.6),transparent)}html[lang=th] .za-section{font-family:var(--serif-th);letter-spacing:.03em;text-transform:none}.za-header{position:relative;display:flex;align-items:center;gap:var(--s2);min-height:64px;padding:6px 18px 6px 12px;margin:0 -6px var(--s2);background:url(../art/za/kit/header_bar.webp) center/100% 100% no-repeat}.za-header h1{font-family:var(--display);font-size:1.15rem;font-weight:600;letter-spacing:.08em;color:var(--gold-hi);margin:0;line-height:1.1;text-shadow:0 2px 0 rgba(0,0,0,.5)}html[lang=th] .za-header h1{font-family:var(--serif-th);letter-spacing:0}.za-header small{display:block;font-family:var(--display);font-size:.62rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.za-header .spacer{flex:1}.za-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 34px;border:0;color:var(--text);font-family:var(--body);font-weight:700;font-size:1rem;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.6);background:transparent;border-image:url(../art/za/kit/btn_primary_blue.webp) 0 180 fill / 0 34px stretch;transition:transform .1s var(--ease-out),filter .15s}.za-btn:active{transform:scale(.97);border-image-source:url(../art/za/kit/btn_primary_blue_pressed.webp)}.za-btn.gold{color:#2a1a05;text-shadow:0 1px 0 rgba(255,240,200,.6);border-image-source:url(../art/za/kit/btn_gold.webp)}.za-btn.secondary{border-image-source:url(../art/za/kit/btn_secondary.webp)}.za-btn.danger{border-image:url(../art/za/ui/button_danger.webp) 0 120 fill / 0 30px stretch}.za-btn:disabled,.za-btn.disabled{filter:grayscale(.85) brightness(.7);cursor:not-allowed;transform:none}.za-btn.big{min-height:64px;font-size:1.15rem;padding:0 48px}.za-btn.wide{width:100%}.za-btn .display{font-size:1.05rem}.za-icon-btn{display:inline-grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;padding:0;background:radial-gradient(circle at 50% 35%,#163b56f2,#050d1ef2);box-shadow:0 0 0 1.5px var(--gold) inset,0 0 0 3px #050d1ee6,0 4px 12px #00000080}.za-icon-btn img{width:62%;height:62%;object-fit:contain}.za-icon-btn:active{transform:scale(.94)}.za-link{background:none;border:0;padding:6px 8px;color:var(--cyan);font-weight:600}.za-ghost{background:#050d1e8c;border:1px solid rgba(216,189,131,.45);border-radius:999px;padding:7px 14px;color:var(--text);font-weight:600;font-size:.86rem}.za-ghost:active{transform:scale(.97)}.za-ghost:disabled{opacity:.45}.za-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 6px;border-radius:999px;font-weight:700;font-size:.9rem;background:linear-gradient(180deg,#163b56e6,#050d1eeb);border:1px solid rgba(216,189,131,.6);box-shadow:0 2px 8px #0006}.za-pill img{width:26px;height:26px;object-fit:contain}.za-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.74rem;font-weight:600;background:#050d1e99;border:1px solid rgba(216,189,131,.4);color:var(--muted);white-space:nowrap}.za-chip.gold{color:var(--gold-hi);border-color:var(--gold)}.za-chip.cyan{color:var(--cyan);border-color:#80deff99}.za-chip.danger{color:var(--danger-hi);border-color:var(--danger)}.za-el{width:18px;height:18px;object-fit:contain;vertical-align:-4px}.za-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:1px}.za-bar{position:relative;height:12px;border-radius:999px;background:#050d1ed9;box-shadow:0 0 0 1px #d8bd838c inset;overflow:hidden}.za-bar>i{position:absolute;inset:2px auto 2px 2px;border-radius:999px;background:linear-gradient(90deg,var(--hp-a),var(--hp-b));transition:width .18s linear}.za-bar.mp>i{background:linear-gradient(90deg,var(--mp-a),var(--mp-b))}.za-bar.foe>i{background:linear-gradient(90deg,#8e2234,#ff6a7a)}.za-card{position:relative;border-radius:var(--r);padding:var(--s3);background:linear-gradient(180deg,#163b56c7,#050d1ee0);border:1px solid rgba(216,189,131,.4)}.za-card.sel{border-color:var(--gold-hi);box-shadow:0 0 0 1px var(--gold) inset,0 0 18px #d8bd8359}button.za-card{text-align:left;width:100%}button.za-card:active{transform:scale(.985)}.za-kv{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:.88rem}.za-kv dt{color:var(--muted)}.za-kv dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.za-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:calc(var(--safe-t) + 16px) 14px calc(var(--safe-b) + 16px);background:radial-gradient(120% 90% at 50% 40%,#050d1e8c,#000000d1);animation:za-in .2s ease-out}.za-modal{position:relative;width:min(100%,460px);max-height:100%;overflow:auto;touch-action:pan-y;scrollbar-width:none;border-radius:var(--r-lg);padding:var(--s5) var(--s4) var(--s4);background:linear-gradient(180deg,#163b56f5,#0a2038f7 50%,#050d1efa);border:1px solid var(--gold);box-shadow:0 0 0 1px #050d1ee6 inset,0 0 0 4px #d8bd8326,0 24px 60px #000000b3;animation:za-pop .26s var(--ease-back)}.za-modal::-webkit-scrollbar{display:none}.za-modal:before,.za-modal:after{content:"";position:absolute;width:46px;height:46px;background:url(../art/za/ui/corner.webp) center/contain no-repeat;pointer-events:none}.za-modal:before{top:-6px;left:-6px}.za-modal:after{bottom:-6px;right:-6px;transform:rotate(180deg)}.za-modal h2{margin:0 0 var(--s2);text-align:center;font-family:var(--display);font-weight:600;letter-spacing:.1em;color:var(--gold-hi);font-size:1.4rem}html[lang=th] .za-modal h2{font-family:var(--serif-th);letter-spacing:.01em}.za-btnrow{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;margin-top:var(--s4)}@keyframes za-in{0%{opacity:0}to{opacity:1}}@keyframes za-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}#toastLayer{position:fixed;left:50%;top:calc(var(--safe-t) + 70px);transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(92vw,420px)}.za-toast{padding:8px 18px;border-radius:999px;font-weight:700;font-size:.88rem;text-align:center;background:linear-gradient(180deg,#163b56f2,#050d1ef2);border:1px solid var(--gold);box-shadow:0 6px 20px #00000080;animation:za-toast .25s var(--ease-back)}.za-toast.bad{border-color:var(--danger);color:#ffd0d6}.za-toast.good{color:var(--gold-hi)}@keyframes za-toast{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:none}}.za-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:10px 2px;border-bottom:1px solid rgba(216,189,131,.18);font-size:.95rem}.za-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:999px;background:#050d1ee6;box-shadow:0 0 0 1px #d8bd8399 inset;position:relative;flex:none;cursor:pointer;transition:background .15s}.za-toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .18s var(--ease-out),background .18s}.za-toggle input[type=checkbox]:checked{background:#247fa6cc}.za-toggle input[type=checkbox]:checked:after{transform:translate(20px);background:var(--gold-hi)}.za-toggle input[type=range]{width:46%;accent-color:var(--gold)}#nav{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;justify-content:center}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#nav .nav-bar{display:flex;width:min(100%,var(--col));height:var(--nav-h);align-items:center;justify-content:space-around;padding:0 8px;background:linear-gradient(180deg,#050d1e00,#050d1eeb 30%)}#nav .nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;padding:6px 4px;min-width:56px;color:var(--muted);font-size:.72rem;font-weight:600}#nav .nav-item img{width:34px;height:34px;object-fit:contain}#nav .nav-item.on{color:var(--gold-hi)}.gd-spr{position:relative;display:block;pointer-events:none}.gd-spr>i{position:absolute;display:block}.gd-spr.fill{position:absolute;inset:0;width:100%;height:100%}.za-btn,.za-ghost,.za-link{line-height:1.3;padding-top:8px;padding-bottom:8px;text-align:center}.za-btn{min-height:48px}.za-pill,.za-chip{line-height:1.3;min-height:28px;height:auto;padding-top:5px;padding-bottom:5px;justify-content:center}input,select,textarea{font-family:var(--body);line-height:1.4}.za-icon-btn img[src*=icon_settings]{display:block;transform:none;object-position:center;flex:none}.fr-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.fr-motes i{position:absolute;bottom:-24px;width:var(--sz);height:var(--sz);background:url(../art/za/ui/icon_spark.webp) center/contain no-repeat;opacity:0;mix-blend-mode:screen;animation:fr-mote var(--d) linear infinite;animation-delay:var(--delay)}@keyframes fr-mote{0%{transform:translateZ(0) scale(.6);opacity:0}12%{opacity:.85}70%{opacity:.5}to{transform:translate3d(var(--dx),-92vh,0) scale(1);opacity:0}}.fr-thumb{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#245c8c8c,#050d1ee6 70%)}.fr-thumb>i{position:absolute;inset:0;background-repeat:no-repeat;filter:drop-shadow(0 0 1.5px rgba(200,235,255,.75))}.fr-thumb.is-tinted>i{filter:saturate(1.25) brightness(1.08) drop-shadow(0 0 2px var(--tint))}.fr-thumb.is-full{background:none}.fr-avatar{position:relative;display:inline-block;flex:none;width:64px;height:64px}.fr-avatar-face{position:absolute;inset:15%;width:70%;height:70%;border-radius:50%;object-fit:cover;background:#0a2038}.fr-avatar-ring{position:absolute;inset:-6%;width:112%;height:112%;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.fr-avatar.is-sm{width:48px;height:48px}.fr-pill{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;height:38px;min-width:124px;padding:0 38px 0 24px;border:0;border-image:url(../art/za/kit/resource_pill.webp) 0 150 0 98 fill / 0 32px 0 21px stretch;font-weight:700;font-size:.95rem;color:var(--gold-hi);text-shadow:0 1px 2px #000}.fr-pill img{position:absolute;right:5px;top:50%;width:27px;height:27px;transform:translateY(-50%);object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.fr-shard{display:inline-flex;align-items:center;gap:3px;height:24px;padding:0 9px 0 3px;border-radius:999px;font-size:.76rem;font-weight:700;color:var(--text);background:linear-gradient(180deg,#163b56e0,#050d1eeb);border:1px solid rgba(216,189,131,.5);box-shadow:0 2px 6px #0006}.fr-shard .za-el{width:20px;height:20px;vertical-align:0}.fr-gear{width:42px;height:42px}.fr-gear img{width:70%;height:70%}.za-header.fr-header{background:none;border:0;border-image:url(../art/za/kit/header_bar.webp) 42 106 39 107 fill / 17px 42px 16px 42px stretch;min-height:64px;padding:4px 24px 4px 26px;margin:0 -8px 6px;gap:8px}.fr-header .fr-hcrest{width:26px;height:44px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(128,222,255,.5))}.fr-header .fr-htxt{min-width:0}.fr-header h1{font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-header small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.12em}html[lang=th] .fr-header small{letter-spacing:.02em;text-transform:none;font-family:var(--body)}.fr-header .fr-gear{width:40px;height:40px}.fr-round{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;padding:0;min-width:58px;color:var(--text)}.fr-round>span{display:grid;place-items:center;width:52px;height:52px;background:url(../art/za/kit/btn_round.webp) center/contain no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.fr-round img{width:64%;height:64%;object-fit:contain}.fr-round small{font-size:.68rem;font-weight:600;text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.8);white-space:nowrap}.fr-round:active>span{transform:scale(.93)}.fr-rewards{display:flex;flex-wrap:wrap;gap:6px}.fr-reward{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:62px;height:66px;padding:6px 4px 5px;border:0;border-image:url(../art/za/kit/item_slot.webp) 37 fill / 12px stretch}.fr-reward img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.fr-reward b{font-size:.78rem;line-height:1.1;color:var(--gold-hi);text-shadow:0 1px 2px #000}.fr-reward small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fr-rewards.is-done .fr-reward{filter:grayscale(.7) brightness(.75)}.fr-modal-intro{margin:0 0 10px;text-align:center;color:var(--muted);font-size:.88rem}.fr-x{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#163b56f2,#050d1ef2);box-shadow:0 0 0 1.5px var(--gold) inset,0 3px 8px #00000080}.fr-x img{width:56%;height:56%;object-fit:contain}.fr-modal-rewards h2,.fr-modal-help h2,.fr-set h2{padding:0 40px}.fr-modal-rewards h2{font-size:1.2rem}.fr-x:active{transform:scale(.92)}.fr-set{position:relative}.fr-set .fr-x{top:-12px;right:-6px}#nav{background:linear-gradient(180deg,#030a1600 0,#030a168c 46%,#030a16eb 78%);pointer-events:none}#nav .nav-bar{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:2px;width:min(100% - 8px - var(--safe-l) - var(--safe-r),540px);height:var(--nav-h);padding:0 14px;margin:0 auto;background:none;pointer-events:auto}#nav .nav-bar:before{content:"";position:absolute;left:0;right:0;bottom:3px;height:50px;border:0;border-image:url(../art/za/kit/nav_bar.webp) 0 115 0 114 fill / 0 40px stretch;filter:drop-shadow(0 -2px 10px rgba(0,0,0,.45));pointer-events:none}#nav .nav-item{position:relative;z-index:1;flex:1 1 0;min-width:0;max-width:96px;height:74px;margin:0 0 1px;padding:0;display:block;border:0;border-image:url(../art/za/kit/nav_slot_off.webp) 58 0 86 fill / 19px 0 27px stretch;background:none;color:#e7dcc0;font-size:11px;font-weight:700;letter-spacing:.01em;line-height:1.1;text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.9);transition:height .18s var(--ease-out)}#nav .nav-item img{position:absolute;left:50%;top:3px;width:36px;height:36px;transform:translate(-50%);object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6)) saturate(.85) brightness(.9);transition:transform .18s var(--ease-out)}#nav .nav-item span{position:absolute;left:0;right:0;bottom:17px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 3px}html[lang=th] #nav .nav-item{font-size:11px;letter-spacing:0}#nav .nav-item.on{height:88px;color:var(--gold-hi);border-image-source:url(../art/za/kit/nav_slot_on.webp);filter:drop-shadow(0 0 10px rgba(128,222,255,.45))}#nav .nav-item.on img{top:6px;width:42px;height:42px;filter:drop-shadow(0 0 8px rgba(128,222,255,.65)) drop-shadow(0 2px 3px rgba(0,0,0,.5))}#nav .nav-item:active img{transform:translate(-50%) scale(.92)}#nav .nav-item .badge{position:absolute;top:4px;right:2px;width:16px;height:16px;background:url(../art/za/ui/notification_dot.webp) center/contain no-repeat;filter:drop-shadow(0 0 4px rgba(255,90,110,.7));animation:fr-badge 1.6s ease-in-out infinite}@keyframes fr-badge{50%{transform:scale(1.15)}}@media(max-width:370px){#nav .nav-bar{padding:0 10px}#nav .nav-item{font-size:10.5px}}#scr-boot{background:#030a17}.fr-boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:calc(var(--safe-t) + 16px) 24px calc(var(--safe-b) + 24px)}.fb-sky{position:absolute;inset:0;background:linear-gradient(180deg,#040c1b,#071421 55%,#030a17)}.fb-center{position:relative;display:flex;flex-direction:column;align-items:center;width:min(86vw,520px);margin-top:-6vh}.fb-rays{position:absolute;left:50%;top:56%;width:210%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(170,225,255,.075) 0deg 3deg,transparent 3deg 13deg,rgba(245,230,188,.05) 13deg 15deg,transparent 15deg 24deg);-webkit-mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.55) 22%,transparent 58%);mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.55) 22%,transparent 58%);animation:fb-rays 90s linear infinite}@keyframes fb-rays{to{transform:translate(-50%,-50%) rotate(360deg)}}.fb-halo{position:absolute;left:50%;top:58%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(128,222,255,.22),rgba(128,222,255,.06) 35%,transparent 62%);animation:fb-halo 3.4s ease-in-out infinite}@keyframes fb-halo{50%{opacity:.55;transform:translate(-50%,-50%) scale(.94)}}.fb-logo{position:relative;width:100%;height:auto;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.6s var(--ease-out);filter:drop-shadow(0 6px 24px rgba(3,18,38,.8))}.fb-logo.is-in{opacity:1;transform:none}.fb-crystal{position:relative;margin-top:3.5vh;width:54px;height:78px}.fb-crystal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(128,222,255,.8));animation:fb-crystal 2.4s ease-in-out infinite}.fb-crystal:after{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(160,232,255,.4),transparent 60%);mix-blend-mode:screen;animation:fb-halo 2.4s ease-in-out infinite}@keyframes fb-crystal{50%{transform:translateY(-4px);filter:drop-shadow(0 0 18px rgba(160,232,255,1))}}.fb-foot{position:absolute;left:0;right:0;bottom:calc(var(--safe-b) + 7vh);display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 28px}.fb-bar{position:relative;width:min(64vw,300px);height:3px;border-radius:2px;background:#d8bd832e;box-shadow:0 0 0 1px #d8bd831f}.fb-bar>i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:linear-gradient(90deg,#8a7650,#d8bd83 60%,#f5e6bc);transition:width .25s ease;box-shadow:0 0 8px #f5e6bc99}.fb-bar>i:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);background:#fff6dc;box-shadow:0 0 10px 3px #f5e6bccc}.fb-status{margin:0;font-family:var(--display);font-size:.72rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}html[lang=th] .fb-status{font-family:var(--body);letter-spacing:.04em;text-transform:none;font-size:.8rem}.fb-status b{color:var(--gold-hi);font-weight:600;margin-left:6px}.fb-tip{margin:6px 0 0;max-width:420px;min-height:2.9em;text-align:center;font-size:.84rem;color:var(--muted);line-height:1.45}.fb-tip em{display:block;font-style:normal;font-family:var(--display);font-size:.62rem;letter-spacing:.24em;color:var(--cyan);text-transform:uppercase;margin-bottom:2px}html[lang=th] .fb-tip em{font-family:var(--body);letter-spacing:.06em}.fb-tip span{display:inline-block;transition:opacity .25s ease,transform .25s ease}.fb-tip span.is-out{opacity:0;transform:translateY(4px)}#scr-title{background:#020a16}.fr-title{position:absolute;inset:0;overflow:hidden;background:#020a16}.tt-back{position:absolute;inset:-60px;background:center/cover no-repeat;filter:blur(24px) brightness(.55) saturate(1.05);opacity:0;transition:opacity .6s ease}.fr-title.is-frame .tt-back{opacity:1}.fr-title.is-frame:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(60% 90% at 50% 50%,transparent 40%,rgba(2,8,18,.75));pointer-events:none}.tt-stage{position:absolute;overflow:hidden;background:#06172a;z-index:1;animation:tt-in .5s ease both}.fr-title.is-frame .tt-stage{box-shadow:0 0 0 1px #d8bd838c,0 0 0 5px #050d1ed9,0 0 0 6px #d8bd8338,0 30px 90px #000000d9,0 0 140px #80deff1a}.tt-stage>*{position:absolute}.tt-city{inset:0;overflow:hidden}.tt-city img{display:block;width:100%;height:100%;transform-origin:64% 39%;animation:tt-push 48s ease-in-out infinite alternate}@keyframes tt-push{0%{transform:scale(1)}to{transform:scale(1.045)}}.tt-sky{inset:0;background:linear-gradient(#031b40a0,transparent 32%)}.tt-fx{left:0;top:0;width:100%;height:100%;pointer-events:none}.tt-hero{left:5%;top:10%;width:90%;height:90%}.tt-hero>img,.tt-hero>.tt-gl{position:absolute;inset:0;width:100%;height:100%;display:block}.tt-lids{position:absolute;left:31.88%;top:32.6%;width:26.04%;height:9.27%;opacity:0;pointer-events:none}.tt-shade{inset:0;background:linear-gradient(transparent 70%,#0311227a 82%,#020c1ae6 96%)}.tt-ui{position:absolute;z-index:2;pointer-events:none}.tt-ui>*{pointer-events:auto}.tt-markbox{position:absolute;left:50%;top:calc(var(--mark-top,12px) + var(--safe-t));width:var(--mark-w,90%);margin:0;transform:translate(-50%);pointer-events:none;line-height:0}.tt-mark{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 20px rgba(3,18,38,.45));animation:tt-mark 1.4s var(--ease-out) both .15s}.tt-sheen{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen}@keyframes tt-mark{0%{opacity:0;transform:scale(1.05);filter:drop-shadow(0 4px 20px rgba(3,18,38,.45)) brightness(1.8)}to{opacity:1;transform:none}}@keyframes tt-in{0%{opacity:0}to{opacity:1}}.tt-actions{position:absolute;left:0;right:0;bottom:calc(max(var(--safe-b),8px) + 6px);display:flex;flex-direction:column;align-items:center;gap:0;animation:tt-rise .8s var(--ease-out) both .55s}@keyframes tt-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.tt-cta{width:var(--cta-w,min(80%,400px));min-height:68px;padding:0 48px;border-image-width:0 46px;font-size:1.22rem;font-weight:600;color:#fff1cd;letter-spacing:.02em;text-shadow:0 2px 6px #062244,0 0 14px rgba(128,222,255,.35);animation:tt-cta 3.6s ease-in-out infinite 1.6s}@keyframes tt-cta{0%,to{filter:drop-shadow(0 0 0 rgba(128,222,255,0))}50%{filter:drop-shadow(0 0 14px rgba(128,222,255,.45))}}.tt-cta.is-go{animation:none;filter:brightness(1.5) drop-shadow(0 0 22px rgba(160,232,255,.9));transform:scale(.98)}.fr-title.is-leaving .tt-stage{transition:filter .3s ease;filter:brightness(1.25)}.tt-lang{display:flex;align-items:center;gap:4px;height:46px}.tt-lang button{min-height:44px;padding:0 12px;border:0;background:none;color:#d6e4ed;font-size:.92rem;font-weight:500;letter-spacing:.04em;opacity:.62;text-shadow:0 2px 8px #010914;transition:opacity .15s}.tt-lang button.on{opacity:1;color:#fff1cd;text-shadow:0 0 10px rgba(245,230,188,.45),0 2px 8px #010914}.tt-lang button.on:after{content:"";display:block;height:1px;margin-top:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.tt-lang i{font-style:normal;color:#80cbe8;opacity:.8}.tt-gear{position:absolute;right:calc(var(--safe-r) + var(--gear-r,14px));bottom:2px;width:40px;height:40px;opacity:.9}@media(max-height:520px){.tt-cta{min-height:54px;font-size:1.05rem}.tt-lang{height:40px}}#scr-home,#scr-tower{background:#091b31}.fr-home{position:absolute;inset:0;overflow:hidden;container-type:size;--sw:max(100cqw,56.25cqh);--sh:max(100cqh,177.78cqw)}.hm-art{position:absolute;inset:0;overflow:hidden}.hm-bg{position:absolute;inset:0;background:center top/cover no-repeat;animation:hm-drift 60s ease-in-out infinite alternate}@keyframes hm-drift{0%{transform:scale(1.02) translateZ(0)}to{transform:scale(1.06) translate3d(-1%,0,0)}}.hm-veil{position:absolute;inset:0;background:#0614261f}.hm-fig{position:absolute;z-index:2;bottom:0;left:calc(50cqw - var(--sw) / 2);height:calc(var(--sh) * .597);aspect-ratio:641/1093;animation:hm-sera 1s var(--ease-out) both}.hm-fig img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(3,12,26,.5))}.hm-glow{position:absolute;left:77.5%;top:31.5%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,rgba(210,247,255,.75) 0,rgba(128,222,255,.35) 18%,rgba(128,222,255,.1) 42%,transparent 66%);animation:hm-glow 3.6s ease-in-out infinite}@keyframes hm-glow{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes hm-sera{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.hm-vig{position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,#050d1ab3 0,#050d1a00 24% 52%,#050d1a8c 70%,#050d1af0 92%)}.hm-top{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 12px) 0 calc(var(--safe-l) + 8px)}.hm-profile{display:flex;align-items:center;gap:8px;min-width:0;background:none;border:0;padding:0;text-align:left;color:var(--text)}.hm-profile:active .fr-avatar{transform:scale(.95)}.hm-id{display:flex;flex-direction:column;min-width:0;line-height:1.2;text-shadow:0 1px 3px #000,0 0 10px rgba(0,0,0,.6)}.hm-id b{font-size:1.12rem;font-weight:600;color:var(--gold-hi);letter-spacing:.06em}html[lang=th] .hm-id b{letter-spacing:0}.hm-id small{font-size:.76rem;color:#d7e3ea;white-space:nowrap}.hm-id small .za-el{width:15px;height:15px;vertical-align:-3px}.hm-id .hm-floor{color:var(--cyan);font-weight:600}.hm-res{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hm-res-row{display:flex;align-items:center;gap:10px}.hm-gear{flex:none}.hm-shards{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:190px}.hm-col{position:absolute;z-index:4;inset:0;max-width:var(--col);margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-t) + 96px) calc(var(--safe-r) + 16px) calc(var(--nav-h) + var(--safe-b) + 14px) calc(var(--safe-l) + 16px);pointer-events:none}.hm-col>*{pointer-events:auto}.hm-points{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin:-14px 0 10px 4px;padding:6px 12px 6px 9px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--gold-hi);background:linear-gradient(180deg,#3c2c0cd9,#140e04e0);border:1px solid var(--gold);box-shadow:0 0 14px #d8bd8359,0 3px 10px #00000080}.hm-points i{width:8px;height:8px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 8px var(--gold-hi);animation:fr-badge 1.4s ease-in-out infinite}.hm-points span{color:var(--gold)}.hm-card{position:relative;align-self:flex-start;display:flex;align-items:center;gap:10px;width:min(80%,330px);min-height:92px;margin-left:5%;padding:14px 28px 14px 26px;border:0;border-image:url(../art/za/kit/story_card.webp) 94 168 94 167 fill / 26px 46px stretch;background:none;color:var(--text);text-align:left;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));animation:hm-card .7s var(--ease-out) both .15s}@keyframes hm-card{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hm-card:active{transform:scale(.985)}.hm-card-img{flex:none;width:58px;height:58px;border-radius:8px;background:center/cover no-repeat;box-shadow:0 0 0 1px #d8bd83b3,0 2px 8px #00000080}.hm-card-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}.hm-card-txt small{font-family:var(--display);font-size:.66rem;letter-spacing:.16em;color:var(--gold-hi);text-transform:uppercase}html[lang=th] .hm-card-txt small{font-family:var(--body);letter-spacing:.03em;text-transform:none;font-size:.72rem}.hm-card-txt b{font-family:var(--display);font-weight:600;font-size:.98rem;letter-spacing:.05em;color:var(--text);margin:2px 0 3px;text-shadow:0 1px 2px #000}html[lang=th] .hm-card-txt b{font-family:var(--serif-th);letter-spacing:0;font-size:1rem}.hm-card-sub{font-size:.76rem;color:var(--muted)}.hm-card-link{font-size:.8rem;font-weight:600;color:var(--cyan)}.hm-new{font-style:normal;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-family:var(--body);font-size:.6rem;letter-spacing:.06em;vertical-align:1px}.hm-gap{flex:1;min-height:8px}.hm-quote{margin:0 0 6px;max-width:340px;text-align:center;pointer-events:none;animation:hm-q 1.2s ease both .35s}@keyframes hm-q{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hm-quote p{margin:0;font-size:1.18rem;line-height:1.38;font-weight:500;color:#f6f2e6;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 18px rgba(5,13,26,.9)}html[lang=th] .hm-quote p{font-family:var(--serif-th);font-size:1.12rem;line-height:1.55}.hm-quote cite{display:block;margin-top:4px;font-style:normal;font-family:var(--display);font-size:.62rem;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;text-shadow:0 1px 3px #000}html[lang=th] .hm-quote cite{font-family:var(--body);letter-spacing:.04em;text-transform:none;font-size:.72rem}.hm-mark{width:150px;height:auto;margin:4px 0 6px;pointer-events:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7))}.hm-ascend{flex-direction:column;gap:0;width:min(88%,350px);min-height:66px;padding:0 54px;border-image-width:0 48px;line-height:1.1}.hm-ascend .hm-asc-main{font-size:1.32rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}html[lang=th] .hm-ascend .hm-asc-main{letter-spacing:.02em;text-transform:none;font-size:1.25rem}.hm-asc-sub{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;opacity:.82;letter-spacing:.02em}.hm-asc-dot{width:7px;height:7px;border-radius:50%;background:#3c8a5e;box-shadow:0 0 0 1px #2a1a0580}.hm-asc-dot.is-mid{background:#c88a1e}.hm-asc-dot.is-bad{background:#b03246}.hm-ascend{animation:hm-asc 3.2s ease-in-out infinite 1.4s}@keyframes hm-asc{0%,to{filter:drop-shadow(0 0 0 rgba(245,230,188,0))}50%{filter:drop-shadow(0 0 16px rgba(245,230,188,.55))}}@media(max-height:700px){.hm-quote p{font-size:1rem}.hm-mark{width:120px;margin:2px 0}.hm-card{min-height:84px}.hm-col{padding-top:calc(var(--safe-t) + 86px)}}@media(min-aspect-ratio:4/5){.hm-bg{background-position:center 36%}.hm-fig{height:96cqh;left:max(-48px,calc(50cqw - var(--col) / 2 - 36cqh - 48px))}.hm-vig{background:linear-gradient(180deg,#050d1ab3 0,#050d1a00 22% 50%,#050d1a99 72%,#050d1af0),radial-gradient(70% 90% at 50% 40%,transparent 50%,rgba(3,10,22,.55))}.hm-col{padding-top:calc(var(--safe-t) + 84px)}.hm-card{align-self:center;margin-left:0}.hm-points{align-self:center;margin:-10px 0 8px}}.fr-tower{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.tw-art{position:absolute;inset:0;overflow:hidden}.tw-bg{position:absolute;inset:0;background:62% center/cover no-repeat;animation:hm-drift 70s ease-in-out infinite alternate}.tw-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#020a16e0 0,#020a1699 42%,#020a1600 74%),linear-gradient(180deg,#020a1699 0,#020a1600 26% 78%,#020a16d9)}.tw-tagb{display:none;position:absolute;z-index:1;right:calc(var(--safe-r) + 14px);bottom:calc(var(--nav-h) + var(--safe-b) + 12px);margin:0;max-width:42%;text-align:right;font-family:var(--display);font-size:.78rem;line-height:1.35;letter-spacing:.08em;color:#efe6cf;text-transform:uppercase;text-shadow:2px 2px 8px #000,0 0 14px rgba(0,0,0,.8);pointer-events:none}html[lang=th] .tw-tagb{font-family:var(--serif-th);text-transform:none;letter-spacing:0;font-size:.86rem}.tw-col{padding-bottom:calc(var(--nav-h) + var(--safe-b) + 4px)!important}.tw-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:2px 2px 4px}.tw-tag{margin:6px 0 0;font-family:var(--display);font-size:.86rem;line-height:1.4;letter-spacing:.06em;color:#f3ead2;text-transform:uppercase;text-shadow:2px 2px 8px #000}html[lang=th] .tw-tag{font-family:var(--serif-th);text-transform:none;letter-spacing:0;font-size:.95rem}.tw-round{display:flex;gap:6px;flex:none}.tw-stats{display:flex;gap:6px;margin:2px 2px 6px}.tw-list{flex:1;min-height:0;margin:0 -14px 0 -10px;padding:6px 0 18px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 18px,#000 calc(100% - 26px),transparent)}.tw-rows{position:relative;padding:4px 0}.tw-row{--h:72px;position:relative;display:flex;align-items:center;width:100%;height:calc(var(--h) + 10px);padding:0 0 0 46px;margin:0;border:0;background:none;color:var(--text);text-align:left}.tw-row:before{content:"";position:absolute;left:23px;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,#d8bd8352,#d8bd8352)}.tw-row.is-cleared:before{background:linear-gradient(180deg,#d8bd83e6,#f5e6bce6);box-shadow:0 0 6px #f5e6bc59}.tw-row.is-current:before{background:linear-gradient(180deg,#d8bd8352 0 50%,#d8bd83e6 50%)}.tw-rows>.tw-row:first-child:before{top:50%}.tw-rows>.tw-row:last-child:before{bottom:50%}.tw-node{position:absolute;left:23px;top:50%;z-index:1;display:grid;place-items:center;width:22px;height:22px;transform:translate(-50%,-50%)}.tw-node img{width:100%;height:100%;object-fit:contain}.tw-row.is-locked .tw-node{width:16px;height:16px;opacity:.8}.tw-row.is-current .tw-node{width:38px;height:40px;filter:drop-shadow(0 0 8px rgba(128,222,255,.9));animation:tw-node 2.2s ease-in-out infinite}@keyframes tw-node{50%{filter:drop-shadow(0 0 16px rgba(160,232,255,1));transform:translate(-50%,-50%) scale(1.08)}}.tw-plate{position:relative;display:flex;align-items:center;width:min(100% - 8px,290px);height:var(--h);padding:0 calc(var(--h) * .82) 0 calc(var(--h) * .6);border:0;border-image:url(../art/za/kit/floor_row.webp) 0 200 0 128 fill / 0 calc(var(--h) * .833) 0 calc(var(--h) * .533) stretch;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));transition:transform .12s var(--ease-out)}.tw-plate:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:calc(var(--h) * .5);transform:translate(-50%);background:url(../art/za/kit/floor_row.webp) 50% 0/auto 100% no-repeat;pointer-events:none}.tw-row:active .tw-plate{transform:scale(.98)}.tw-row .tw-plate,.tw-row .tw-node{animation:tw-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes tw-in{0%{opacity:0;translate:-14px 0}to{opacity:1;translate:0 0}}.tw-row.is-current{--h:80px}.tw-row.is-locked{--h:62px;opacity:.86}.tw-row.is-current .tw-plate{padding-left:calc(var(--h) * .6);border-image:url(../art/za/kit/floor_row_current.webp) 0 200 0 149 fill / 0 calc(var(--h) * .735) 0 calc(var(--h) * .548) stretch;filter:drop-shadow(0 0 12px rgba(80,180,255,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}.tw-row.is-current .tw-plate:after{background-image:url(../art/za/kit/floor_row_current.webp)}.tw-row.is-guard .tw-plate{border-image:url(../art/za/kit/floor_row_boss.webp) 0 200 0 133 fill / 0 calc(var(--h) * .823) 0 calc(var(--h) * .547) stretch}.tw-row.is-guard .tw-plate:after{background-image:url(../art/za/kit/floor_row_boss.webp)}.tw-row.is-current.is-guard .tw-plate{filter:drop-shadow(0 0 12px rgba(255,80,100,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.45))}.tw-row.is-locked .tw-plate{filter:saturate(.35) brightness(.62) drop-shadow(0 6px 10px rgba(0,0,0,.45))}.tw-txt{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;width:100%;line-height:1.08}.tw-cur{font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--gold-hi);text-shadow:0 0 6px rgba(245,230,188,.6);margin-bottom:-1px}.tw-l1{display:flex;align-items:baseline;gap:8px;min-width:0}.tw-num{flex:none;font-family:var(--display);font-weight:600;font-size:1.42rem;line-height:1.05;letter-spacing:.02em;color:var(--text);text-shadow:0 2px 3px rgba(0,0,0,.7)}.tw-row.is-current .tw-num{font-size:1.62rem;color:#fff}.tw-row.is-locked .tw-num{font-size:1.2rem}.tw-row.is-guard .tw-num{color:#ffb3bd}.tw-row.is-locked .tw-num{color:#9aa9b6}.tw-kind{margin-top:1px;font-size:.64rem;font-weight:700;letter-spacing:.06em;color:#cfe0ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}html[lang=th] .tw-kind,html[lang=th] .tw-tag,html[lang=th] .tw-cur{letter-spacing:0;font-size:.7rem}.tw-row.is-guard .tw-kind{color:#ff8d9c}.tw-tag{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;font-size:.64rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}.tw-tag.is-clear{color:var(--cyan)}.tw-tag.is-locked{color:#8b99a6}.tw-tag.is-power{color:#d9e6ee;font-weight:600;letter-spacing:.02em}.tw-tag.is-power i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}.tw-tag.is-mid i{background:var(--warn);box-shadow:0 0 6px var(--warn)}.tw-tag.is-bad i{background:var(--danger-hi);box-shadow:0 0 6px var(--danger-hi)}.tw-win{position:absolute;z-index:1;right:calc(var(--h) * .49);top:51.5%;width:calc(var(--h) * .42);height:calc(var(--h) * .42);transform:translate(50%,-50%);border-radius:5px;overflow:hidden;display:grid;place-items:center}.tw-row.is-current .tw-win{right:calc(var(--h) * .456);top:51%;width:calc(var(--h) * .35);height:calc(var(--h) * .35)}.tw-row.is-guard .tw-win{right:calc(var(--h) * .486)}.tw-win .fr-thumb{border-radius:5px}.tw-lock{width:78%;height:78%;object-fit:contain;opacity:.85}.tw-row.is-shake .tw-plate{animation:tw-shake .32s ease}@keyframes tw-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.tw-row,.tw-zone{content-visibility:auto}.tw-row.is-quiet .tw-plate,.tw-row.is-quiet .tw-node{animation:none}.tw-listwrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.tw-badge{position:absolute;z-index:2;right:calc(var(--h) * .13);top:calc(51.5% - var(--h) * .37);width:calc(var(--h) * .3);height:calc(var(--h) * .3);object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85));pointer-events:none}.tw-row.is-boss .tw-badge{right:calc(var(--h) * .1);top:calc(51.5% - var(--h) * .41);width:calc(var(--h) * .36);height:calc(var(--h) * .36);filter:drop-shadow(0 0 6px rgba(255,120,140,.75)) drop-shadow(0 1px 3px rgba(0,0,0,.85))}.tw-row.is-current .tw-badge{right:calc(var(--h) * .15);top:calc(51% - var(--h) * .34)}.tw-row.is-locked .tw-badge{opacity:.75;filter:grayscale(.5) drop-shadow(0 1px 3px rgba(0,0,0,.85))}.tw-row.is-boss .tw-win{box-shadow:0 0 0 1px #ff96a5b3,0 0 10px #ff5a6e73}.tw-row.is-champ .tw-win{box-shadow:0 0 0 1px #f5e6bcd9,0 0 8px #f5d68c73}.tw-row.is-champ .tw-kind>span,.tw-row.is-elite .tw-kind>span{color:#f3dca2}.fr-thumb.is-shadow>i{filter:brightness(0) drop-shadow(0 0 2px rgba(255,110,130,.9))}.fr-thumb.is-portrait{background:radial-gradient(circle at 50% 40%,#3c1e3299,#050d1ef2 75%)}.fr-thumb.is-portrait>i{filter:none}.fr-thumb.is-portrait.is-shadow>i{filter:brightness(.72) saturate(.4) contrast(1.1)}.fr-thumb.is-portrait.is-shadow:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 9px #ff465fa6;pointer-events:none}.tw-row.is-locked.is-guard{opacity:.94}.tw-row.is-locked.is-guard .tw-plate{filter:saturate(.5) brightness(.74) drop-shadow(0 6px 10px rgba(0,0,0,.45))}.fr-thumb>i.is-empty{display:none}.tw-kind{display:flex;align-items:center;gap:5px}.tw-kind>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.tw-mods{flex:none;display:inline-flex;gap:2px}.tw-mods img{width:15px;height:15px;object-fit:contain;filter:drop-shadow(0 0 3px rgba(0,0,0,.9))}.tw-row.is-locked .tw-mods img{opacity:.6}.tw-cap{position:relative;display:flex;align-items:center;gap:10px;height:34px;padding-left:46px;font-family:var(--display);font-size:.7rem;letter-spacing:.24em;color:var(--gold-hi);text-transform:uppercase;text-shadow:0 0 10px rgba(245,230,188,.5),1px 1px 3px #000}html[lang=th] .tw-cap{font-family:var(--serif-th);letter-spacing:.04em;font-size:.82rem;text-transform:none}.tw-cap:before{content:"";position:absolute;left:16px;top:50%;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);border:1.5px solid var(--gold);background:#050d1ecc;box-shadow:0 0 10px #f5e6bc99}.tw-cap i{flex:0 1 40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.tw-cap i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.tw-row.is-finale .tw-num{color:#ffe7b0;text-shadow:0 0 10px rgba(255,214,140,.65),0 2px 3px rgba(0,0,0,.7)}.tw-zone{position:relative;display:flex;align-items:center;gap:12px;height:118px;margin:4px 0 6px;padding:0 10px 0 46px}.tw-zone:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:#d8bd83d9}.tw-zone:after{content:"";position:absolute;left:23px;top:50%;width:13px;height:13px;transform:translate(-50%,-50%) rotate(45deg);background:var(--gold);box-shadow:0 0 10px #f5e6bccc}.tw-zone.is-sealed:before{background:#d8bd8352}.tw-zone.is-sealed:after{background:#4d5a68;box-shadow:none}.tw-zbg{position:absolute;left:40px;top:8px;bottom:8px;width:min(calc(100% - 50px),306px);overflow:hidden;border-radius:12px;box-shadow:0 0 0 1px #d8bd83bf,0 0 0 3px #050d1ebf,0 0 0 4px #d8bd834d,0 8px 18px #00000080}.tw-zbg>i{position:absolute;inset:-6px;background-repeat:no-repeat;filter:blur(1.5px) saturate(1.1);transform:scale(1.04)}.tw-zbg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050d1e1a 0,#050d1e6b 32%,#050d1ec7 78%),linear-gradient(180deg,#050d1e00 45%,#050d1e80)}.tw-zart{position:relative;z-index:1;flex:none;width:54px;height:96px;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1.5px var(--gold),0 0 0 3px #050d1ee6,0 0 12px #f5e6bc59}.tw-zart>i{position:absolute;inset:0;background-repeat:no-repeat}.tw-ztxt{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:4px}.tw-ztxt small{font-family:var(--display);font-size:.62rem;letter-spacing:.18em;color:#cfe0ea;text-transform:uppercase;white-space:nowrap}.tw-ztxt small b{color:var(--gold-hi);font-weight:700}.tw-ztxt strong{font-family:var(--display);font-weight:600;font-size:1.08rem;line-height:1.12;letter-spacing:.04em;color:#fff3d6;text-shadow:0 0 12px rgba(245,214,140,.35),0 2px 4px #000}html[lang=th] .tw-ztxt small{font-family:var(--body);letter-spacing:.02em;text-transform:none;font-size:.7rem}html[lang=th] .tw-ztxt strong{font-family:var(--serif-th);letter-spacing:0;font-size:1.06rem;line-height:1.3}.tw-zmeta{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--muted)}.tw-zels{display:inline-flex;gap:2px}.tw-zels .za-el{width:18px;height:18px}.tw-zmeta em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:700;color:var(--gold-hi)}.tw-zmeta em img{width:14px;height:14px;object-fit:contain}.tw-zmeta em.is-done{color:var(--cyan)}.tw-zmeta em.is-sealed{color:#8b99a6;font-weight:600}.tw-zone.is-sealed .tw-zart,.tw-zone.is-sealed .tw-zbg>i{filter:grayscale(.65) brightness(.55)}.tw-zone.is-sealed .tw-ztxt strong{color:#c9d2db;text-shadow:0 2px 4px #000}.tw-jump{position:absolute;z-index:3;left:50%;bottom:14px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px 0 14px;transform:translate(-50%);border-radius:999px;border:1px solid rgba(216,189,131,.75);background:linear-gradient(180deg,#163b56f2,#050d1ef2);color:var(--gold-hi);font-weight:700;font-size:.78rem;letter-spacing:.04em;box-shadow:0 6px 16px #0000008c,0 0 12px #80deff40;animation:tw-jump .25s var(--ease-out)}.tw-jump[hidden]{display:none}.tw-jump.is-up{bottom:auto;top:10px}.tw-jump i{width:9px;height:9px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:translateY(-2px) rotate(45deg)}.tw-jump.is-up i{transform:translateY(2px) rotate(-135deg)}@keyframes tw-jump{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.tw-rw-list{display:flex;flex-direction:column;gap:6px;max-height:min(56vh,520px);overflow:auto;touch-action:pan-y;scrollbar-width:none;margin:0 -4px;padding:0 4px}.tw-rw{position:relative;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#050d1e73;border:1px solid rgba(216,189,131,.22)}.tw-rw-f{flex:none;width:36px;font-family:var(--display);font-size:.95rem;color:var(--gold-hi)}.tw-rw .fr-rewards{flex:1;gap:4px;min-width:0}.tw-rw{gap:8px}.tw-rw .fr-reward{width:42px;height:48px;padding:4px 2px}.tw-rw .fr-reward img{width:22px;height:22px}.tw-rw .fr-reward b{font-size:.7rem}.tw-rw.is-locked{opacity:.6}.tw-rw.is-next{border-color:var(--gold);box-shadow:0 0 0 1px #f5e6bc59 inset,0 0 14px #d8bd8340;background:#24507859}.tw-rw-end{flex:none;width:26px;display:grid;place-items:center}.tw-rw-end img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(245,230,188,.6))}.tw-rw-end img.is-lock{width:20px;height:20px;opacity:.7;filter:none}.tw-help{display:flex;flex-direction:column;gap:8px}.tw-help-row{display:flex;gap:12px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#050d1e73;border:1px solid rgba(216,189,131,.22)}.tw-help-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#163b56f2,#050d1ef2);box-shadow:0 0 0 1.5px var(--gold) inset}.tw-help-ic img{width:70%;height:70%;object-fit:contain}.tw-help-row b{display:block;color:var(--gold-hi);font-size:.92rem}.tw-help-row p{margin:2px 0 0;font-size:.84rem;color:var(--muted);line-height:1.45}@media(min-aspect-ratio:4/5){.tw-bg{background-position:center 30%}.tw-scrim{background:linear-gradient(90deg,#020a164d 0,#020a16d9 30%,#020a1699 50%,#020a1600 72%),linear-gradient(180deg,#020a1699 0,#020a1600 26% 78%,#020a16d9)}.tw-tagb{display:block;max-width:26%}}.tw-hbtn{display:none;width:38px;height:38px}@media(max-height:500px){:root{--nav-h:70px}#nav .nav-bar:before{height:42px}#nav .nav-item{height:62px;border-image-width:16px 0 22px}#nav .nav-item.on{height:72px}#nav .nav-item img{width:28px;height:28px;top:2px}#nav .nav-item.on img{width:32px;height:32px;top:4px}#nav .nav-item span{bottom:13px}.tw-intro,.tw-stats{display:none}.tw-hbtn{display:inline-grid}.za-header.fr-header{min-height:54px;margin-bottom:2px}.tw-row{--h:64px}.tw-row.is-current{--h:70px}.tw-row.is-locked{--h:56px}.hm-quote,.hm-mark{display:none}.hm-col{padding-top:calc(var(--safe-t) + 74px)}.hm-card{min-height:72px;padding:10px 24px}.hm-ascend{min-height:56px}.fr-avatar{width:54px;height:54px}.za-modal.fr-sheet{width:min(100%,760px)}.fs-boss-art{width:64px;height:64px}.fs-actions{padding-top:8px}.fs-go{min-height:52px}.fs-close{min-height:48px}}.za-modal.fr-sheet{align-self:end;width:min(100%,560px);max-height:min(90vh,900px);max-height:min(90dvh,900px);margin-bottom:calc(-16px - var(--safe-b));padding:8px 16px calc(var(--safe-b) + 14px);border-radius:22px 22px 0 0;border-bottom:0;animation:fs-up .32s var(--ease-out)}.za-modal.fr-sheet:after{display:none}@keyframes fs-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.fs-grip{width:44px;height:4px;margin:0 auto 8px;border-radius:2px;background:#d8bd8380}.fs-head{text-align:center;margin-bottom:6px}.fs-eyebrow{display:block;font-family:var(--display);font-size:.66rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}html[lang=th] .fs-eyebrow{font-family:var(--body);letter-spacing:.04em;text-transform:none;font-size:.74rem}.fr-sheet h2{margin:2px 0 0;font-size:1.3rem;line-height:1.2}.fs-fnum{color:var(--cyan);margin-right:2px}.fs-head.is-guard .fs-fnum{color:#ff9aa6}.fs-kind{margin:2px 0 0;font-size:.82rem;color:var(--muted)}.fs-clear{color:var(--cyan);font-weight:700}.fs-boss{position:relative;display:flex;align-items:center;gap:12px;margin:8px 0 4px;padding:8px 12px;border-radius:12px;overflow:hidden;background:radial-gradient(90% 140% at 20% 50%,#aa485659,#050d1e33 70%),#050d1e80;border:1px solid rgba(255,120,140,.35)}.fs-boss-art{flex:none;width:96px;height:96px;filter:drop-shadow(0 0 10px rgba(255,140,160,.35))}.fs-boss-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.fs-boss-txt b{font-family:var(--display);font-size:1.02rem;color:#ffd6dc;letter-spacing:.04em}html[lang=th] .fs-boss-txt b{font-family:var(--serif-th);letter-spacing:0}.fs-boss-txt small{color:var(--muted);font-size:.8rem}.fs-els{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text);flex-wrap:wrap}.fs-weak{margin-left:6px;color:var(--ok)}.fs-phases{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.fs-ph{display:inline-flex;align-items:center}.fs-ph em{font-style:normal;font-size:.7rem;color:var(--muted)}.fs-arrow{font-style:normal;color:var(--muted);font-size:.8rem;line-height:1}.fs-byphase{padding:1px 7px;font-size:.66rem;color:#f5e6bc;border-color:#d8bd838c;background:#050d1e99}.fs-mobs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0 4px}.fs-mob{position:relative;display:flex;flex-direction:column;align-items:center;width:72px}.fs-mob .fr-thumb{width:64px;height:64px;border-radius:12px;box-shadow:0 0 0 1px #d8bd838c,0 4px 10px #0006}.fs-mob small{margin-top:3px;font-size:.66rem;color:var(--muted);text-align:center;line-height:1.2}.fs-mob b{position:absolute;top:44px;right:2px;padding:0 5px;border-radius:999px;font-size:.7rem;background:#050d1ee6;border:1px solid rgba(216,189,131,.6);color:var(--gold-hi)}.fs-desc{margin:6px 0 0;font-size:.84rem;color:#cfdde6;text-align:center;line-height:1.45}.fs-hero{position:relative;height:clamp(118px,34vw,170px);margin:8px 0 6px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ff96a5a6,0 0 0 3px #050d1ed9,0 0 16px #ff5a6e4d}.fs-hero-art{position:absolute;inset:0;background-repeat:no-repeat}.fs-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#050d1e00 30%,#050d1e8c 62%,#050d1eeb),linear-gradient(90deg,#050d1e8c,#050d1e00 60%)}.fs-hero-txt{position:absolute;left:14px;right:12px;bottom:9px;display:flex;flex-direction:column;gap:1px;min-width:0}.fs-hero-txt small{font-size:.74rem;color:#e7c9cf;letter-spacing:.04em;text-shadow:0 1px 3px #000}.fs-hero-txt b{font-family:var(--display);font-size:1.32rem;font-weight:600;letter-spacing:.05em;color:#ffe2e6;line-height:1.1;text-shadow:0 0 12px rgba(255,90,110,.45),0 2px 4px #000}html[lang=th] .fs-hero-txt b{font-family:var(--serif-th);letter-spacing:0;font-size:1.22rem;line-height:1.35}.fs-hero-txt .fs-els{margin-top:3px;text-shadow:0 1px 3px #000}.fs-hero.is-finale{box-shadow:0 0 0 1px #f5e6bcd9,0 0 0 3px #050d1ed9,0 0 22px #f5d68c66}.fs-hero.is-finale .fs-hero-txt b{color:#fff1cf;text-shadow:0 0 14px rgba(255,214,140,.6),0 2px 4px #000}.fs-mob.is-champ .fr-thumb{box-shadow:0 0 0 1.5px var(--gold-hi),0 0 10px #f5d68c80,0 4px 10px #0006}.fs-mob em{position:absolute;top:-6px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:999px;font-style:normal;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#1b1406;background:linear-gradient(180deg,#f8e7b8,#d8bd83)}.fs-mods{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0}.fs-mod{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:3px 12px 3px 5px;border-radius:999px;border:1px solid rgba(216,189,131,.55);background:linear-gradient(180deg,#2450788c,#050d1eb3);color:var(--text);font-size:.8rem;font-weight:600}.fs-mod img{width:26px;height:26px;object-fit:contain;border-radius:50%;background:#050d1ebf;box-shadow:0 0 0 1px #d8bd8399}.fs-mod.on{border-color:var(--gold-hi);background:linear-gradient(180deg,#508cbe8c,#0a2038d9);box-shadow:0 0 10px #80deff59}.fs-mod-desc{margin:6px 4px 0;padding:8px 10px;border-radius:10px;background:#050d1e8c;border:1px solid rgba(216,189,131,.25);font-size:.82rem;line-height:1.45;color:#d7e3ea;text-align:center}.fs-mod-desc b{color:var(--gold-hi);margin-right:4px}.fs-scout{position:relative;display:flex;gap:10px;align-items:flex-start;margin:8px 0 2px;padding:9px 12px 8px 10px;border-radius:12px;background:linear-gradient(90deg,#d8bd8324,#050d1e80 60%);border:1px solid rgba(216,189,131,.32);border-left:3px solid var(--gold)}.fs-scout-ic{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#050d1ebf;box-shadow:0 0 0 1px #d8bd8399}.fs-scout-ic img{width:22px;height:22px;object-fit:contain}.fs-scout-txt{min-width:0;flex:1}.fs-scout-txt small{display:block;font-family:var(--display);font-size:.62rem;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}html[lang=th] .fs-scout-txt small{font-family:var(--body);letter-spacing:.02em;text-transform:none;font-size:.72rem}.fs-scout-txt p{margin:2px 0 0;font-size:.84rem;line-height:1.45;color:#dfe8ee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fs-scout-txt p b{font-family:var(--serif-th);font-style:italic;font-weight:600;color:#f6e3b4}html:not([lang=th]) .fs-scout-txt p b{font-family:var(--display);font-style:normal;letter-spacing:.02em}.fs-scout.is-open .fs-scout-txt p{display:block;-webkit-line-clamp:unset;overflow:visible}.fs-scout-more{margin:2px 0 0;padding:4px 0;min-height:28px;border:0;background:none;color:var(--cyan);font-size:.74rem;font-weight:700;letter-spacing:.04em}.fs-scout.is-short .fs-scout-more{display:none}.fs-scout-txt p.fs-scout-full{display:none;margin-top:6px;padding-top:6px;border-top:1px solid rgba(216,189,131,.22);font-size:.78rem;color:var(--muted)}.fs-scout.is-open .fs-scout-txt p.fs-scout-full{display:block}.fs-reclv{font-style:normal;font-size:.74rem;color:var(--gold-hi);margin-left:4px}.fs-power{padding:8px 10px;border-radius:10px;background:#050d1e80;border:1px solid rgba(216,189,131,.25)}.fs-pw-nums{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted);margin-bottom:6px}.fs-pw-nums b{color:var(--text);font-size:.95rem;margin-left:4px}.fs-pw-bar{height:10px;overflow:visible}.fs-pw-bar>i{background:linear-gradient(90deg,#2f7b5a,var(--ok))}.fs-power.is-mid .fs-pw-bar>i{background:linear-gradient(90deg,#8a5a12,var(--warn))}.fs-power.is-bad .fs-pw-bar>i{background:linear-gradient(90deg,#6e1c2a,var(--danger-hi))}.fs-pw-bar>em{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--gold-hi);box-shadow:0 0 6px var(--gold-hi)}.fs-verdict{margin:6px 0 0;font-size:.82rem;font-weight:600;color:var(--ok)}.fs-power.is-mid .fs-verdict{color:var(--warn)}.fs-power.is-bad .fs-verdict{color:var(--danger-hi)}.fr-sheet .za-section{margin:12px 0 6px}.fr-sheet .fr-reward{width:54px;height:58px}.fr-sheet .fr-reward img{width:26px;height:26px}.fr-sheet .fr-rewards{gap:5px}.fs-farm{margin:0;padding:0 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:.84rem;color:#d7e3ea}.fs-farm li:before{content:"\25c6";color:var(--gold);font-size:.6rem;margin-right:8px;vertical-align:2px}.fs-farm .fs-els .za-el{width:16px;height:16px}.fs-party{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fs-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 110px}.fs-main>span:last-child{min-width:0;overflow:hidden}.fs-main b{display:block;font-size:.96rem;color:var(--gold-hi)}.fs-main small{display:block;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-main small .za-el{width:14px;height:14px;vertical-align:-3px}.fs-echo{position:relative;display:flex;flex-direction:column;align-items:center;width:58px}.fs-echo img,.fs-echo i{width:46px;height:46px;border-radius:10px;object-fit:cover;box-shadow:0 0 0 1px #d8bd83b3,0 3px 8px #0006;background:#050d1eb3}.fs-echo i{display:grid;place-items:center;font-style:normal;color:var(--gold);font-size:1.3rem}.fs-echo.is-support img,.fs-echo.is-support i{width:38px;height:38px;margin:4px 0}.fs-echo small{font-size:.58rem;color:var(--cyan);margin-top:2px;white-space:nowrap}.fs-echo b{font-size:.68rem;font-weight:600;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-change{flex:none;margin-left:auto;padding:6px 12px;font-size:.8rem;min-height:36px}.fs-actions{position:sticky;bottom:calc(-14px - var(--safe-b));display:flex;gap:8px;align-items:center;margin:14px -16px calc(-14px - var(--safe-b));padding:12px 16px calc(var(--safe-b) + 14px);background:linear-gradient(180deg,#050d1e00,#050d1ef5 30%)}.fs-close{flex:0 0 auto;min-width:112px;padding:0 30px;min-height:54px;border-image-width:0 30px}.fs-go{flex:1;min-height:60px;white-space:nowrap}.fs-go .display{font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}html[lang=th] .fs-go .display{letter-spacing:.02em;text-transform:none}.za-modal.fr-settings{width:min(100%,440px)}.fr-settings .za-section{margin:12px 0 6px}.fr-settings .za-toggle{padding:8px 2px}@media(min-width:700px){.za-modal.fr-modal-help{width:min(100%,760px)}.tw-help{display:grid;grid-template-columns:1fr 1fr}}.fr-seg{display:flex;gap:6px}.fr-seg button{flex:1;min-height:46px;padding:0 26px;border:0;border-image:url(../art/za/kit/tab_pill_off.webp) 0 130 fill / 0 30px stretch;background:none;color:var(--muted);font-weight:700}.fr-seg button.on{border-image-source:url(../art/za/kit/tab_pill_on.webp);color:#fff;text-shadow:0 0 8px rgba(128,222,255,.6)}.fr-tog>span:first-child{display:flex;flex-direction:column;min-width:0}.fr-tog b,.fr-slide b{font-weight:600;font-size:.94rem}.fr-tog small{font-size:.74rem;color:var(--faint);line-height:1.35}.fr-range{display:flex;align-items:center;gap:8px;width:58%}.fr-range input{flex:1;width:auto;height:28px;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}.fr-range input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--gold) var(--v,50%),rgba(5,13,30,.9) var(--v,50%));box-shadow:0 0 0 1px #d8bd8373}.fr-range input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6dc,#d8bd83 60%,#8a7650);box-shadow:0 0 0 2px #050d1ee6,0 0 8px #f5e6bc99}.fr-range input::-moz-range-track{height:6px;border-radius:3px;background:#050d1ee6;box-shadow:0 0 0 1px #d8bd8373}.fr-range input::-moz-range-progress{height:6px;border-radius:3px;background:var(--gold)}.fr-range input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6dc,#d8bd83 60%,#8a7650)}.fr-range output{width:28px;text-align:right;font-size:.82rem;color:var(--gold-hi)}.fr-set-actions{display:flex;flex-direction:column;gap:8px}.fr-set-actions .za-ghost{display:flex;align-items:center;gap:8px;min-height:44px;border-radius:10px;text-align:left}.fr-set-actions img{width:22px;height:22px;object-fit:contain}.fr-danger{border-color:#aa4856b3;color:#ffd0d6}.fr-danger.is-armed{background:#aa485659;border-color:var(--danger-hi);animation:tw-shake .3s ease}.fr-credits{margin:14px 0 0;font-size:.72rem;color:var(--faint);text-align:center;line-height:1.5}@media(prefers-reduced-motion:reduce){.fr-motes,.tt-sheen,.fb-rays{display:none}.tt-city img,.hm-bg,.tw-bg,.hm-glow{animation:none!important}.tt-city img,.hm-bg,.tw-bg{transform:none!important}}.tt-cta{line-height:1.3}.hm-ascend{justify-content:center;gap:4px;padding-top:10px;padding-bottom:10px;line-height:1.3}.fr-pill{line-height:1.3;min-height:30px}.tw-txt{line-height:1.3;gap:3px;padding-top:6px;padding-bottom:6px}.tw-num{line-height:1.2}#nav .nav-item span{bottom:14px;line-height:1.3;padding-top:2px;padding-bottom:2px}.tw-txt{gap:1px;padding:0;line-height:1.2}.tw-l1{align-items:center;gap:6px}.tw-l1 .tw-tag{margin:0;line-height:1.2}.tw-cur,.tw-kind{line-height:1.2;margin:0}.tw-row.is-current .tw-num{font-size:1.45rem;line-height:1.1}.tw-row,.tw-row.is-current,.tw-row.is-locked{--h:76px;padding-left:40px;height:86px}.tw-plate,.tw-row.is-current .tw-plate,.tw-row.is-guard .tw-plate{width:calc(100% - 8px);height:76px;padding:10px 80px 10px 16px;border:1px solid rgba(151,181,203,.3);border-image:none;border-radius:10px;background:linear-gradient(110deg,#15273bf5,#091627f0);filter:none}.tw-plate:after{display:none}.tw-row.is-current .tw-plate{border-color:#7bbfd8;box-shadow:inset 3px 0 #80d0e9;background:linear-gradient(110deg,#173b56,#10273f);filter:none}.tw-row.is-guard .tw-plate{border-color:#c3748099}.tw-row.is-locked .tw-plate{filter:none;opacity:.65}.tw-win,.tw-row.is-current .tw-win{right:10px;top:50%;width:58px;height:58px;transform:translateY(-50%);border-radius:7px;border:1px solid rgba(155,194,213,.35);background:#050d19cc}.tw-win .fr-thumb{background:radial-gradient(circle,#2a455b,#0a1827)}.tw-badge,.tw-row.is-boss .tw-badge{right:5px;top:4px;width:18px;height:18px;filter:none}.tw-row.is-current .tw-num{font-size:1.4rem}#nav{height:calc(86px + var(--safe-b));background:linear-gradient(180deg,transparent,rgba(3,10,22,.82) 55%)}#nav .nav-bar{isolation:isolate;position:relative;width:min(calc(100% - 12px),600px);height:86px;align-items:stretch;gap:0;padding:5px 18px 0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}#nav .nav-bar:before{content:"";display:block;position:absolute;inset:0 -5px;z-index:-1;height:auto;border:0;border-image:none;background:url(../art/za/kit/nav_bar_home_v2.png.webp) 50% 48% / 100% 188.5% no-repeat;filter:drop-shadow(0 -3px 10px rgba(0,0,0,.45));pointer-events:none}#nav .nav-item,#nav .nav-item.on{position:relative;flex:1 1 0;max-width:none;height:78px;margin:0;padding:0;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;filter:none;color:#e0e7ed;font-size:11px;line-height:1.3;text-shadow:0 1px 3px #000;overflow:visible}#nav .nav-item img{position:absolute;left:50%;top:6px;width:36px;height:36px;transform:translate(-50%);filter:drop-shadow(0 2px 4px #020a17);opacity:.95}#nav .nav-item[data-nav=tower] img{top:3px;width:40px;height:40px}#nav .nav-item[data-nav=tower].on img{top:0;width:40px;height:40px}#nav .nav-item span{overflow:visible;bottom:12px;padding:2px 0;line-height:1.35;font-size:11px;font-weight:600;letter-spacing:.02em}#nav .nav-item.on{color:#fff0c7}#nav .nav-item.on:before{content:"";position:absolute;left:50%;top:-6px;width:52px;height:52px;transform:translate(-50%);border-radius:50%;background:url(../art/za/kit/btn_round.webp) center/contain no-repeat;box-shadow:0 0 15px #5fccff3b;pointer-events:none}#nav .nav-item.on img{top:2px;width:36px;height:36px;filter:drop-shadow(0 0 5px rgba(100,214,255,.55));opacity:1}#nav .nav-item.on:after{content:"";position:absolute;left:50%;bottom:7px;width:25px;height:3px;transform:translate(-50%);border-radius:2px;background:#e6fbff;box-shadow:0 0 5px #9fe9ff,0 0 11px #39bcff;pointer-events:none}html[lang=th] #nav .nav-item span{letter-spacing:0;font-size:11px}.hm-col{padding-top:calc(var(--safe-t) + 15cqh);padding-bottom:calc(var(--safe-b) + 84px)}.hm-card{align-self:center;width:min(88%,360px);margin-left:0;min-height:92px;padding:16px 30px;border-image-width:24px 40px}.hm-shards{display:grid;grid-template-columns:repeat(3,max-content);gap:4px}.hm-fig{height:60cqh;left:-5cqw;bottom:0}.hm-mark{width:140px;margin:12px 0 8px}.hm-quote{margin-bottom:10px}@media(min-aspect-ratio:4/5){.hm-col{padding-top:calc(var(--safe-t) + 15cqh)}.hm-fig{height:76cqh;left:max(-28px,calc(50cqw - var(--col) / 2 - 30cqh));bottom:0}}@media(max-height:700px){.hm-col{padding-top:calc(var(--safe-t) + 112px);padding-bottom:calc(var(--safe-b) + 95px)}.hm-card{min-height:80px}.hm-mark{width:112px;margin:4px 0}.hm-quote p{font-size:.95rem}}@media(max-width:360px){.hm-profile{flex-shrink:0;gap:5px}.hm-profile .fr-avatar{width:52px;height:52px}.hm-id b{white-space:nowrap;font-size:1rem}.hm-id small{font-size:.64rem}.hm-res-row{gap:4px}.hm-res .fr-pill{min-width:86px;padding-left:16px;padding-right:30px}.hm-res .fr-pill img{width:24px;height:24px}.hm-gear{width:38px;height:38px}}.fr-thumb>svg{display:block;width:100%;height:100%;padding:4px;overflow:hidden}.tw-node,.tw-row.is-current .tw-node,.tw-row.is-locked .tw-node{width:7px;height:7px;left:23px;top:50%;border-radius:50%;background:#a8c4d1;border:1px solid #d7e7e8;transform:translate(-50%,-50%);animation:none;filter:none;opacity:.8}.tw-row.is-current .tw-node{background:#8ee2eb;box-shadow:0 0 7px #79d9e477}.tw-node img,.tw-badge,.tw-mods{display:none!important}.fs-party{display:grid;grid-template-columns:minmax(118px,1fr) 58px 58px;align-items:start;gap:12px 10px}.fs-main{align-items:flex-start;min-height:80px;padding-top:0}.fs-main .fr-avatar{flex:none}.fs-echo{width:58px;display:grid;grid-template-rows:46px 16px 20px;justify-items:center;align-items:center;gap:3px}.fs-echo img,.fs-echo i,.fs-echo.is-support img,.fs-echo.is-support i{width:46px;height:46px;margin:0;object-fit:cover;object-position:50% 20%;border-radius:9px}.fs-echo small,.fs-echo b{margin:0;line-height:1.3;text-align:center}.fs-change{grid-column:1/-1;justify-self:end;min-height:38px}@media(max-width:350px){.fs-party{grid-template-columns:minmax(100px,1fr) 52px 52px;gap:10px 6px}.fs-echo{width:52px}.fs-main .fr-avatar{width:46px;height:46px}.fs-main b{font-size:.8rem}}.fs-main .fr-avatar.is-sm{width:46px;height:46px;margin:0}.za-header.fr-header{padding-right:40px}.fr-header .fr-gear{flex:0 0 36px;width:36px;height:36px;align-self:center;box-shadow:inset 0 0 0 1px #e1c27ee0,0 2px 6px #0006}.fr-header .fr-gear img{width:76%;height:76%}.hm-gems{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#b5edff;font-size:.8rem;margin:5px}.hm-gems img{width:23px;height:23px}.hm-gems{background:none;border:0;padding:3px;cursor:pointer;font-family:inherit}.hm-gems:active{opacity:.75}.hm-summon{position:relative;z-index:2;display:flex;align-items:center;gap:12px;flex:none;width:min(100%,360px);align-self:center;margin:10px 0 0;padding:12px 18px;border:1px solid #b7dcec80;border-radius:10px;background:linear-gradient(115deg,#0a2039eb,#163652e8);box-shadow:0 3px 12px #0005;color:#e3f4ff;text-align:left;font-family:inherit}.hm-summon>img{width:34px;height:34px}.hm-summon>span{display:grid;gap:3px;flex:1}.hm-summon b{font-size:1.05rem;color:#f5dfad}.hm-summon small{font-size:.75rem;color:#b9dae9}.hm-summon>i{font-size:1.6rem;font-style:normal}.hm-summon:active{filter:brightness(1.2)}.cl-hub{text-align:center;padding:12px}.cl-hub h2{color:var(--gold-hi);margin:4px 0 12px}.cl-hub-wallet{display:flex;justify-content:center;align-items:center;gap:7px;color:#c5eeff}.cl-hub-wallet img{width:25px;height:25px}.cl-hub-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.cl-hub-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;border:1px solid #9eb9cc80;border-radius:12px;background:linear-gradient(#183d59,#091a2e);font-family:inherit;color:#d8efff;min-width:0}.cl-hub-card>img{width:76px;height:76px;object-fit:contain}.cl-hub-card strong{font-size:1rem;color:var(--gold-hi)}.cl-hub-card span{font-size:.8rem}.cl-hub-card small{font-size:.68rem;line-height:1.6;color:#a9c9da}.cl-hub-card:active{filter:brightness(1.2)}.hm-res{display:grid;grid-template-columns:124px 42px;grid-template-rows:38px 38px;gap:6px 10px;align-items:center}.hm-res-row{display:contents}.hm-res-row>.hm-gear{grid-column:2;grid-row:1;justify-self:center}.hm-res>.hm-gem-pill{grid-column:1;grid-row:2;cursor:pointer;font-family:inherit;text-align:right}.hm-res .fr-pill{width:124px;min-width:124px;height:38px;box-sizing:border-box}.hm-res>.hm-shards{grid-column:1/-1;grid-row:3}@media(max-width:360px){.hm-res{grid-template-columns:96px 38px;gap:6px 5px}.hm-res .fr-pill{width:96px;min-width:96px}}.hm-res>.hm-gem-pill{background:none;appearance:none;-webkit-appearance:none}.hm-actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;gap:8px;width:min(100%,520px);flex:none}.hm-actions .hm-ascend{width:100%;min-width:0;min-height:76px;padding:10px 30px;border-image-width:0 30px;animation:none}.hm-actions .hm-ascend .hm-asc-main{font-size:1.12rem;letter-spacing:0}.hm-actions .hm-asc-sub{font-size:.67rem;white-space:normal;line-height:1.4}.hm-summon-cta{display:flex;flex-direction:column;gap:2px;min-width:0;min-height:76px;padding:8px 24px;border-image-width:0 24px;line-height:1.2}.hm-summon-cta img{width:21px;height:21px}.hm-summon-cta b{font-size:1.05rem}.hm-summon-cta small{font-size:.58rem;white-space:nowrap;color:#c1e5f7}@media(max-width:360px){.hm-actions{gap:4px}.hm-actions .hm-ascend{padding-left:24px;padding-right:24px;border-image-width:0 24px}.hm-actions .hm-ascend .hm-asc-main{font-size:1rem}.hm-summon-cta{padding-left:19px;padding-right:19px;border-image-width:0 19px}.hm-summon-cta b{font-size:.9rem}.hm-summon-cta small{font-size:.5rem}}.hm-actions{position:relative;display:flex;justify-content:center;align-items:center;width:min(100%,520px);height:68px;gap:0}.hm-actions .hm-ascend,.hm-actions .hm-summon-cta{border:0;border-radius:0;min-height:64px;height:64px;box-shadow:none;background:transparent;animation:none;transform:none;line-height:1.3}.hm-actions .hm-ascend{width:54%;max-width:300px;padding:8px 30px;color:#2a1a05;gap:3px;border-image:url(../art/za/kit/btn_gold.webp) 0 180 fill / 0 30px stretch;text-shadow:0 1px 0 #fff0c799}.hm-actions .hm-ascend .hm-asc-main{font-size:1.2rem;font-weight:700;letter-spacing:0}.hm-actions .hm-ascend .hm-asc-sub{font-size:.64rem;color:#655236}.hm-actions .hm-summon-cta{position:absolute;right:0;top:2px;width:20%;min-width:64px;padding:8px 16px;color:var(--text);justify-content:center;gap:3px;border-image:url(../art/za/kit/btn_primary_blue.webp) 0 180 fill / 0 16px stretch;text-shadow:0 1px 2px #0009}.hm-actions .hm-summon-cta img{display:none}.hm-actions .hm-summon-cta b{font-size:.87rem;font-weight:700}.hm-actions .hm-summon-cta small{font-size:.52rem;white-space:normal;color:#c1e5f7}.hm-actions .za-btn:active{transform:translateY(1px);filter:brightness(1.1)}.hm-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.hm-res{grid-template-columns:124px 124px 42px;grid-template-rows:38px;gap:6px}.hm-res-row>.fr-pill{grid-column:1;grid-row:1}.hm-res>.hm-gem-pill{grid-column:2;grid-row:1}.hm-res-row>.hm-gear{grid-column:3;grid-row:1}.hm-res>.hm-shards{grid-column:1/-1;grid-row:2;max-width:100%}@media(max-width:430px){.hm-res{grid-template-columns:82px 82px 34px;gap:4px 3px}.hm-res .fr-pill{width:82px;min-width:82px;height:34px;padding-left:12px;padding-right:26px;font-size:.8rem;border-image-width:0 26px 0 18px}.hm-res .fr-pill img{width:22px;height:22px;right:3px}.hm-res-row>.hm-gear{width:34px;height:34px}.hm-profile{gap:5px}.hm-profile .fr-avatar{width:44px;height:44px}.hm-id b{font-size:.9rem;white-space:nowrap}.hm-id small{font-size:.62rem}.hm-actions .hm-ascend .hm-asc-main{font-size:1rem}.hm-actions .hm-ascend .hm-asc-sub{font-size:.59rem}.hm-actions .hm-summon-cta b{font-size:.8rem}.hm-actions .hm-summon-cta small{font-size:.48rem}}.hm-id b{overflow:hidden;text-overflow:ellipsis}.fr-avatar-face{object-fit:contain;object-position:center;box-sizing:border-box;padding:4%}.tw-list{margin-left:0;margin-right:0}.tw-row{padding-left:28px;padding-right:28px}.tw-row:before,.tw-node{left:14px}.tw-zone{padding-left:28px;padding-right:28px}.tw-zone:before,.tw-zone:after{left:14px}.tw-row,.tw-row.is-current,.tw-row.is-locked{padding-left:28px;padding-right:28px}.tw-row .tw-plate,.tw-row.is-current .tw-plate,.tw-row.is-guard .tw-plate{width:100%}.tw-row .tw-plate .tw-win{right:10px;top:50%;width:58px;height:58px;transform:translateY(-50%)}.fs-resist{display:inline-flex;align-items:center;justify-content:center;gap:3px;margin:3px 4px 0;color:var(--gold-hi);font-size:.65rem;line-height:1.4;white-space:nowrap}.fs-resist img{width:14px;height:14px;object-fit:contain;vertical-align:middle}.mt-ico{width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.22em;flex:none}.mt-ico.el{width:1.2em;height:1.2em}.mt-center{text-align:center}.mt-hint{font-size:.74rem;line-height:1.4;margin:6px 0 0}.mt-stars{display:inline-flex;gap:1px;vertical-align:middle}.mt-star{width:14px;height:14px;object-fit:contain;filter:grayscale(1) brightness(.45);opacity:.7}.mt-star.on{filter:drop-shadow(0 0 4px rgba(255,214,110,.7));opacity:1}.mt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.mt-chips .za-chip{gap:4px;font-size:.72rem}.mt-chips .za-chip .mt-ico{width:14px;height:14px;vertical-align:-3px}.mt-gtile{position:relative;flex:none;display:grid;place-items:center;width:var(--sz,56px);height:var(--sz,56px);border-radius:14px;background:radial-gradient(circle at 50% 38%,rgba(var(--el-rgb),.34),#050d1ef0 74%);box-shadow:0 0 0 1px #d8bd83b3 inset,0 0 0 3px #050d1ee6 inset,0 0 0 4px #d8bd8347 inset,0 0 18px rgba(var(--el-rgb),.28)}.mt-gtile:before,.mt-gtile:after{content:"";position:absolute;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);opacity:.9}.mt-gtile:before{top:-3px;left:50%;margin-left:-3.5px}.mt-gtile:after{bottom:-3px;left:50%;margin-left:-3.5px}.mt-gtile .mt-ico.big{width:60%;height:60%;filter:drop-shadow(0 0 8px rgba(var(--el-rgb),.9))}.mt-gtile svg{display:block;filter:drop-shadow(0 0 5px rgba(var(--el-rgb),.85))}.mt-gtile.res{box-shadow:0 0 0 1px var(--gold-hi) inset,0 0 0 3px #050d1ee6 inset,0 0 0 4px #d8bd8380 inset,0 0 22px rgba(var(--el-rgb),.55)}.hs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 26px;border:0;color:var(--text);font-family:var(--body);font-weight:700;font-size:.88rem;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap;background:transparent;border-image:url(../art/za/kit/btn_primary_blue.webp) 0 180 fill / 0 22px stretch;transition:transform .1s var(--ease-out),filter .15s}.hs-btn:active{transform:scale(.97)}.hs-btn.gold{color:#2a1a05;text-shadow:0 1px 0 rgba(255,240,200,.6);border-image-source:url(../art/za/kit/btn_gold.webp)}.hs-btn.ghost{border-image-source:url(../art/za/kit/btn_secondary.webp)}.hs-btn.primary{border-image-source:url(../art/za/kit/btn_primary_blue.webp)}.hs-btn.sm{font-size:.8rem;padding:0 20px}.hs-btn.big{min-height:56px;font-size:1rem;padding:0 30px;border-image-width:0 28px}.hs-btn.wide{width:100%}.hs-btn .mt-ico{width:16px;height:16px;vertical-align:0}.hs-btn.gold .mt-ico{filter:brightness(.25) sepia(1) saturate(2)}.hs-btn.is-off{filter:grayscale(.9) brightness(.62);cursor:not-allowed}.hs-btn.is-off:active{transform:none}.hs-btn .hs-cost,.hs-btn .g{display:inline-flex;align-items:center;gap:3px;margin-left:4px;padding:2px 8px 2px 4px;border-radius:999px;background:#050d1e59;font-size:.78rem}.hs-btn .hs-cost .mt-ico,.hs-btn .g .mt-ico{width:16px;height:16px;filter:none}.hs-btn.gold .hs-cost{color:#fff2cf;background:#050d1e8c;text-shadow:0 1px 2px #000}.hs-card,.hs-stat,.hs-derived,.hs-kc,.hs-sp,.hs-fu,.hs-gi,.hs-wallet,.ec-pair,.es-sk{position:relative;border-radius:var(--r);background:linear-gradient(180deg,#163b56d1,#0a2038e0 55%,#050d1eeb);border:1px solid rgba(216,189,131,.42);box-shadow:0 0 0 1px #050d1eb3 inset,0 1px #f5e6bc24 inset,0 8px 22px #00000059}#scr-heroes .hs-bg{background-image:url(../art/za/bg/zone_02.webp);background-position:50% 20%}#scr-heroes .hs-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050d1e33,#050d1e8c 34%,#050d1edb 62%,#050d1ef2)}.scr-col.hs-col{padding-top:0;padding-left:0;padding-right:0}.hs-scroll{flex:1;min-height:0;padding:0 14px 28px;scroll-behavior:auto}.hs-left,.hs-right{min-width:0}.hs-stage{position:relative;height:calc(var(--stage-h,344px) + var(--safe-t));margin:0 -14px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent);mask-image:linear-gradient(180deg,#000 86%,transparent)}.hs-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,13,30,.5),rgba(5,13,30,.18) 52%,transparent 70%)}.hs-aura{position:absolute;inset:0;background:radial-gradient(48% 56% at 68% 46%,rgba(var(--el-rgb),.46),rgba(var(--el-rgb),.16) 52%,transparent 72%),radial-gradient(60% 40% at 30% 100%,rgba(var(--el-rgb),.18),transparent 70%)}.hs-aura:before,.hs-aura:after{content:"";position:absolute;right:calc(16% - 40px);top:calc(var(--safe-t) + 34px);width:250px;height:250px;border-radius:50%;border:1px solid rgba(216,189,131,.34)}.hs-aura:after{inset:auto;right:calc(16% - 18px);top:calc(var(--safe-t) + 56px);width:206px;height:206px;border:1px dashed rgba(var(--el-rgb),.5);animation:hs-spin 90s linear infinite}.hs-crest{position:absolute;right:calc(14% - 20px);top:calc(var(--safe-t) + 16px);width:290px;height:290px;background:url(../art/za/ui/crest.webp) center/contain no-repeat;opacity:.2;filter:saturate(.7)}.hs-art{position:absolute;right:-5%;bottom:-2%;height:calc(100% - var(--safe-t) + 4%);aspect-ratio:2/3;pointer-events:none}.hs-fig{display:block;height:100%;width:auto;max-width:none;filter:drop-shadow(0 10px 22px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(var(--el-rgb),.28));animation:hs-fig-in .5s var(--ease-out) both}@keyframes hs-fig-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes hs-spin{to{transform:rotate(360deg)}}.hs-info{position:absolute;left:14px;top:calc(var(--safe-t) + 14px);width:54%;display:flex;flex-direction:column;align-items:flex-start;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hs-eltag{display:flex;align-items:center;gap:8px}.hs-eltag .gem{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(var(--el-rgb),.55),#050d1ee6);box-shadow:0 0 0 1.5px var(--gold) inset,0 0 16px rgba(var(--el-rgb),.55)}.hs-eltag .gem .mt-ico{width:22px;height:22px}.hs-eltag .t{font-family:var(--display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--el)}html[lang=th] .hs-eltag .t{font-family:var(--serif-th);letter-spacing:.04em;text-transform:none;font-size:.82rem}.hs-name{margin:8px 0 0;font-family:var(--display);font-size:2.3rem;line-height:1.02;font-weight:700;letter-spacing:.05em;background:linear-gradient(180deg,#fffbe6,#f5e6bc 45%,#d8bd83);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.65)) drop-shadow(0 0 14px rgba(var(--el-rgb),.35))}html[lang=th] .hs-name{font-family:var(--serif-th);letter-spacing:0;font-size:2.1rem;line-height:1.25}.hs-title{position:relative;margin-top:3px;padding-bottom:7px;font-family:var(--display);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}html[lang=th] .hs-title{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.95rem}.hs-title:after{content:"";position:absolute;left:0;bottom:0;width:132px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.hs-lv{display:flex;align-items:baseline;gap:6px;margin-top:12px}.hs-lv .k{font-family:var(--display);font-size:.8rem;letter-spacing:.18em;color:var(--gold)}.hs-lv .n{font-family:var(--display);font-size:2.3rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 16px rgba(128,222,255,.55),0 2px 0 rgba(0,0,0,.6)}.hs-exp{position:relative;width:min(100%,210px);height:10px;margin-top:6px;border-radius:999px;background:#050d1ee0;box-shadow:0 0 0 1px #d8bd8399 inset,0 2px 6px #00000080;overflow:hidden}.hs-exp i{position:absolute;inset:2px auto 2px 2px;border-radius:999px;background:linear-gradient(90deg,#2a8fb7,#80deff 60%,#f5e6bc);box-shadow:0 0 8px #80deff99;min-width:6px;max-width:calc(100% - 4px);transition:width .3s var(--ease-out)}.hs-expt{margin-top:3px;font-size:.7rem;color:var(--muted)}.hs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hs-pts,.hs-pow{position:relative;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px 0 8px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--muted);background:#050d1ea8;border:1px solid rgba(216,189,131,.38);text-shadow:none}.hs-pts .mt-ico,.hs-pow .mt-ico{width:16px;height:16px;vertical-align:0}.hs-pts{padding-left:12px}.hs-pts.on{padding-left:8px;color:#2a1a05;background:linear-gradient(180deg,#f5e6bc,#d8bd83);border-color:#fff2cf;box-shadow:0 0 14px #f5e6bc80;animation:hs-glow 1.8s ease-in-out infinite}.hs-pts.on .mt-ico{filter:brightness(.3) sepia(1) saturate(2)}.hs-pts.on:after{content:"";position:absolute;inset:-8px -4px}.hs-pow{color:var(--text);border-color:#80deff66}@keyframes hs-glow{0%,to{box-shadow:0 0 8px #f5e6bc59}50%{box-shadow:0 0 18px #f5e6bccc}}.hs-roster{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:2px 0 8px;position:relative;z-index:2}.hs-rm{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:3px 0 0;background:none;border:0;opacity:.78;transition:opacity .15s,transform .15s var(--ease-out)}.hs-rm .face{position:relative;width:52px;height:52px;border-radius:50%;display:block;background:url(../art/za/kit/avatar_frame.webp) center/100% 100% no-repeat}.hs-rm .face img{position:absolute;inset:11%;width:78%;height:78%;border-radius:50%;object-fit:cover;object-position:50% 18%;filter:saturate(.7) brightness(.82)}.hs-rm .eld{position:absolute;top:0;right:calc(50% - 31px);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#050d1ee0;box-shadow:0 0 0 1px #d8bd8399}.hs-rm .eld .mt-ico{width:12px;height:12px;vertical-align:0}.hs-rm .lvl{font-size:.7rem;font-weight:700;color:var(--muted)}.hs-rm.on{opacity:1;transform:translateY(-3px)}.hs-rm.on .face{filter:drop-shadow(0 0 10px rgba(var(--el-rgb),.9))}.hs-rm.on .face img{filter:none}.hs-rm.on .lvl{color:var(--gold-hi)}.hs-rm.on:after{content:"";position:absolute;bottom:-3px;left:22%;right:22%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent)}.hs-rm:active{transform:scale(.95)}.hs-tabs{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 -14px;padding:max(6px,var(--safe-t)) 14px 6px;background:linear-gradient(180deg,#050d1ef0,#050d1ed1 72%,#050d1e00);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hs-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;padding:2px 12px 0;border:0;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:0;background:transparent;border-image:url(../art/za/kit/tab_pill_off.webp) 0 100 fill / 0 14px stretch;transition:color .15s,transform .1s}.hs-tab .mt-ico{width:20px;height:20px;vertical-align:0;opacity:.75}.hs-tab span{white-space:nowrap;line-height:1.1}.hs-tab.on{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);border-image-source:url(../art/za/kit/tab_pill_on.webp)}.hs-tab.on .mt-ico{opacity:1;filter:drop-shadow(0 0 5px rgba(128,222,255,.9))}.hs-tab:active{transform:scale(.96)}.hs-tab .dot{position:absolute;top:3px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 8px var(--gold-hi)}.hs-body{padding-top:2px;animation:hs-rise .3s var(--ease-out) both}@keyframes hs-rise{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.hs-sec{margin:18px 0 8px}.hs-sec:after{order:5}.hs-sec .grow{display:none}.hs-sec>.hs-left-pts,.hs-sec>.hs-btn{order:9}.hs-sec .cnt{font-style:normal;margin-left:4px;color:var(--cyan)}.hs-left-pts{font-family:var(--body);font-size:.76rem;letter-spacing:0;text-transform:none;color:var(--muted)}.hs-left-pts b{color:var(--gold-hi);font-size:1rem;margin-left:2px}.hs-left-pts.has b{text-shadow:0 0 10px rgba(245,230,188,.8)}.hs-intro{margin:6px 2px 10px;font-size:.8rem;color:var(--muted)}.hs-stats{display:grid;gap:8px}.hs-stat{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;min-height:68px;overflow:hidden}.hs-stat .sico{display:grid;place-items:center;width:46px;height:46px;background:url(../art/za/kit/item_slot.webp) center/100% 100% no-repeat}.hs-stat .sico .mt-ico{width:28px;height:28px;vertical-align:0}.hs-stat .tx{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0}.hs-stat .k{font-family:var(--display);font-size:1.08rem;letter-spacing:.1em;color:var(--gold-hi)}.hs-stat .m{font-size:.78rem;color:var(--muted)}.hs-stat .g{flex-basis:100%;font-size:.7rem;color:#8fd2ea;line-height:1.35}.hs-stat .ctl{display:flex;align-items:center;gap:2px}.hs-stat .val{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;line-height:1.05}.hs-stat .val b{font-family:var(--display);font-size:1.3rem;color:#fff}.hs-stat .val em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--cyan)}.hs-rb{position:relative;width:44px;height:44px;border:0;padding:0;font-size:1.5rem;font-weight:700;line-height:1;color:var(--gold-hi);text-shadow:0 1px 3px #000;background:url(../art/za/kit/btn_round.webp) center/100% 100% no-repeat;transition:transform .08s,filter .15s}.hs-rb:active{transform:scale(.9)}.hs-rb.plus{color:#fff}.hs-rb.is-off{filter:grayscale(1) brightness(.55);opacity:.7}.hs-stat.up{animation:hs-up 1s ease-out}.hs-stat.down{animation:hs-down 1s ease-out}@keyframes hs-up{0%{box-shadow:0 0 0 1px #7dffb0e6 inset,0 0 22px #7dffb073}to{box-shadow:0 0 0 1px #050d1eb3 inset}}@keyframes hs-down{0%{box-shadow:0 0 0 1px #ff7a8ae6 inset,0 0 22px #ff7a8a59}to{box-shadow:0 0 0 1px #050d1eb3 inset}}.hs-statfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.hs-statfoot .mt-hint{margin:0;flex:1}.hs-derived{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:4px 14px}.hs-d{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid rgba(216,189,131,.14)}.hs-d:nth-last-child(-n+2){border-bottom:0}.hs-d .l{font-size:.78rem;color:var(--muted)}.hs-d .v{font-size:.95rem;color:var(--gold-hi);text-align:right}.hs-d.up .v{animation:hs-vup 1.1s ease-out}.hs-d.down .v{animation:hs-vdown 1.1s ease-out}@keyframes hs-vup{0%{color:var(--ok);text-shadow:0 0 12px rgba(125,255,176,.9)}to{color:var(--gold-hi);text-shadow:none}}@keyframes hs-vdown{0%{color:var(--danger-hi);text-shadow:0 0 12px rgba(255,122,138,.9)}to{color:var(--gold-hi);text-shadow:none}}.hs-kit{display:grid;gap:10px}.hs-kc{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px}.hs-kc .kt{display:grid;place-items:center;width:56px;height:56px;background:url(../art/za/kit/item_slot.webp) center/100% 100% no-repeat}.hs-kc .kt .mt-ico{width:32px;height:32px;vertical-align:0}.hs-kc .kl,.es-sk .kl,.hs-wp .kl{font-family:var(--display);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}html[lang=th] .hs-kc .kl,html[lang=th] .es-sk .kl,html[lang=th] .hs-wp .kl{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.78rem}.hs-kc .kl .lvl{margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid rgba(216,189,131,.5);color:var(--gold-hi);letter-spacing:0;font-family:var(--body)}.hs-kc h4{margin:2px 0 3px;font-family:var(--display);font-size:1.05rem;color:var(--gold-hi);letter-spacing:.05em}html[lang=th] .hs-kc h4{font-family:var(--serif-th);letter-spacing:0}.hs-kc p{margin:0;font-size:.84rem;color:var(--muted)}.hs-kc.sig{border-color:rgba(var(--el-rgb),.7);box-shadow:0 0 0 1px #050d1eb3 inset,0 0 22px rgba(var(--el-rgb),.18),0 8px 22px #00000059}.hs-kc.sig .mt-gtile.big{width:56px;height:56px}.hs-perks{display:grid;gap:4px;margin-top:8px}.hs-perk{display:flex;align-items:flex-start;gap:6px;padding:5px 9px;border-radius:9px;font-size:.76rem;color:var(--faint);background:#050d1e80;border:1px solid rgba(125,147,166,.25)}.hs-perk .mt-ico{width:14px;height:14px;margin-top:2px;vertical-align:0;opacity:.7}.hs-perk b{margin-right:4px}.hs-perk.on{color:var(--gold-hi);border-color:#d8bd83a6;background:linear-gradient(90deg,#d8bd832e,#050d1e66)}.hs-perk.on .mt-ico{opacity:1}.hs-kc .za-link{min-height:44px;padding:0;font-size:.8rem;margin-top:2px}.hs-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:999px;background:#050d1eb8;border:1px solid rgba(216,189,131,.45);margin:4px 0 6px}.hs-seg button{min-height:44px;border:0;border-radius:999px;background:none;color:var(--muted);font-weight:700;font-size:.84rem;transition:background .15s,color .15s}.hs-seg button.on{color:#fff;background:linear-gradient(180deg,#2f8fb8,#1b5a80);box-shadow:0 0 0 1px var(--gold) inset,0 0 12px #80deff4d}.hs-wallet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;margin-bottom:10px}.hs-wallet .wl{flex-basis:100%;font-family:var(--display);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}html[lang=th] .hs-wallet .wl{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.78rem}.hs-wallet .wg{display:inline-flex;align-items:center;gap:5px;font-size:1rem;color:var(--gold-hi)}.hs-wallet .wg .mt-ico{width:24px;height:24px;vertical-align:0}.hs-wallet .ws{display:flex;flex-wrap:wrap;gap:6px 10px}.hs-wallet .sh{display:inline-flex;align-items:center;gap:3px;font-size:.84rem;font-weight:700}.hs-wallet .sh .mt-ico{width:20px;height:20px;vertical-align:0}.hs-list{display:grid;gap:10px}.hs-list.tight{gap:8px}.hs-sp{display:grid;grid-template-columns:68px 1fr;gap:6px 12px;padding:12px}.hs-sp .sb{min-width:0}.hs-sp .sh1,.hs-fu .sh1{display:flex;align-items:center;gap:6px}.hs-sp h4,.hs-fu h4{margin:0;font-family:var(--display);font-size:1.02rem;letter-spacing:.05em;color:var(--gold-hi);min-width:0;overflow-wrap:anywhere}html[lang=th] .hs-sp h4,html[lang=th] .hs-fu h4{font-family:var(--serif-th);letter-spacing:0}.hs-sp .sh1 .mt-ico,.hs-fu .sh1 .mt-ico{width:18px;height:18px;vertical-align:0}.hs-lvc{margin-left:auto;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--gold-hi);border:1px solid rgba(216,189,131,.55);background:#050d1e8c;white-space:nowrap}.hs-pips{display:flex;gap:3px;margin:7px 0 0}.hs-pips i{width:16px;height:6px;border-radius:2px;transform:skew(-22deg);background:#ffffff1f;box-shadow:0 0 0 1px #050d1e99 inset}.hs-pips i.on{background:linear-gradient(90deg,rgba(var(--el-rgb),.8),#fff);box-shadow:0 0 6px rgba(var(--el-rgb),.7)}.hs-pips i.pk{box-shadow:0 0 0 1px #d8bd83bf}.hs-sp .sd,.hs-fu .sd{grid-column:1/-1;margin:2px 0 0;font-size:.84rem;color:var(--text);opacity:.9}.hs-sp .hs-perks{grid-column:1/-1;margin-top:2px}.hs-sp .up{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid rgba(216,189,131,.18)}.hs-costs{display:flex;gap:6px;flex-wrap:wrap}.hs-cost{display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 5px;border-radius:999px;background:#050d1ea6;border:1px solid rgba(216,189,131,.35);font-weight:700;font-size:.86rem;color:var(--text)}.hs-cost .mt-ico{width:20px;height:20px;vertical-align:0}.hs-cost.short b{color:var(--danger-hi)}.hs-cost.short{border-color:#ff7a8a80}.hs-sp-max{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;font-weight:700;font-size:.82rem;color:var(--gold-hi);background:linear-gradient(90deg,#d8bd8338,#d8bd830f);border:1px solid rgba(216,189,131,.6)}.hs-sp-max .mt-ico{width:16px;height:16px;vertical-align:0}.hs-sp.flash{animation:hs-flash 1.1s ease-out}@keyframes hs-flash{0%{box-shadow:0 0 0 2px var(--gold-hi),0 0 34px #f5e6bca6}to{box-shadow:0 0 0 1px #050d1eb3 inset,0 8px 22px #00000059}}.hs-fu{padding:12px;display:grid;gap:8px}.hs-fu .combo{display:flex;align-items:center;gap:8px}.hs-fu .op{font-family:var(--display);font-size:1.3rem;color:var(--gold);width:14px;text-align:center}.hs-fu .arrow{font-size:1.8rem;line-height:1;width:18px}.hs-fu .fb{min-width:0}.hs-fu .leaves,.hs-fu .stc{--st:#80DEFF}.hs-fu .leaves{display:grid;gap:3px;padding:7px 10px;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--st) 20%,transparent),#050d1e66);border:1px solid color-mix(in srgb,var(--st) 55%,transparent)}.hs-fu .stn{font-size:.8rem;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hs-fu .stn i,.hs-fu .stc i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--st);box-shadow:0 0 8px var(--st)}.hs-fu .std{font-size:.74rem;color:var(--muted)}.hs-fu .stc{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:54px;border-radius:14px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--st) 30%,transparent),#050d1eeb);box-shadow:0 0 0 1px #d8bd83b3 inset,0 0 16px color-mix(in srgb,var(--st) 40%,transparent);font-size:.84rem;color:var(--text)}.hs-fu .uses{font-size:.7rem;color:var(--faint)}.hs-fu .fb .mt-chips{margin-top:4px}.hs-fu{grid-template-columns:1fr}.hs-fu .combo{grid-column:1}.hs-gi{display:grid;grid-template-columns:58px 1fr auto;grid-template-areas:"s b side" "a a a";gap:8px 12px;padding:10px 12px;border-color:rgba(var(--rar-rgb),.55)}.hs-gi .hs-slot{grid-area:s}.hs-gi .gb{grid-area:b;min-width:0}.hs-gi .hs-gside{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.hs-gi .hs-gact{grid-area:a;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.hs-gi.empty{grid-template-areas:"s b";opacity:.7;border-style:dashed}.hs-slot{position:relative;display:grid;place-items:center;width:58px;height:58px;background:url(../art/za/kit/item_slot.webp) center/100% 100% no-repeat}.hs-slot:before{content:"";position:absolute;inset:5px;border-radius:10px;background:radial-gradient(circle at 50% 40%,rgba(var(--rar-rgb),.55),rgba(var(--rar-rgb),.06) 75%);box-shadow:0 0 0 1.5px rgba(var(--rar-rgb),.9) inset,0 0 14px rgba(var(--rar-rgb),.5)}.hs-slot .mt-ico{position:relative;width:30px;height:30px;vertical-align:0;filter:drop-shadow(0 0 6px rgba(var(--rar-rgb),.9))}.hs-slot.empty:before{opacity:.35;box-shadow:0 0 0 1px #7d93a699 inset}.hs-slot.empty .mt-ico{opacity:.35;filter:grayscale(1)}.hs-gn{font-weight:700;font-size:.95rem;color:var(--text);line-height:1.25}.hs-gm{display:flex;flex-wrap:wrap;gap:2px 8px;font-size:.72rem;color:var(--muted);margin-top:2px}.hs-gm .rar{color:var(--rar);font-weight:700}.hs-gstats{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}.hs-gs{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:7px;font-size:.76rem;color:var(--text);background:#050d1e99;border:1px solid rgba(216,189,131,.3)}.hs-gs b{color:var(--gold);font-size:.7rem;letter-spacing:.05em}.hs-gs .si .mt-ico{width:16px;height:16px;vertical-align:-3px}.hs-gs .dd{font-style:normal;font-size:.7rem;font-weight:700;color:var(--ok);margin-left:2px}.hs-gaff{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px}.hs-gaff li{position:relative;padding-left:12px;font-size:.78rem;color:#bfe7f6}.hs-gaff li:before{content:"";position:absolute;left:1px;top:.55em;width:5px;height:5px;transform:rotate(45deg);background:var(--rar)}.hs-gside .sc{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:1.05rem;color:var(--gold-hi);line-height:1.1}.hs-gside .sc small{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600}.hs-dl{font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap}.hs-dl.up{color:var(--ok)}.hs-dl.down{color:var(--danger-hi)}.hs-gnote{margin-top:6px;font-size:.72rem;color:var(--amber)}.hs-gi .hs-gnote.wide{grid-column:1/-1;margin:0;padding:6px 10px;border-radius:9px;background:#ffd36e14;border:1px solid rgba(255,211,110,.3)}.hs-filter{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.hs-filter button{flex:none;min-height:36px;padding:0 14px;border-radius:999px;background:#050d1e9e;border:1px solid rgba(216,189,131,.35);color:var(--muted);font-weight:700;font-size:.78rem;position:relative}.hs-filter button:after{content:"";position:absolute;inset:-4px 0}.hs-filter button.on{color:#fff;background:linear-gradient(180deg,#2f8fb8,#1b5a80);border-color:var(--gold)}.hs-empty{display:grid;justify-items:center;gap:8px;padding:28px 18px;text-align:center;color:var(--muted);border:1px dashed rgba(216,189,131,.35);border-radius:var(--r);background:#050d1e66}.hs-empty .mt-ico{width:44px;height:44px;opacity:.6}.hs-empty p{margin:0;font-size:.84rem;max-width:30ch}.hs-wp{position:relative;display:grid;gap:14px;padding:20px 20px 22px;border:0;border-image:url(../art/za/kit/panel_glass.webp) 90 fill / 22px stretch;background:transparent}.hs-wp:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050d1e1f,#050d1e8c);pointer-events:none;border-radius:14px}.hs-wp>*{position:relative}.wp-hero{position:relative;height:156px;display:grid;place-items:center}.wp-halo{position:absolute;inset:0;background:radial-gradient(50% 55% at 50% 50%,rgba(var(--el-rgb),.5),rgba(var(--el-rgb),.14) 55%,transparent 75%)}.wp-ring{position:absolute;width:148px;height:148px;border-radius:50%;border:1px solid rgba(216,189,131,.55);box-shadow:0 0 0 6px #d8bd8312,0 0 22px rgba(var(--el-rgb),.3) inset}.wp-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(var(--el-rgb),.6);animation:hs-spin 70s linear infinite}.wp-art{position:relative;height:120px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(var(--el-rgb),.7))}.hs-wp.locked .wp-art{filter:grayscale(1) brightness(.5)}.wp-lock{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#050d1ecc;box-shadow:0 0 0 1.5px var(--gold) inset}.wp-lock .mt-ico{width:24px;height:24px;vertical-align:0}.wp-head{text-align:center}.hs-wp h3{margin:2px 0 8px;font-family:var(--display);font-size:1.45rem;letter-spacing:.06em;color:var(--gold-hi);text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 18px rgba(var(--el-rgb),.4)}html[lang=th] .hs-wp h3{font-family:var(--serif-th);letter-spacing:0}.wp-state{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hs-wp .hs-pips{margin:0;gap:2px}.hs-wp .hs-pips .mt-star{width:24px;height:24px}.hs-wp .wp-pips{gap:1px;align-items:center;flex-wrap:wrap;justify-content:center}.hs-wp .hs-pips i.wp-pip{display:block;width:20px;height:20px;transform:none;border-radius:0;box-shadow:none;opacity:.85;background:var(--ui_refine_pip_off,url(../art/za/icon/rarity_star.webp) center/contain no-repeat)}.hs-wp .hs-pips i.wp-pip.on{opacity:1;background:var(--ui_refine_pip_on,url(../art/za/icon/rarity_star.webp) center/contain no-repeat);filter:drop-shadow(0 0 4px rgba(var(--el-rgb),.75))}.hs-wp .wp-pips.many i.wp-pip{width:17px;height:17px}.wp-sec .kl{margin-bottom:6px}.wp-sec .kl .rf{margin-left:6px;font-family:var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}.wp-sec .kl.nx{margin-top:10px}.hs-gstats.big .hs-gs{padding:5px 12px 5px 6px;font-size:.92rem;border-radius:10px}.hs-gstats.big .hs-gs b{font-size:.8rem}.hs-gstats.nxt .hs-gs{border-color:#80deff80;color:#bfe7f6}.wp-pas{margin:0;font-size:.88rem;color:var(--text);line-height:1.5}.wp-prog{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px}.wp-prog .ic .mt-ico{width:44px;height:44px;vertical-align:0}.wp-prog .bar{display:grid;gap:4px}.wp-prog .za-bar{height:14px}.wp-prog .za-bar i{background:linear-gradient(90deg,#2a8fb7,#80deff 65%,#f5e6bc);box-shadow:0 0 8px #80deff8c}.wp-prog .n{font-size:.88rem;color:var(--muted)}.wp-prog .n b{color:var(--gold-hi);font-size:1.05rem}.hs-maxed{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;font-weight:700;color:var(--gold-hi);background:linear-gradient(90deg,#d8bd8333,#d8bd830d);border:1px solid rgba(216,189,131,.6)}.hs-maxed .mt-ico{width:18px;height:18px;vertical-align:0}.hs-wield{padding:12px 2px 0;border-bottom:0;border-top:1px solid rgba(216,189,131,.2)}.hs-wield small{display:block;margin-top:2px;font-size:.72rem;line-height:1.35;max-width:30ch}.hs-wp.pulse{animation:hs-flash 1s ease-out}.hs-wp.pulse .wp-art{animation:hs-wpn .9s ease-out}@keyframes hs-wpn{0%{filter:drop-shadow(0 0 30px #fff) brightness(1.8)}}.hs-wp .hs-btn.gold .hs-cost .mt-ico{filter:none}@media(min-width:640px)and (min-aspect-ratio:5/4){.scr-col.hs-col{max-width:1120px;padding-left:8px;padding-right:8px}.hs-scroll{display:grid;grid-template-columns:clamp(300px,36vw,420px) minmax(0,1fr);gap:28px;overflow:hidden;padding:12px 0 0}.hs-left{display:flex;flex-direction:column;min-height:0}.hs-stage{--stage-h:100%;flex:1;height:auto;min-height:340px;margin:0;border-radius:var(--r-lg)}.hs-art{right:-3%;height:92%;bottom:0}.hs-info{width:62%}.hs-right{overflow:auto;min-height:0;touch-action:pan-y;scrollbar-width:none;padding:0 4px 24px}.hs-right::-webkit-scrollbar{display:none}.hs-tabs{margin:0 -4px;padding:4px 4px 6px}.hs-roster{margin-top:8px}.hs-rm .face{width:58px;height:58px}.hs-aura:before{right:calc(10% - 20px)}.hs-aura:after{right:calc(10% + 2px)}.hs-crest{right:calc(8% - 10px)}}@media(max-height:720px)and (max-width:700px){.hs-stage{--stage-h:292px}.hs-name{font-size:2rem}}@media(max-height:520px)and (min-aspect-ratio:3/2){.hs-stage{min-height:0}.hs-name{font-size:1.5rem;margin-top:4px}.hs-title{font-size:.7rem;padding-bottom:4px}.hs-lv{margin-top:6px}.hs-lv .n{font-size:1.5rem}.hs-eltag .gem{width:28px;height:28px}.hs-eltag .gem .mt-ico{width:18px;height:18px}.hs-expt,.hs-chips{display:none}.hs-info{top:10px}.hs-rm{min-height:58px}.hs-rm .face{width:40px;height:40px}.hs-rm .eld{display:none}}#scr-echoes .ec-bg{background-image:url(../art/za/bg/zone_05.webp);background-position:50% 30%}#scr-echoes .ec-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050d1e8c,#050d1ec7 40%,#050d1ef0)}.scr-col.ec-col{padding-top:calc(var(--safe-t) + 6px)}.ec-header{flex:none;padding-left:54px;padding-right:40px}.ec-header h1{font-size:1.2rem}.ec-scroll{flex:1;min-height:0;padding:0 0 28px}.ec-left,.ec-right{min-width:0}.ec-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ec-slot{position:relative;display:block;width:100%;aspect-ratio:381/600;padding:0;border:0;background:url(../art/za/kit/party_slot.webp) center/100% 100% no-repeat;color:var(--text);text-align:center;overflow:hidden;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));transition:transform .12s var(--ease-out)}.ec-slot{cursor:pointer;-webkit-tap-highlight-color:transparent}.ec-slot:active{transform:scale(.985)}.ec-slot:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ec-slot .tag{position:absolute;z-index:3;top:5.5%;left:0;right:0;display:grid;gap:1px;padding:0 9%;justify-items:center}.ec-slot .tag b{font-family:var(--display);font-size:.84rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 1px 3px #000}html[lang=th] .ec-slot .tag b{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.95rem}.ec-slot .tag small{font-size:.6rem;color:var(--muted);line-height:1.25;text-shadow:0 1px 3px #000}.ec-slot .art{position:absolute;inset:17.5% 7.5% 34%;overflow:hidden;border-radius:6px}.ec-slot .art .aura{position:absolute;inset:0;background:radial-gradient(75% 70% at 50% 40%,rgba(var(--el-rgb),.6),rgba(var(--el-rgb),.14) 65%,transparent)}.ec-slot .art img{position:absolute;left:50%;top:3%;width:108%;height:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.ec-slot .art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(5,13,30,.92))}.ec-slot .inf{position:absolute;z-index:3;left:0;right:0;bottom:12.5%;display:grid;gap:1px;justify-items:center;padding:0 9%}.ec-slot .nm{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:.06em;color:var(--gold-hi);text-shadow:0 2px 4px #000;line-height:1.1}html[lang=th] .ec-slot .nm{font-family:var(--serif-th);letter-spacing:0}.ec-slot .sub{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;color:var(--muted)}.ec-slot .sub .mt-ico{width:15px;height:15px;vertical-align:0}.ec-slot .inf .mt-star{width:11px;height:11px}.ec-slot.empty .plus{position:absolute;left:0;right:0;top:36%;display:grid;place-items:center}.ec-slot.empty .plus .mt-ico{width:56px;height:56px;opacity:.55;filter:drop-shadow(0 0 10px rgba(128,222,255,.5))}.ec-slot.empty .nm{position:absolute;left:0;right:0;bottom:17%;font-size:.84rem;color:var(--muted);font-weight:600;font-family:var(--body);letter-spacing:0}.ec-slot.lead{filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(216,189,131,.25))}.ec-pair{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;border-style:dashed;color:var(--muted)}.ec-pair .ic{display:flex;flex:none;gap:0}.ec-pair .ic .mt-ico{width:26px;height:26px;margin-right:-6px;vertical-align:0;opacity:.7}.ec-pair .tx{display:grid;gap:1px;font-size:.78rem;line-height:1.35}.ec-pair .tx b{font-family:var(--display);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}html[lang=th] .ec-pair .tx b{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.8rem}.ec-pair.on{border-style:solid;border-color:rgba(var(--el-rgb),.8);color:var(--text);background:linear-gradient(90deg,rgba(var(--el-rgb),.26),#0a2038e6 60%,#050d1eeb);box-shadow:0 0 24px rgba(var(--el-rgb),.3),0 0 0 1px #050d1eb3 inset;animation:hs-pair .5s var(--ease-out)}.ec-pair.on .ic .mt-ico{opacity:1;filter:drop-shadow(0 0 8px rgba(var(--el-rgb),.9))}.ec-pair.sm{margin-top:10px;padding:8px 12px}@keyframes hs-pair{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.ec-eh{display:flex;align-items:center;gap:8px;margin:20px 2px 10px;font-family:var(--display);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;color:var(--el)}html[lang=th] .ec-eh{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.95rem}.ec-eh .mt-ico{width:24px;height:24px;vertical-align:0;filter:drop-shadow(0 0 6px rgba(var(--el-rgb),.7))}.ec-eh small{margin-left:auto;font-family:var(--body);font-size:.7rem;letter-spacing:0;color:var(--faint);text-transform:none}.ec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ec-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 6px 8px;border-radius:12px;text-align:center;color:var(--text);background:linear-gradient(180deg,#163b56c7,#050d1eeb);border:1px solid rgba(216,189,131,.4);box-shadow:0 6px 16px #00000059;transition:transform .12s var(--ease-out),box-shadow .15s}.ec-card:active{transform:scale(.97)}.ec-card .face{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(var(--el-rgb),.45),#050d1ee6 78%);box-shadow:0 0 0 1px rgba(var(--el-rgb),.7) inset}.ec-card .face img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.ec-card .bdg{position:absolute;top:4px;left:4px;padding:1px 7px;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#2a1a05;background:linear-gradient(180deg,#f5e6bc,#d8bd83);box-shadow:0 1px 4px #0009}.ec-card .bdg.s{color:#04202c;background:linear-gradient(180deg,#bff1ff,#5ac3e8)}.ec-card .rl{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#050d1ed9;box-shadow:0 0 0 1px #d8bd8399}.ec-card .rl .mt-ico{width:14px;height:14px;vertical-align:0}.ec-card .nm{margin-top:4px;font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:.04em;color:var(--gold-hi);line-height:1.15;overflow-wrap:anywhere}html[lang=th] .ec-card .nm{font-family:var(--serif-th);letter-spacing:0}.ec-card .nm.long{font-size:.72rem;letter-spacing:.01em}.ec-card .rt{font-size:.68rem;color:var(--muted)}.ec-card .mt-stars{margin-top:2px}.ec-card .mt-star{width:12px;height:12px}.ec-card.lead{border-color:var(--gold-hi);box-shadow:0 0 0 1px #d8bd8399 inset,0 0 18px #d8bd8366}.ec-card.sup{border-color:#8fe0ff;box-shadow:0 0 0 1px #80deff80 inset,0 0 16px #80deff4d}.ec-card.locked{filter:grayscale(.9) brightness(.6)}.ec-card .lk{position:absolute;inset:0;display:grid;place-items:center}.ec-card .lk .mt-ico{width:30px;height:30px}.za-modal.gd-sheet{align-self:end;justify-self:center;width:min(calc(100% + 28px),600px);max-height:min(90vh,calc(100% + 16px + var(--safe-b)));margin-bottom:calc(-16px - var(--safe-b));--pb:calc(var(--safe-b) + 18px);padding:20px 16px var(--pb);border-radius:var(--r-lg) var(--r-lg) 0 0;animation:gd-sheet .3s var(--ease-out)}.za-modal.gd-sheet:before,.za-modal.gd-sheet:after{display:none}@keyframes gd-sheet{0%{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:none}}.es-x{position:absolute;z-index:5;top:10px;right:10px;width:44px;height:44px}.es-wrap{position:relative}.es-top{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;align-items:end;margin:-6px -6px 4px}.es-art{position:relative;height:236px}.es-art .aura{position:absolute;inset:-10% -20% 0;background:radial-gradient(55% 55% at 50% 48%,rgba(var(--el-rgb),.5),rgba(var(--el-rgb),.12) 60%,transparent 76%)}.es-art img{position:absolute;left:50%;bottom:0;width:176px;height:auto;max-width:none;transform:translate(-50%);filter:drop-shadow(0 8px 14px rgba(0,0,0,.6));-webkit-mask:linear-gradient(180deg,#000 74%,transparent);mask:linear-gradient(180deg,#000 74%,transparent)}.es-id{padding:0 0 6px;min-width:0;display:grid;gap:4px;align-content:end}.es-id .mt-chips{margin:0}.es-id .mt-chips .za-chip.el{color:var(--el);border-color:rgba(var(--el-rgb),.7)}.es-id h2{margin:4px 0 0;text-align:left;font-size:1.7rem;line-height:1.05}.es-id .ttl{font-family:var(--display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}html[lang=th] .es-id .ttl{font-family:var(--serif-th);letter-spacing:.02em;text-transform:none;font-size:.92rem}.es-id .starrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.es-id .mt-star{width:18px;height:18px}.es-id .now{justify-self:start}.es-skills{display:grid;gap:8px;margin-top:8px}.es-sk{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:10px 12px}.es-sk .si{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(var(--el-rgb),.4),#050d1ee6);box-shadow:0 0 0 1.5px #d8bd83b3 inset}.es-sk .si .mt-ico{width:24px;height:24px;vertical-align:0}.es-sk .sh{display:flex;flex-direction:column;gap:1px}.es-sk h4{margin:0;font-size:.98rem;color:var(--gold-hi);font-family:var(--display);letter-spacing:.05em}html[lang=th] .es-sk h4{font-family:var(--serif-th);letter-spacing:0}.es-sk p{margin:4px 0 0;font-size:.82rem;color:var(--text);opacity:.92}.es-sk p.hint{color:var(--muted);margin-top:3px}.es-sk p.trig{color:#8fd2ea}.es-sk.channel{border-color:#d8bd8399}.es-sk.link{border-color:#80deff8c}.es-note{margin:10px 2px 0;font-size:.76rem;text-align:center}.es-actions,.lo-sheet .za-btnrow{position:sticky;bottom:calc(var(--pb) * -1);z-index:4;margin:12px -16px calc(var(--pb) * -1);padding:14px 16px calc(var(--pb) - 2px);background:linear-gradient(180deg,#050d1e00,#050d1ef0 34%)}.es-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.es-actions .za-btn{flex:1 1 150px;min-width:0;padding:0 24px}.lo-overlay{z-index:75}.lo-overlay.out{animation:za-in .16s reverse forwards}.lo-sheet h2{margin:0 0 4px;padding-right:44px;text-align:left;font-size:1.3rem}.lo-power{display:inline-flex;align-items:baseline;gap:8px;margin:0 0 2px;font-size:.8rem;color:var(--muted)}.lo-power b{font-family:var(--display);font-size:1.2rem;color:var(--cyan)}.lo-sheet .za-section{margin:12px 0 8px}.lo-mains{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.lo-lm{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:84px;padding:4px 0;background:none;border:0;border-radius:10px;opacity:.78}.lo-lm .face{display:block;width:100%;max-width:54px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #d8bd8359;background:#050d1ecc}.lo-lm .face img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}.lo-lm .nm{font-size:.68rem;font-weight:700;color:var(--muted);margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lo-lm .lv{font-size:.64rem;color:var(--faint)}.lo-lm.on{opacity:1;background:linear-gradient(180deg,rgba(var(--el-rgb),.2),transparent)}.lo-lm.on .face{box-shadow:0 0 0 2px var(--gold-hi),0 0 14px rgba(var(--el-rgb),.8)}.lo-lm.on .nm{color:var(--gold-hi)}.lo-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lo-ls{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px 6px 6px;text-align:left;border-radius:14px;background:#050d1eb3;border:1px solid rgba(216,189,131,.35);color:var(--text)}.lo-ls .face{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#050d1ee6;box-shadow:0 0 0 1.5px #d8bd8399}.lo-ls .face img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.lo-ls .face .mt-ico{width:22px;height:22px;opacity:.5}.lo-ls .tx{display:grid;min-width:0}.lo-ls small{font-family:var(--display);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}html[lang=th] .lo-ls small{font-family:var(--serif-th);letter-spacing:0;text-transform:none;font-size:.74rem}.lo-ls b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lo-ls.empty b{color:var(--faint);font-weight:600}.lo-ls.on{border-color:var(--gold-hi);background:linear-gradient(180deg,#247fa680,#050d1ed9);box-shadow:0 0 0 1px var(--gold) inset,0 0 16px #80deff4d}.lo-hint{margin:8px 2px;font-size:.74rem}.lo-hint b{color:var(--gold-hi)}.lo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px 4px}.lo-le{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:68px;padding:3px 0 2px;background:none;border:0;border-radius:10px}.lo-le .face{display:block;width:100%;max-width:50px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(var(--el-rgb),.75),0 0 8px rgba(var(--el-rgb),.3)}.lo-le .face img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.lo-le .nm{max-width:100%;font-size:.62rem;font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lo-le .lo-mk{position:absolute;top:0;right:calc(50% - 30px);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.66rem;font-weight:800;color:#2a1a05;background:linear-gradient(180deg,#f5e6bc,#d8bd83);box-shadow:0 1px 4px #000}.lo-le .lo-mk.s{color:#04202c;background:linear-gradient(180deg,#bff1ff,#5ac3e8)}.lo-le.lead .face{box-shadow:0 0 0 2px var(--gold-hi),0 0 14px #f5e6bc99}.lo-le.sup .face{box-shadow:0 0 0 2px #8fe0ff,0 0 14px #80deff8c}.lo-le.lead .nm,.lo-le.sup .nm{color:var(--text)}.lo-le.locked{filter:grayscale(1) brightness(.5)}.lo-le:active{transform:scale(.94)}.lo-info{margin:10px 2px 0;font-size:.76rem;color:var(--muted);text-align:center}.hs-confirm p{margin:6px 0 0;font-size:.92rem}@media(min-width:640px)and (min-aspect-ratio:5/4){.scr-col.ec-col{max-width:1120px}.ec-scroll{display:grid;grid-template-columns:clamp(280px,34vw,400px) minmax(0,1fr);gap:28px;overflow:hidden;padding-bottom:0}.ec-left{overflow:auto;min-height:0;scrollbar-width:none}.ec-right{overflow:auto;min-height:0;touch-action:pan-y;scrollbar-width:none;padding-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:0 26px;align-content:start}.ec-grid{grid-template-columns:repeat(auto-fill,minmax(98px,122px));justify-content:start}.ec-right::-webkit-scrollbar,.ec-left::-webkit-scrollbar{display:none}.ec-slot{max-height:420px}.ec-group:nth-child(-n+2) .ec-eh{margin-top:4px}}@media(min-width:640px)and (min-aspect-ratio:5/4){.za-modal.gd-sheet{align-self:center;margin-bottom:0;width:min(100%,600px);max-height:min(94%,860px);border-radius:var(--r-lg);--pb:20px}.za-modal.gd-sheet:before,.za-modal.gd-sheet:after{display:block}}@media(min-width:600px)and (max-aspect-ratio:5/4){.hs-stage{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,#000 86%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}@media(prefers-reduced-motion:reduce){.hs-aura:after,.wp-ring:after,.hs-pts.on{animation:none!important}}.hs-stage.swap .hs-info{animation:hs-fig-in .45s var(--ease-out) both}.ec-slot .chg{position:absolute;z-index:4;right:8%;top:19.5%;display:grid;place-items:center;width:32px;height:32px;border:0;padding:0;border-radius:50%;background:#050d1ec7;box-shadow:0 0 0 1.5px var(--gold) inset,0 2px 8px #0009}.ec-slot .chg:after{content:"";position:absolute;inset:-8px}.ec-slot .chg .mt-ico{width:20px;height:20px;vertical-align:0}.es-actions .za-btn{min-height:56px;line-height:1.15;text-align:center;padding:0 24px;font-size:.92rem}@media(hover:hover){.ec-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000073,0 0 14px rgba(var(--el-rgb),.35)}.hs-rm:hover{opacity:1}.hs-btn:not(.is-off):hover{filter:brightness(1.12)}.hs-tab:hover{color:#fff}.lo-le:hover .face,.lo-lm:hover .face{box-shadow:0 0 0 2px var(--gold-hi)}}.hs-btn{line-height:1.3;padding-top:8px;padding-bottom:8px}.hs-tab{flex-direction:row;gap:6px;padding:10px 12px;line-height:1.3;min-height:52px}.hs-tab span{line-height:1.3;white-space:normal;text-align:center}.hs-tab .mt-ico{flex:none;width:18px;height:18px;object-fit:contain}.hs-seg button,.hs-filter button{display:inline-flex;align-items:center;justify-content:center;line-height:1.3;padding-top:7px;padding-bottom:7px;text-align:center}.hs-pts,.hs-pow,.hs-lvc,.hs-gs,.hs-cost{line-height:1.35;min-height:28px;height:auto;padding-top:5px;padding-bottom:5px}.hs-stat .val{line-height:1.3;gap:2px}.hs-rb{display:inline-grid;place-items:center;line-height:1.15;padding:4px}.hs-gn,.hs-kc h4{line-height:1.4}@media(max-width:430px){.hs-tab{gap:3px;padding:10px 5px;font-size:.64rem}.hs-tab .mt-ico{display:none}}.ec-slot .tag{top:7%;gap:3px}.ec-slot .tag b,.ec-slot .nm,.ec-card .nm{line-height:1.3}.ec-slot .tag small{line-height:1.35}.ec-slot .inf{gap:3px;bottom:13.5%}.ec-card{gap:4px;padding-bottom:12px}.hs-loadout{display:grid;gap:12px;padding:18px;margin:4px 0 18px;border:1px solid rgba(148,188,208,.3);border-radius:12px;background:linear-gradient(130deg,#182c3ef2,#081525f5)}.hs-loadout h3,.hs-loadout p{margin:0;line-height:1.5}.hs-loadout h3{font-size:1rem;color:var(--gold-hi)}.hs-loadout p,.hs-loadout small{font-size:.76rem;color:var(--muted);line-height:1.6}.hs-core-skills{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs-core-skills>span{display:flex;align-items:center;gap:8px;font-size:.8rem;min-width:0}.hs-loadout label{display:grid;gap:6px;font-size:.8rem;color:var(--gold-hi)}.hs-loadout select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #536c80;border-radius:7px;background:#102236;color:var(--text);font-size:.86rem}.hs-skill-output{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.hs-next-output{grid-column:1/-1;margin:0;font-size:.74rem;line-height:1.5;color:#a5d6e4}.sw-loadout{padding:16px;gap:14px;background:linear-gradient(145deg,#09182bf7,#07101ef7)}.sw-legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:10px;color:#a8d8eb}.sw-legend .core{color:#e7cc91}.sw-legend .common{color:#82e5ee}.sw-legend .off{color:#91a0b3}.sw-web{position:relative;isolation:isolate;width:100%;aspect-ratio:1;max-width:440px;margin:4px auto 8px;background:radial-gradient(ellipse at center,rgba(42,93,119,.22),transparent 65%)}.sw-web>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sw-web>svg circle{fill:none;stroke:#789bb32b;stroke-width:.25;stroke-dasharray:1 2}.sw-web>svg line{stroke:#6e8fa333;stroke-width:.3}.sw-web>svg line.active{stroke:#92d8e6;stroke-width:.5;filter:drop-shadow(0 0 1px #67c8d9)}.sw-heart{position:absolute;inset:38% 33%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #8ebcc966;border-radius:50%;background:#0b2039;box-shadow:0 0 22px #64acc51a;color:var(--gold-hi)}.sw-heart b{font-size:.84rem}.sw-heart small{font-size:9px;line-height:1.3;padding:3px;color:#a7c8d9}.sw-node{position:absolute;transform:translate(-50%,-50%);width:52px;min-height:52px;padding:4px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#d6e7ef;cursor:pointer;z-index:2}.sw-node>svg{box-sizing:content-box;width:26px;height:26px;padding:8px;border:1px solid #63768a;border-radius:50%;background:#0a182c;filter:none;transition:border-color .18s,box-shadow .18s}.sw-node span{font-size:9px;line-height:1.35;white-space:nowrap;padding:2px 3px;background:#08182ce6;border-radius:3px}.sw-node.core>svg{border-color:#c6a56d;box-shadow:0 0 7px #e0b86926}.sw-node.basic>svg{border-color:#8bb2cb}.sw-node.common>svg{border-color:#7de6ed;box-shadow:0 0 10px #79dbe83b}.sw-node.off{color:#9eacbe}.sw-node.off>svg{opacity:.6}.sw-node.selected>svg,.sw-node:focus-visible>svg{opacity:1;border-color:#e7faff;box-shadow:0 0 0 3px #87deed44,0 0 16px #81d5e833}.sw-node:focus-visible{outline:none}.sw-node:hover>svg{border-color:#ddf6ff}.sw-preview{padding:14px;border:1px solid #73a9bf66;border-radius:10px;background:linear-gradient(130deg,#17364d,#0b2035);display:grid;gap:10px}.sw-preview-title{display:flex;gap:10px;align-items:center}.sw-preview h4{margin:0;font-size:1rem;color:#f2e2bd}.sw-preview-title small{display:block;font-size:.7rem}.sw-equip{min-height:44px;width:100%;justify-content:center}.sw-equip:disabled{opacity:.65;cursor:default}.sw-path-title{margin:2px 0 0;font-size:.9rem;color:var(--gold-hi)}.sw-routes{display:grid;gap:12px}.sw-route{padding:14px;border:1px solid #607f9455;border-radius:10px;background:#0b1c30e6;color:#dce8f0}.sw-route.ready{border-color:#7cbfbd88}.sw-route-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sw-route-head b{font-size:.88rem;color:#f1dfb8}.sw-route-head>span{flex:none;font-size:.65rem;color:#a8c5d4}.sw-route.ready .sw-route-head>span{color:#9de1cb}.sw-step{position:relative;display:flex;gap:10px;padding:0 0 16px}.sw-step:not(:last-of-type):after{content:"";position:absolute;left:11px;top:25px;bottom:2px;width:1px;background:#84b8c955}.sw-step>i{font:normal 11px/23px var(--body);text-align:center;flex:none;width:24px;height:24px;border:1px solid #7298ad66;border-radius:50%;color:#b4d6e3}.sw-step>div{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-width:0}.sw-step strong{font-size:.8rem;line-height:1.5;color:#e7edf3}.sw-step small{display:block;flex-basis:100%;font-size:.7rem;line-height:1.6;color:#a7bbcc}.sw-step em{font-style:normal;color:#a4b6c7}.sw-spell{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #7cbbcd55;border-radius:5px;color:#d6ebf3;font-size:.72rem;line-height:1.4}.sw-spell.missing{border-style:dashed;border-color:#9c897044;color:#b2a38e}.sw-spell svg{flex:none;width:18px;height:18px}.sw-affinity{font-size:.62rem;line-height:1.5;color:#b2c9d7}.sw-result{flex-basis:100%;color:#a3e5df!important}.sw-route .sw-missing{margin:0;padding-top:8px;border-top:1px solid #819aab22;font-size:.72rem;color:#d3b588;line-height:1.6}.sw-route>p{font-size:.74rem;line-height:1.6}.sw-explain{padding:16px;margin:12px 0;border-left:2px solid #8fcbd7;background:#0c2036e8;border-radius:0 8px 8px 0}.sw-explain h3{margin:0 0 8px;font-size:1rem;color:var(--gold-hi)}.sw-explain p,.sw-explain small{font-size:.76rem;line-height:1.7;color:#bfd1de}@media(prefers-reduced-motion:reduce){.sw-node>svg{transition:none}}.sw-node.core>svg{border-radius:10px;border:1px solid #ead19a;outline:1px solid #bd975d80;outline-offset:3px;background:radial-gradient(circle at 50% 30%,#3a3540,#152137 74%);box-shadow:0 0 14px #eccb752b,inset 0 0 9px #d4ac6520}.sw-node.core span{color:#f3db9e;font-weight:700;background:#1b2030f0}.sw-core-tag{position:absolute;left:50%;top:-9px;transform:translate(-50%);padding:1px 5px;border:1px solid #b99a61;border-radius:3px;background:#292b36;color:#ffe4ac;font-size:8px;font-style:normal;line-height:1.2;letter-spacing:.04em;white-space:nowrap;pointer-events:none}.sw-node.core.selected>svg{border-color:#ffe9af;outline-color:#ecd09a;box-shadow:0 0 17px #e5c47e55,inset 0 0 9px #d4ac6520}.sw-mana-dust{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:1;border-radius:0}.sw-mana-dust i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#b4eaff;box-shadow:0 0 4px #8cddff,0 0 9px #6dc8ee55;opacity:0;animation:sw-drift var(--life) linear var(--delay) infinite}.sw-mana-dust i:nth-child(4n){background:#f1d99c;box-shadow:0 0 4px #dfbf79}.sw-web>svg .sw-link-spark{fill:#d6faff;stroke:none;filter:drop-shadow(0 0 1px #82e3f5);opacity:.75}@keyframes sw-drift{0%{opacity:0;transform:translate(0)}20%{opacity:.7}55%{opacity:.45;transform:translate(calc(var(--drift) * .6),calc(var(--rise) * -.55))}to{opacity:0;transform:translate(var(--drift),calc(var(--rise) * -1))}}@media(prefers-reduced-motion:reduce){.sw-mana-dust,.sw-link-spark{display:none}}.sw-heart{z-index:2}.sw-node{z-index:3}.sw-draw-hint{display:block;color:#b7e9ed!important;font-size:.74rem;line-height:1.7;font-weight:500}.hs-scroll{--roster-dock-h:calc(84px + var(--safe-t))}.hs-left,.hs-right{display:contents}.hs-roster{position:sticky;top:0;z-index:8;height:var(--roster-dock-h);margin:0 -14px;padding:calc(8px + var(--safe-t)) 14px 4px;background:#061222f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hs-tabs{top:var(--roster-dock-h);padding-top:6px;background:linear-gradient(180deg,#061222fa,#061222f0 88%,#06122200)}@media(min-width:640px)and (min-aspect-ratio:5/4){.hs-left{display:flex}.hs-right{display:block}.hs-roster{position:relative;top:auto;z-index:2;height:auto;margin:8px 0;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hs-tabs{top:0;padding-top:4px}}.hs-options{position:absolute;top:calc(var(--safe-t) + 12px);right:12px;z-index:5}.ec-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ec-header-actions{display:flex;align-items:center;gap:8px}.ec-header-actions .hs-btn{font-size:.75rem;padding:8px 14px}.cl-entry,.cl-echo-up{padding:16px;margin:10px 0 18px;border:1px solid #8cabb34d;border-radius:12px;background:#10263ae8;display:grid;gap:10px}.cl-entry b,.cl-echo-up h3{color:var(--gold-hi);margin:0}.cl-entry p,.cl-echo-up p{font-size:.76rem;line-height:1.6;margin:0;color:#c0d0dc}.cl-entry .hs-btn{justify-content:center;min-height:46px}.cl-echo-up button{width:100%;min-height:44px}.cl-draw h2{font-size:1.3rem;color:var(--gold-hi)}.cl-draw>p{line-height:1.65;font-size:.85rem}.cl-pool{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.cl-pool>span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;border:1px solid #8ba9bb38;border-radius:10px;background:#081a2bc9;min-width:0}.cl-pool img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:1px solid #b79c63}.cl-pool b{font-size:.73rem;text-align:center;line-height:1.4}.cl-pool small{font-size:.7rem;color:#9dd8df}.cl-odds{color:#a9bdcd;font-size:.73rem!important}.cl-result{padding:18px;text-align:center;border:1px solid #d1b97a88;border-radius:10px;background:#17364be8}.cl-result img{display:block;width:78px;height:78px;border-radius:12px;object-fit:cover;margin:0 auto 8px}.cl-result strong{color:var(--gold-hi)}.cl-draw button:disabled,.cl-echo-up button:disabled{opacity:.45;cursor:default}.ec-header{flex-wrap:nowrap;min-height:88px;padding:16px 24px;gap:12px}.ec-header>div:first-child{min-width:0;flex:1}.ec-header h1{line-height:1.35}.ec-header-actions{flex:none}.ec-header-actions .hs-btn{font-size:.68rem;padding:8px 12px;min-height:42px}@media(max-width:430px){.ec-header small{display:none}.ec-header{padding:16px 20px}.ec-header-actions{gap:5px}}.cl-draw .cl-pool{max-height:42vh;overflow:auto;padding:3px;scrollbar-width:thin}.cl-draw .za-btnrow{padding-top:8px}.hs-rm .face img,.ec-card .face img,.lo-lm .face img,.lo-ls .face img,.lo-le .face img{object-fit:contain;object-position:50% 50%;box-sizing:border-box;padding:5%;background:#11253b}.cl-pool img,.cl-result img{object-fit:contain;object-position:center;box-sizing:border-box;padding:4%;background:#11253b}.ec-owner{grid-column:1/-1;margin:0 0 3px;padding:6px 2px;font-size:.8rem;color:#b9d6e6}.ec-owner b{color:var(--gold-hi)}