@charset "UTF-8";:root{--hud-bg: rgba(10, 12, 16, .72);--hud-fg: #f2f2f2;--hud-muted: #9aa3ad;--accent: #5ac8fa;--ui: url(../game/ui/Gameplay/);--s: 1}html,body{margin:0;height:100%;background:#0b0d10;overflow:hidden;font:14px/1.4 system-ui,sans-serif;color:var(--hud-fg)}canvas{display:block}canvas[hidden]{display:none}#hud{position:fixed;inset:0;pointer-events:none}#hud.off-heroPanel .hero-panel,#hud.off-distance .goal-meter p>b,#hud.off-distance .goal-meter p>span,#hud.off-distance .goal-meter>i,#hud.off-wins .goal-meter strong,#hud.off-queue .goal-queue,#hud.off-boss .boss-bar,#hud.off-bars .enemy-bar,#hud.off-toasts .goal-toast,#hud.off-buttons .tck,#hud.off-help .help{display:none!important}#hud img{display:block;image-rendering:auto}.blood-hurt{position:absolute;inset:0;pointer-events:none;display:none;background:url(../game/ui/Texture2D/blood_screen.png) 0 0 / 100% 100% no-repeat}.blood-hurt.on{display:block}.hero-panel{position:absolute;left:calc(19.5px * var(--s));top:calc(29.5px * var(--s));pointer-events:none}.bar{position:absolute;background-size:100% 100%;background-repeat:no-repeat;--fill: 100%}.bar>i{position:absolute;overflow:hidden;width:var(--fill);transition:width .12s linear}.bar>i:before{content:"";position:absolute;inset:0;width:var(--bar-w)}.bar>.thumb{position:absolute;z-index:4;left:var(--fill);transform:translate(-50%,-50%);background-size:100% 100%;pointer-events:none;opacity:0}.bar>.thumb.on{animation:bar-flash .6s ease-out}@keyframes bar-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.boss-bar{position:absolute;pointer-events:none}.tck{position:absolute;right:0;bottom:0;width:1280px;height:720px;transform:scale(var(--sw));transform-origin:bottom right;pointer-events:none}.tck .btn{position:absolute;transform-origin:center;pointer-events:auto;touch-action:none;cursor:pointer;border-radius:50%}.tck .btn img{position:absolute;left:50%;top:50%;display:block;pointer-events:none;transform:translate(-50%,-50%)}.tck .ico{width:86px;height:86px;border-radius:50%}.tck .ring{width:86px;height:86px}.tck .attack .ico{width:143px;height:143px}.tck .attack .ring{width:139.6px;height:139.6px}.tck .attack .ring{margin:-3.4px 0 0 -2.5px}.tck .jump .ring{margin:-2.2px 0 0 .2px}.tck .dash .ring{margin:-1.8px 0 0 -.9px}.tck .cd{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(transparent 0turn calc((1 - var(--cd, 0)) * 1turn),#000000b4 calc((1 - var(--cd, 0)) * 1turn) 1turn)}.tck .lock{width:79px;height:79px;display:none!important}.tck .locked{cursor:default}.tck .locked .lock{display:block!important}.tck .btn:active .ico{filter:brightness(1.25)}.enemy-bar{width:76px;height:11px;margin-left:-38px;background-image:url(../game/ui/Gameplay/hp_bar2_arena.png)}.enemy-bar>i{left:0;top:0;height:11px;--bar-w: 76px}.enemy-bar>i:before{background:url(../game/ui/Gameplay/hp_bar1_arena.png) 0 0 / 100% 100% no-repeat}.enemy-bar>span{position:absolute;left:50%;bottom:13px;transform:translate(-50%);white-space:nowrap;font-size:max(11px,calc(13px * var(--s)));font-weight:600;color:#e9e4d8;text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000,0 2px 3px #000}.enemy-bar>span b{font-size:max(13px,calc(17px * var(--s)));font-weight:800;color:#ffd36b}.help{position:absolute;left:0;bottom:0;margin:0 0 calc(22px * var(--sw)) calc(22px * var(--sw));pointer-events:none;transform:scale(calc(min(var(--sw),2)*.55));transform-origin:bottom left;display:flex;align-items:center;gap:8px}.help-btn,.settings-btn{pointer-events:auto;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:50%;cursor:pointer;background:center / contain no-repeat;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .12s ease-out,filter .12s ease-out}.help-btn:hover,.settings-btn:hover{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6)) brightness(1.15)}.help-btn:active,.settings-btn:active{transform:scale(.93)}.help-btn:focus-visible,.settings-btn:focus-visible{outline:2px solid #ffd27a;outline-offset:3px}.help-btn[aria-expanded=true],.settings-btn[aria-expanded=true]{filter:drop-shadow(0 0 8px rgba(242,153,46,.7)) brightness(1.1)}.keys{--metal: #2b2e34;--edge: #8b9099;--ember: #f2992e;--core: #ffd27a;--ink: #efe4cf;pointer-events:none;visibility:hidden;opacity:0;clip-path:inset(0 100% 0 0 round 14px);transform:translate(-6px);transition:clip-path .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1),opacity .14s ease-out,visibility 0s linear .24s;display:grid;grid-template-columns:repeat(4,auto);align-items:center;justify-items:start;gap:8px 16px;padding:10px 14px;white-space:nowrap;background:linear-gradient(180deg,#14100dc7,#0a0807db);border-radius:14px;box-shadow:inset 0 0 0 1px #8b909959,inset 0 -2px #f2992e59,0 6px 18px #00000073;font:700 14px/1 Noto Sans,system-ui,sans-serif;color:var(--ink)}.keys.open{visibility:visible;opacity:1;clip-path:inset(0 0 0 0 round 14px);transform:none;transition:clip-path .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1),opacity .14s ease-out}@media (prefers-reduced-motion: reduce){.keys,.keys.open,.help-btn{transition:none}}.keys span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.keys em{font-style:normal;margin-left:4px;text-shadow:0 1px 0 #000,0 0 6px rgba(242,153,46,.35)}.keys img.key{display:block;height:30px;width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.goal-meter{position:absolute;left:calc(19.5px * var(--s) + 346.5px * var(--s) * var(--ps, 1));top:calc(29.5px * var(--s) + 10.5px * var(--s) * var(--ps, 1));transform:scale(var(--ps, 1));transform-origin:0 0;display:grid;justify-items:start;row-gap:calc(4px * var(--s));pointer-events:none;color:#fff;font-family:Noto Sans,system-ui,sans-serif;text-shadow:0 calc(2px * var(--s)) 0 #000,0 0 calc(6px * var(--s)) rgba(0,0,0,.8);--p: 0%}.goal-meter p{margin:0;display:flex;align-items:baseline;gap:calc(8px * var(--s))}.goal-meter b{font-size:calc(30px * var(--s));font-weight:700;font-variant-numeric:tabular-nums}.goal-meter span{font-size:calc(18px * var(--s));font-weight:600;color:#d9cfb8;font-variant-numeric:tabular-nums}.goal-meter>i{position:relative;width:calc(230px * var(--s));height:calc(7px * var(--s));border-radius:99px;background:#0000008c;box-shadow:inset 0 0 0 1px #ffffff26;overflow:hidden}.goal-meter>i>i{position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,#f2992e,#ffd36b);transition:width .3s linear}.goal-meter strong{margin-left:calc(14px * var(--s));font-size:calc(26px * var(--s));font-weight:800;color:#ffd36b;font-variant-numeric:tabular-nums}.goal-meter strong.done{color:#8ff07f}.goal-queue{font-size:calc(17px * var(--s));font-weight:700;color:#ffb35c;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.goal-queue[hidden]{display:none}.goal-count{position:absolute;left:50%;top:26%;transform:translate(-50%);display:none;text-align:center;pointer-events:none;font-family:Noto Sans,system-ui,sans-serif;color:#fff}.goal-count.on{display:grid}.goal-count b{font-size:calc(120px * var(--s));line-height:1;font-weight:800;color:#fff4d6;font-variant-numeric:tabular-nums;text-shadow:0 0 calc(24px * var(--s)) #ffd36b,0 calc(4px * var(--s)) 0 #000;animation:goal-tick 1s ease-out infinite}.goal-count span{font-size:calc(24px * var(--s));font-weight:700;text-shadow:0 calc(2px * var(--s)) 0 #000}@keyframes goal-tick{0%{transform:scale(1.18)}to{transform:none}}.goal-win{position:absolute;left:50%;top:20%;width:1300px;height:560px;margin-left:-650px;display:none;pointer-events:none;transform:scale(calc(var(--s) * .9));transform-origin:50% 0;font-family:Noto Sans,system-ui,sans-serif}.goal-win.on{display:block}.goal-win .gw{position:absolute;inset:0;animation:st-pop .15s linear}.goal-win i{position:absolute;background-position:center;background-size:100% 100%;background-repeat:no-repeat}.gw-band{left:1px;top:255px;width:1298px;height:430px;background-image:url(../game/ui/Common/panel_2.png)}.gw-wing{top:168px;width:360px;height:264px;background-image:url(../game/ui/Gameplay/win_popup.png)}.gw-wing.l{left:292px}.gw-wing.r{left:648px;transform:scaleX(-1)}.gw-shield{left:491px;top:341px;width:312px;height:318px;background-image:url(../game/ui/Texture2D/bg_popup.png)}.gw-feather{top:160px;width:316px;height:242px;background-image:url(../game/ui/Gameplay/long_chim1.png)}.gw-feather.l{left:127px}.gw-feather.r{left:872px;transform:scaleX(-1)}.gw-light{width:382px;height:146px;background-image:url(../game/ui/Gameplay/light_win.png)}.gw-light.l{left:169px;top:199px}.gw-light.r{left:741px;top:205px;transform:scaleX(-1)}.gw-star{width:68px;height:64px;background-image:url(../game/ui/Gameplay/sao2.png)}.gw-star:after{content:"";position:absolute;left:7px;top:7px;width:54px;height:50px;background:url(../game/ui/Gameplay/sao1.png) center / 100% 100% no-repeat}.gw-star.s1{left:543px;top:305px;transform:scale(.95)}.gw-star.s2{left:616px;top:323px;transform:scale(1.1)}.gw-star.s3{left:689px;top:305px;transform:scale(.95)}.goal-win b{position:absolute;left:485px;top:237px;width:330px;text-align:center;font-size:37px;font-weight:700;line-height:34px;text-transform:uppercase;color:#ffdc92}.goal-win p{position:absolute;left:0;right:0;top:422px;margin:0;text-align:center;font-size:28px;font-weight:700;color:#fff}.goal-win em{font-style:normal;color:#ffdc92;font-variant-numeric:tabular-nums}.goal-toast{position:absolute;left:50%;top:34%;transform:translate(-50%);opacity:0;pointer-events:none;padding:calc(10px * var(--s)) calc(22px * var(--s));border-radius:8px;background:#0a0807cc;box-shadow:inset 0 0 0 1px #ffffff26;font:700 calc(24px * var(--s)) / 1.2 "Noto Sans",system-ui,sans-serif;color:#fff;text-shadow:0 calc(2px * var(--s)) 0 #000}.goal-toast.on{animation:goal-toast var(--d, 2s) ease-out forwards}@keyframes goal-toast{0%{opacity:0}10%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.goal-count b,.goal-win .gw{animation:none}}.dmg{position:absolute;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 2px #000;animation:dmg .7s ease-out forwards;margin-left:-12px}.dmg.crit{color:#ffd166;font-size:20px}.dmg.hero{color:#ff6b6b}.dmg.heal{color:#7dff8a;font-size:22px}@keyframes dmg{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.settings-wrap{position:absolute;right:0;top:0;margin:calc(22px * var(--sw)) calc(22px * var(--sw)) 0 0;display:flex;transform:scale(clamp(.75,var(--sw) * .8,1.6));transform-origin:top right}.st{--u: min(100dvh / 720, 100vw / 1280);--muted: #b9b2a3;--gold: #ffd36b;--hover: #e1c896;--press: #b7a37b;--sh: max(1px, calc(1.5 * var(--u)));position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;pointer-events:auto;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:600 max(14px,calc(26 * var(--u))) / 1.25 "Noto Sans",system-ui,sans-serif}.st[open]{display:grid;place-items:center}.st::backdrop{background:transparent}.st:before{content:"";position:absolute;inset:0;background:var(--cover) 0 0 / 100% 100% no-repeat;opacity:var(--cover-a, 0);pointer-events:none}:where(.st) button{font:inherit;color:inherit;border:0;padding:0;background-color:transparent;cursor:pointer}.st :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.st-plate{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);box-sizing:border-box;width:min(calc(100vw - 24px),max(600px,calc(1160 * var(--u))));height:min(calc(100dvh - 24px),max(330px,calc(640 * var(--u))));padding:calc(4 * var(--u));background:var(--plate) 0 0 / 100% 100% no-repeat;box-shadow:0 calc(16 * var(--u)) calc(48 * var(--u)) #0000008c;animation:st-pop .15s linear}@keyframes st-pop{0%{transform:scale(.5);opacity:.15}10%{transform:scale(.535);opacity:.174}20%{transform:scale(.592);opacity:.238}30%{transform:scale(.664);opacity:.334}40%{transform:scale(.743);opacity:.449}50%{transform:scale(.823);opacity:.575}60%{transform:scale(.897);opacity:.701}70%{transform:scale(.959);opacity:.816}80%{transform:scale(1.001);opacity:.912}90%{transform:scale(1.017);opacity:.976}to{transform:none;opacity:1}}.st.closing .st-plate{animation:st-pop .15s linear reverse forwards}.st-bar{position:relative;display:flex;align-items:center;gap:calc(14 * var(--u));height:max(40px,calc(58 * var(--u)));padding-left:calc(26 * var(--u));background:#131313}.st-bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:max(2px,calc(4 * var(--u)));background:var(--line) center / 100% 100% no-repeat}.st-bar h2{margin:0 auto 0 0;font-size:max(16px,calc(30 * var(--u)));letter-spacing:.12em;text-transform:uppercase;text-shadow:var(--sh) var(--sh) 0 #000}.st-close{--spr: var(--close);align-self:stretch;flex:none;width:max(69px,calc(100 * var(--u)))}.st-btn,.st-close{position:relative;background:var(--spr) 0 0 / 100% 100% no-repeat}.st-btn:after,.st-close:after{content:"";position:absolute;inset:0;background-color:#fff;mix-blend-mode:multiply;pointer-events:none;-webkit-mask:var(--spr) 0 0 / 100% 100% no-repeat;mask:var(--spr) 0 0 / 100% 100% no-repeat;transition:background-color .2s linear}.st-btn:hover:after,.st-close:hover:after{background-color:var(--hover)}.st-btn:active:after,.st-close:active:after{background-color:var(--press)}.st-btn{--spr: var(--btn);height:max(34px,calc(48 * var(--u)));padding:0 calc(24 * var(--u));white-space:nowrap}.st-btn>span{position:relative;z-index:1;font-size:max(13px,calc(20 * var(--u)));text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000}.st-body{--u: calc(min(100dvh / 720, 100vw / 1280)*.8) ;font-size:max(13px,calc(26 * var(--u)));display:grid;grid-template-columns:max(140px,calc(240 * var(--u))) minmax(0,1fr);min-height:0}.st-tabs{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(6 * var(--u));padding:calc(20 * var(--u)) calc(14 * var(--u)) calc(20 * var(--u)) 0}.st-tabs:after{content:"";position:absolute;right:0;top:calc(20 * var(--u));bottom:calc(20 * var(--u));width:max(2px,calc(4 * var(--u)));background:var(--divider) center / 100% 100% no-repeat}.st-tab{position:relative;min-height:max(40px,calc(60 * var(--u)));padding:0 calc(20 * var(--u));text-align:center;color:var(--muted);text-shadow:var(--sh) var(--sh) 0 #000;transition:color .2s linear}.st-tab:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--glow) center / 100% 100% no-repeat;opacity:0;transition:opacity .2s linear}.st-tab:hover{color:var(--hover)}.st-tab:active{color:var(--press)}.st-tab[aria-selected=true]{color:#fff}.st-tab[aria-selected=true]:before{opacity:1}.st-panels{min-height:0;overflow:hidden auto;overscroll-behavior:contain;padding:calc(24 * var(--u)) calc(36 * var(--u)) calc(30 * var(--u));scrollbar-width:thin;scrollbar-color:#6b6f77 transparent}.st-rows{display:grid;gap:max(18px,calc(30 * var(--u)))}.st-head{display:flex;align-items:center;gap:calc(12 * var(--u))}.st-icon{flex:none;width:max(22px,calc(36 * var(--u)));height:max(22px,calc(36 * var(--u)));background:center / contain no-repeat}.st-label{text-shadow:var(--sh) var(--sh) 0 #000}.st-value{margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums;text-shadow:var(--sh) var(--sh) 0 #000}.st-slider{--t: max(28px, calc(42 * var(--u)));--h: max(10px, calc(16 * var(--u)));position:relative;height:var(--t);margin-top:calc(10 * var(--u))}.st-slider:before,.st-slider:after{content:"";position:absolute;left:0;right:0;top:calc(50% - var(--h) / 2);height:var(--h);box-sizing:border-box;pointer-events:none}.st-slider:before{border:solid transparent;border-width:0 max(6px,calc(10 * var(--u)));border-image:var(--track) 0 10 fill / 0 max(6px,calc(10 * var(--u))) stretch}.st-slider:after{background:var(--fill) 0 0 / 100% 100% no-repeat;clip-path:inset(0 calc(100% - var(--t) / 2 - (100% - var(--t)) * var(--v)) 0 0)}.st-slider input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.st-slider input::-webkit-slider-runnable-track{height:100%;background:transparent}.st-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--t);height:var(--t);border:0;border-radius:50%;background:var(--thumb) center / 100% 100% no-repeat}.st-slider input::-moz-range-track{height:100%;background:transparent}.st-slider input::-moz-range-thumb{width:var(--t);height:var(--t);border:0;border-radius:50%;background:var(--thumb) center / 100% 100% no-repeat}.st-slider input:focus-visible{outline:none}.st-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--gold)}.st-slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--gold)}.st-toggle{position:relative;display:flex;align-items:center;gap:calc(20 * var(--u));cursor:pointer}.st-text{display:grid;gap:calc(4 * var(--u));margin-right:auto}.st-text small{font-size:max(12px,calc(20 * var(--u)));font-weight:400;color:var(--muted)}.st-toggle input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.st-check{--d: max(28px, calc(42 * var(--u)));position:relative;flex:none;width:var(--d);height:var(--d);border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a2c30,#0d0e10 70%);box-shadow:inset 0 0 0 max(2px,calc(3 * var(--u))) #6b6f77}.st-check:after{content:"";position:absolute;width:calc(var(--d) * 105 / 55);height:calc(var(--d) * 98 / 53);left:calc(var(--d) * (.5 - 43.5 / 55));top:calc(var(--d) * (.5 - 56.5 / 53));background:var(--tick) 0 0 / 100% 100% no-repeat;visibility:hidden}.st-toggle input:checked+.st-check{box-shadow:none}.st-toggle input:checked+.st-check:after{visibility:visible}.st-toggle input:focus-visible+.st-check{outline:2px solid var(--gold);outline-offset:3px}.st-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(190px,calc(300 * var(--u))),1fr));gap:calc(14 * var(--u)) calc(30 * var(--u))}.st-key{display:flex;align-items:center;gap:calc(14 * var(--u));padding-bottom:calc(12 * var(--u));border-bottom:1px solid rgba(255,255,255,.08)}.st-caps{display:flex;gap:calc(4 * var(--u))}.st-caps img.key{height:max(28px,calc(44 * var(--u)));width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.st-panels{container-type:inline-size}.st-list{display:grid;gap:calc(6 * var(--u))}.st-econ{display:contents}.st-note{margin:0 0 calc(6 * var(--u));font-size:max(12px,calc(20 * var(--u)));font-weight:400;color:var(--muted);text-wrap:pretty}.st-note[hidden],.st-item[hidden]{display:none}.st-search,.st-num input{box-sizing:border-box;width:100%;height:max(36px,calc(48 * var(--u)));margin:0;padding:0 calc(14 * var(--u));border:0;font:inherit;font-size:max(14px,calc(22 * var(--u)));color:#fff;background:var(--field) 0 0 / 100% 100% no-repeat}.st-search::placeholder{color:var(--muted);opacity:1}.st-search{margin-bottom:calc(6 * var(--u))}.st-sec{margin:calc(18 * var(--u)) 0 calc(2 * var(--u));font-size:max(14px,calc(24 * var(--u)));font-weight:700;color:var(--gold);text-shadow:var(--sh) var(--sh) 0 #000}.st-sec:first-child{margin-top:0}.st-sec[hidden]{display:none}.st-list>.st-toggle{padding:calc(10 * var(--u)) 0;border-bottom:1px solid rgba(255,255,255,.08)}.st-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"p n c h";align-items:center;gap:calc(8 * var(--u)) calc(18 * var(--u));padding:calc(8 * var(--u)) 0;border-bottom:1px solid rgba(255,255,255,.08)}.st-portrait{--p: max(52px, calc(76 * var(--u)));grid-area:p;flex:none;box-sizing:border-box;width:var(--p);height:var(--p);padding:calc(var(--p) * .14);background:var(--slot) 0 0 / 100% 100% no-repeat}.st-portrait img{display:block;width:100%;height:100%;object-fit:contain}.st-name{grid-area:n;overflow-wrap:anywhere;text-shadow:var(--sh) var(--sh) 0 #000}.st-name b{margin-left:calc(8 * var(--u));padding:1px 6px;border-radius:3px;vertical-align:middle;font-size:max(11px,calc(15 * var(--u)));letter-spacing:.06em;text-transform:uppercase;color:#1a1205;background:var(--gold);text-shadow:none}.st-num{display:grid;gap:calc(4 * var(--u));width:max(112px,calc(170 * var(--u)));align-self:start}.st-item-toggle{gap:calc(18 * var(--u));padding:calc(8 * var(--u)) 0;border-bottom:1px solid rgba(255,255,255,.08)}.st-item.single{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"p n c"}.st-num:nth-of-type(1){grid-area:c}.st-num:nth-of-type(2){grid-area:h}.st-num>span{font-size:max(12px,calc(18 * var(--u)));color:var(--muted)}.st-num small{font-size:max(11px,calc(16 * var(--u)));font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.st-num input{font-variant-numeric:tabular-nums}.st-num input::placeholder{color:var(--muted);opacity:1}.st-num input:invalid{box-shadow:inset 0 0 0 2px #e0533d}.st-status{margin:0;padding-left:calc(18 * var(--u));position:relative;font-size:max(13px,calc(20 * var(--u)));color:var(--muted)}.st-status:before{content:"";position:absolute;left:0;top:.45em;width:max(8px,calc(10 * var(--u)));height:max(8px,calc(10 * var(--u)));border-radius:50%;background:#6b6f77}.st-status[data-state=on]{color:#cfe8c4}.st-status[data-state=on]:before{background:#5fd35a;box-shadow:0 0 6px #5fd35a}.st-status[data-state=wait]:before{background:var(--gold)}.st-adds{display:flex;flex-wrap:wrap;gap:calc(10 * var(--u))}.st-gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(96px,calc(132 * var(--u))),1fr));gap:calc(8 * var(--u));max-height:max(220px,calc(300 * var(--u)));overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;scrollbar-color:#6b6f77 transparent}.st-gift{display:grid;justify-items:center;align-content:start;gap:2px;min-width:0;padding:13% 12% 11%;border-radius:6px;text-align:center;background:var(--slot) 0 0 / 100% 100% no-repeat;content-visibility:auto;contain-intrinsic-size:auto 120px;transition:filter .2s linear}.st-gift:hover{filter:brightness(1.25)}.st-gift[hidden]{display:none}.st-gift img{width:max(34px,calc(46 * var(--u)));height:max(34px,calc(46 * var(--u)));object-fit:contain}.st-gift span{max-width:100%;font-size:max(11px,calc(15 * var(--u)));line-height:1.15;overflow-wrap:anywhere;text-shadow:var(--sh) var(--sh) 0 #000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.st-gift small,.st-gift-cell small{font-size:max(11px,calc(15 * var(--u)));font-weight:400;color:var(--gold)}.st-rules{display:grid}.st-rule,.st-rules-head{--count: max(110px, calc(170 * var(--u)));display:grid;grid-template-columns:max(60px,calc(66 * var(--u))) auto max(130px,calc(172 * var(--u))) auto minmax(max(110px,calc(140 * var(--u))),1fr) max(12px,calc(16 * var(--u))) var(--count) auto;grid-template-areas:"gp ar kd ep es x n act";align-items:center;column-gap:calc(8 * var(--u))}.st-rules-head{padding-bottom:calc(6 * var(--u));border-bottom:1px solid rgba(255,255,255,.08);font-size:max(12px,calc(18 * var(--u)));color:var(--muted)}.st-rules-head span:nth-child(1){grid-column:1 / 2}.st-rules-head span:nth-child(2){grid-column:3 / 6}.st-rules-head span:nth-child(3){grid-column:6 / 8}.st-rule{padding:calc(10 * var(--u)) 0;row-gap:calc(8 * var(--u));border-bottom:1px solid rgba(255,255,255,.08)}.st-rule .st-portrait{--p: max(44px, calc(50 * var(--u)))}.st-gift-cell{grid-area:gp;display:grid;justify-items:center;gap:calc(3 * var(--u))}.st-gift-cell .st-portrait{grid-area:auto}.st-swap{position:relative;transition:filter .2s linear,box-shadow .2s linear}.st-swap:after{content:"";position:absolute;right:-14%;bottom:-14%;width:42%;height:42%;border-radius:50%;background:var(--swap) center / 64% no-repeat,#1b1c1f;box-shadow:inset 0 0 0 max(1px,calc(1.5 * var(--u))) #6b6f77}.st-swap:hover{filter:brightness(1.2);box-shadow:0 0 0 max(2px,calc(2.5 * var(--u))) var(--gold)}.st-swap:hover:after{box-shadow:inset 0 0 0 max(1px,calc(1.5 * var(--u))) var(--gold)}.st-mix{display:flex;align-items:center;gap:calc(6 * var(--u));box-sizing:border-box;min-width:0;height:max(38px,calc(52 * var(--u)));padding:0 calc(10 * var(--u));overflow:hidden;background:var(--field) 0 0 / 100% 100% no-repeat,#131313;transition:box-shadow .2s linear}.st-mix:hover{box-shadow:inset 0 0 0 2px var(--gold)}.st-chip{position:relative;flex:none;width:max(30px,calc(40 * var(--u)));height:max(30px,calc(40 * var(--u)))}.st-chip img{width:100%;height:100%;object-fit:contain}.st-chip b{position:absolute;right:-4px;bottom:-3px;font-size:max(10px,calc(13 * var(--u)));color:var(--gold);text-shadow:0 1px 2px #000,0 0 2px #000}.st-mix{grid-column:es-start / n-end}.st-mix small{flex:none;color:var(--muted);font-size:max(11px,calc(15 * var(--u)))}.st-chip[hidden],.st-more[hidden]{display:none}.st-sub.st-chaos .st-plate{width:min(calc(100vw - 24px),max(520px,calc(900 * var(--u))));max-height:calc(100dvh - 24px)}.st-chaos-body{--u: calc(min(100dvh / 720, 100vw / 1280)*.8) ;display:grid;gap:calc(10 * var(--u));min-height:0;overflow:hidden auto;padding:calc(18 * var(--u)) calc(26 * var(--u)) calc(22 * var(--u));font-size:max(13px,calc(24 * var(--u)))}.st-mix-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(220px,calc(380 * var(--u))),1fr));gap:calc(6 * var(--u)) calc(18 * var(--u));max-height:min(52dvh,calc(420 * var(--u)));overflow:hidden auto;padding:2px}.st-mix-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(10 * var(--u));padding:calc(4 * var(--u)) 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}.st-mix-row[hidden]{display:none}.st-mix-row .st-portrait{--p: max(40px, calc(56 * var(--u)));grid-area:auto}.st-mix-row .st-name{grid-area:auto}.st-mix-row input{box-sizing:border-box;width:max(64px,calc(86 * var(--u)));height:max(32px,calc(44 * var(--u)));padding:0 calc(10 * var(--u));border:0;font:inherit;font-size:max(13px,calc(20 * var(--u)));font-variant-numeric:tabular-nums;color:#fff;background:var(--field) 0 0 / 100% 100% no-repeat}.st-mix-row input::placeholder{color:var(--muted)}.st-mix-row.on .st-name{color:var(--gold)}.st-chaos-done{justify-self:end}.st-sub.st-giftpick .st-plate{width:min(calc(100vw - 24px),max(560px,calc(1000 * var(--u))));max-height:calc(100dvh - 24px)}.st-giftpick-body{--u: calc(min(100dvh / 720, 100vw / 1280)*.8) ;display:grid;gap:calc(10 * var(--u));min-height:0;padding:calc(18 * var(--u)) calc(26 * var(--u)) calc(24 * var(--u));font-size:max(13px,calc(24 * var(--u)))}.st-giftpick .st-gifts{max-height:min(56dvh,calc(470 * var(--u)))}.st-pick-head{margin:0;font-size:max(12px,calc(18 * var(--u)));font-weight:400;color:var(--gold)}.st-every{display:grid;justify-items:center;gap:1px}.st-every input{box-sizing:border-box;width:4em;height:max(24px,calc(30 * var(--u)));padding:0 4px;border:0;text-align:center;font:inherit;font-size:max(12px,calc(15 * var(--u)));font-variant-numeric:tabular-nums;color:#fff;background:var(--field) 0 0 / 100% 100% no-repeat}.st-every input:invalid{box-shadow:inset 0 0 0 2px #e0533d}.st-name-act{display:grid;justify-items:start;gap:calc(10 * var(--u))}.st-sub .st-plate{width:min(calc(100vw - 24px),max(420px,calc(640 * var(--u))));height:auto;max-height:calc(100dvh - 24px)}.st-sub .st-heroes{--u: calc(min(100dvh / 720, 100vw / 1280)*.9) }.st-sub .st-hero .st-portrait{--p: max(56px, calc(92 * var(--u)))}.st-heroes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12 * var(--u));padding:calc(22 * var(--u)) calc(26 * var(--u)) calc(26 * var(--u))}.st-hero{display:grid;justify-items:center;gap:calc(4 * var(--u));padding:calc(6 * var(--u)) 2px;border-radius:6px;transition:filter .2s linear}.st-hero .st-portrait{grid-area:auto}.st-hero span:last-child{font-size:max(12px,calc(16 * var(--u)));text-shadow:var(--sh) var(--sh) 0 #000}.st-hero:hover{filter:brightness(1.2)}.st-hero[aria-pressed=true]{box-shadow:inset 0 0 0 max(2px,calc(3 * var(--u))) var(--gold)}.st-hero[aria-pressed=true] span:last-child{color:var(--gold)}.st-do{display:contents}.st-target-face{grid-area:ep}.st-dim img{filter:grayscale(1) brightness(.75)}.st-arrow{grid-area:ar;width:max(10px,calc(16 * var(--u)));height:max(18px,calc(28 * var(--u)));background:var(--arrow) center / contain no-repeat;opacity:.8}.st-kind{grid-area:kd}.st-target{grid-area:es}.st-what{font-size:max(13px,calc(17 * var(--u)));color:var(--muted)}.st-dur{display:flex;align-items:center;gap:calc(6 * var(--u));box-sizing:border-box;height:max(38px,calc(52 * var(--u)));padding:0 calc(12 * var(--u));font-size:max(13px,calc(17 * var(--u)));color:var(--muted);background:var(--field) 0 0 / 100% 100% no-repeat,#131313;cursor:text}.st-dur span{flex:1;min-width:0;font-size:max(12px,calc(16 * var(--u)));line-height:1.1;overflow-wrap:break-word}.st-dur input{width:2.4em;min-width:0;padding:0;border:0;text-align:right;font:inherit;font-size:max(14px,calc(22 * var(--u)));font-variant-numeric:tabular-nums;color:#fff;background:none}.st-dur input:focus-visible{outline:none}.st-dur:focus-within{box-shadow:inset 0 0 0 2px var(--gold)}.st-dur input:invalid{color:#ff8a73}.st-rule select{min-width:0;box-sizing:border-box;height:max(38px,calc(52 * var(--u)));padding:0 calc(4 * var(--u)) 0 calc(12 * var(--u));border:0;cursor:pointer;font:inherit;font-size:max(13px,calc(17 * var(--u)));color:#fff;background:var(--field) 0 0 / 100% 100% no-repeat,#131313}.st-rule option,.st-rule optgroup{color:#fff;background:#1a1b1e}.st-times{grid-area:x;justify-self:center;color:var(--muted)}.st-count{grid-area:n;box-sizing:border-box;width:var(--count);height:max(38px,calc(52 * var(--u)));padding:0 calc(12 * var(--u));border:0;font:inherit;font-size:max(14px,calc(22 * var(--u)));font-variant-numeric:tabular-nums;color:#fff;background:var(--field) 0 0 / 100% 100% no-repeat}.st-count:invalid{box-shadow:inset 0 0 0 2px #e0533d}.st-countbox{display:flex;align-items:center;gap:calc(6 * var(--u));padding-right:calc(6 * var(--u))}.st-countbox input{flex:1;min-width:0;height:100%;padding:0;border:0;font:inherit;font-variant-numeric:tabular-nums;color:#fff;background:none}.st-countbox input:focus-visible{outline:none}.st-countbox:focus-within{box-shadow:inset 0 0 0 2px var(--gold)}.st-countbox input:invalid{color:#ff8a73}.st-fair{flex:1;min-width:0;display:grid;line-height:1.05;overflow:hidden;color:var(--gold);white-space:nowrap;cursor:help}.st-fair b{font-variant-numeric:tabular-nums}.st-fair small{overflow:hidden;text-overflow:ellipsis;font-size:max(10px,calc(13 * var(--u)));font-weight:400;color:var(--muted)}.st-countbox [hidden]{display:none}.st-oto{flex:none;padding:calc(4 * var(--u)) calc(8 * var(--u));border-radius:4px;font-size:max(11px,calc(14 * var(--u)));color:var(--muted);background:#131313;box-shadow:inset 0 0 0 1.5px #4a4f57;transition:color .2s linear,background-color .2s linear}.st-oto:hover{color:#fff}.st-oto[aria-pressed=true]{color:#1b1c1f;background:var(--gold);box-shadow:none}.st-actions{grid-area:act;display:flex;align-items:center;gap:calc(8 * var(--u))}.st-del{width:max(34px,calc(44 * var(--u)));height:max(34px,calc(44 * var(--u)));border-radius:50%;font-size:max(20px,calc(28 * var(--u)));line-height:1;color:var(--muted);background-color:#131313;box-shadow:inset 0 0 0 1.5px #4a4f57;transition:color .2s linear,box-shadow .2s linear}.st-del:hover{color:#ff8a73;box-shadow:inset 0 0 0 1.5px #ff8a73}.st-maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc(240 * var(--u))),1fr));gap:calc(14 * var(--u))}.st-map{position:relative;display:grid;overflow:hidden;border-radius:6px;text-align:left;box-shadow:inset 0 0 0 max(2px,calc(3 * var(--u))) #4a4f57,0 2px 8px #00000080;transition:box-shadow .2s linear,filter .2s linear}.st-map-art{aspect-ratio:16 / 9;background-size:cover;background-position:center}.st-map-name{position:absolute;left:0;right:0;bottom:0;padding:calc(18 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));font-size:max(14px,calc(22 * var(--u)));text-shadow:var(--sh) var(--sh) 0 #000;background:linear-gradient(transparent,#000000bf)}.st-map:hover{filter:brightness(1.15)}.st-map[aria-pressed=true]{box-shadow:inset 0 0 0 max(2px,calc(4 * var(--u))) var(--gold),0 0 14px #ffd36b73}.st-map[aria-pressed=true] .st-map-name:after{content:" · Buradasın";color:var(--gold);font-size:.8em}.st-map.loading{filter:grayscale(.6) brightness(.7);cursor:progress}@container (max-width: 560px){.st-item{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);grid-template-areas:"p n n" "p c h"}.st-item.single{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"p n" "p c"}.st-num{width:auto}}@container (max-width: 760px){.st-rules-head,.st-arrow{display:none}.st-rule{grid-template-columns:auto auto minmax(0,1fr) auto auto auto;grid-template-areas:"gp kd kd kd kd act" "gp ep es x n ."}}@container (max-width: 560px){.st-rule{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"gp kd kd kd kd" "gp ep es x n" "gp act act act act"}.st-actions{justify-self:end}}@media (max-width: 640px){.st-plate{height:min(calc(100dvh - 24px),600px)}.st-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.st-tabs{flex-direction:row;padding:calc(10 * var(--u)) 0 0;overflow-x:auto}.st-tabs:after{inset:auto 0 0;width:auto;height:2px}.st-tab{flex:1 0 auto}.st-panels{padding:16px}}@media (prefers-reduced-motion: reduce){.st-plate,.st.closing .st-plate{animation:none}.st-tab,.st-tab:before,.st-btn:after,.st-close:after{transition:none}}#loading{--u: min(100dvh / 720, 100vw / 1280);--v: 0;position:fixed;inset:0;z-index:10;overflow:hidden;background:#000;transition:opacity .25s ease-out}#loading.out{opacity:0;pointer-events:none}.ld-stage{position:absolute;left:50%;top:50%;width:calc(1280 * var(--u));height:calc(720 * var(--u));transform:translate(-50%,-50%)}@media (max-aspect-ratio: 16/9){#loading{background:#000 url(../game/ui/Texture2D/2048x1024.png) 42% 50% / cover no-repeat}.ld-splash{display:none}}.ld-stage>*{position:absolute;margin:0}.ld-splash{left:calc(-325.6 * var(--u));top:calc(-72 * var(--u));width:calc(1771.2 * var(--u));height:calc(864 * var(--u))}.ld-logo{left:calc(923.5 * var(--u));top:calc(433 * var(--u));width:calc(333 * var(--u));height:calc(212 * var(--u))}.ld-bar{left:calc(142 * var(--u));top:calc(665 * var(--u));width:calc(936 * var(--u));height:calc(30 * var(--u));border:solid transparent;border-width:0 calc(30 * var(--u));border-image:url(../game/ui/Texture2D/bg_loading.png) 0 30 fill / 0 calc(30 * var(--u)) stretch}.ld-bar>i{position:absolute;left:calc(-23 * var(--u));top:calc(7 * var(--u));width:calc(982 * var(--u) * var(--v));height:calc(16 * var(--u));background:url(../game/ui/Texture2D/loading.png) 0 0 / calc(982 * var(--u)) 100% no-repeat;transition:width .15s linear}.ld-msg{left:calc(142 * var(--u));width:calc(996 * var(--u));top:calc(626 * var(--u));text-align:center;font:600 max(13px,calc(22 * var(--u))) / 1.3 system-ui,sans-serif;color:#fff;text-shadow:0 calc(2 * var(--u)) 0 #000,0 0 calc(6 * var(--u)) #000}#loading.error .ld-msg{color:#ffb4a6}.ld-btn{left:50%;bottom:calc(108 * var(--u));transform:translate(-50%);min-width:max(120px,calc(240 * var(--u)));min-height:max(44px,calc(56 * var(--u)));padding:0 max(18px,calc(36 * var(--u)));font:800 max(15px,calc(26 * var(--u))) / 1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff4d6;cursor:pointer;background:linear-gradient(#2a1d0e,#120c06);border:calc(3 * var(--u)) solid #f2b33d;border-radius:calc(8 * var(--u));box-shadow:0 0 calc(18 * var(--u)) #f2b33d73,inset 0 calc(1 * var(--u)) 0 #ffecbe59;text-shadow:0 calc(2 * var(--u)) 0 #000}.ld-btn:hover{border-color:#ffd27a;color:#fff}.ld-btn:focus-visible{outline:calc(3 * var(--u)) solid #fff;outline-offset:calc(4 * var(--u))}.ld-btn:active{transform:translate(-50%) translateY(calc(2 * var(--u)))}#loading.ready .ld-btn{animation:ld-pulse 1.4s ease-in-out infinite}@keyframes ld-pulse{50%{box-shadow:0 0 calc(34 * var(--u)) #f2b33dcc,inset 0 calc(1 * var(--u)) 0 #ffecbe59}}@media (orientation: portrait){.ld-stage{inset:0;width:auto;height:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12vh 16px max(32px,env(safe-area-inset-bottom))}.ld-stage>*{position:static}.ld-logo{width:min(72vw,333px);height:auto;margin-bottom:auto}.ld-btn{transform:none}.ld-btn:active{transform:translateY(2px)}.ld-msg{width:100%}.ld-bar{position:relative;inset:auto;box-sizing:border-box;width:100%;height:22px;border-width:0 22px;border-image-width:0 22px}.ld-bar>i{left:-17px;top:5px;height:12px;width:calc((100% + 34px) * var(--v));background-size:calc(100vw - 42px) 100%}}@media (prefers-reduced-motion: reduce){#loading.ready .ld-btn{animation:none}#loading,.ld-bar>i{transition:none}}
