/*! © TinySamkok team. All rights reserved. build 4d75ce6674eb 2026-10-17T13:20Z */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home main{display:block}.home p{line-height:1.7}.home h3{line-height:1.45}.nw{white-space:nowrap}.up{color:var(--good)}.down{color:var(--bad)}.more{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font:500 15px var(--font-h);color:var(--gold-hi)}.hero{position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;min-height:clamp(600px,calc(100svh - var(--nav-h)),900px);background:linear-gradient(180deg,#070b18,#0f1533 26%,#232457 46%,#6a3f5c 57%,#d08a52 63%,#1a1c33 72%,#0a0f1d)}.hero-cv{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;pointer-events:none}.hero-inner{position:relative;z-index:2;padding-top:clamp(30px,6vh,64px)}.hero-copy{max-width:760px;margin:0 auto;text-align:center}.hero-kicker{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:0 0 6px;font:500 14px/1.5 var(--font-h);letter-spacing:.3px;color:var(--ink-2);text-shadow:0 1px 3px #000}.hero-kicker .s-chip{color:var(--gold-hi);background:#0a0f1d8c;border-color:#ffd47e59}.hero-logo{position:relative;display:inline-flex;flex-direction:column;align-items:center;margin:0}.hero-main{display:block;padding:.06em .12em 0;font:700 clamp(52px,min(8.6vw,11.5vh),108px)/1.15 var(--font-h);letter-spacing:.5px;color:#fffaf0;text-shadow:0 4px 0 rgba(8,10,24,.55),0 0 40px rgba(255,196,120,.35)}.hero-sub{display:block;margin-top:2px;font:500 clamp(14px,1.7vw,19px)/1.4 var(--font-h);letter-spacing:10px;margin-right:-10px;color:var(--gold-hi);text-shadow:0 2px 4px #000}.hero-seal{position:absolute;right:-40px;top:6%;width:42px;height:42px;font:30px/42px var(--font-deco);text-align:center;color:#fff3e6;background:#c0392b;border-radius:10px;transform:rotate(8deg);box-shadow:0 6px 16px #00000073}.hero-free{position:absolute;right:-104px;bottom:-14px;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 50% 42%,#e8463b 0 58%,#b5251c 60% 100%);border:3px solid #ffdca0;box-shadow:0 8px 18px #00000073,inset 0 -4px #00000026;transform:rotate(-10deg);animation:hero-free-bob 3.2s ease-in-out infinite}.hero-free b{font:800 21px/1 var(--font-h);color:#fff;letter-spacing:0;text-shadow:0 2px 0 #7a1410,0 0 6px rgba(0,0,0,.35)}.hero-free small{font:600 11.5px/1 var(--font-b);color:#ffe27a;letter-spacing:.02em}@keyframes hero-free-bob{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-3px)}}.hero-tag{max-width:560px;margin:16px auto 0;font:400 clamp(15.5px,1.5vw,18px)/1.7 var(--font-b);color:#e8ecf8;text-shadow:0 1px 3px #000,0 0 14px rgba(0,0,0,.7)}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}.hero-cta .s-btn{min-height:54px;padding:10px 30px;font-size:18px}.hero-cta .s-btn.light .s-play{width:34px;height:34px;margin-left:-16px}.hero-cta .s-btn.light .s-play:after{left:13px;top:10px;border-width:7px 0 7px 10px}.hero-wiki{background:#0a0f1d73!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-status{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:4px 14px;font-size:13.5px;line-height:1.5;color:var(--ink-2);background:#0a0f1d80;border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-status b{color:#fff}.hero-stage{position:relative;z-index:1;flex:1 0 auto;min-height:clamp(250px,42vh,440px);pointer-events:none}.hero-more{position:absolute;left:50%;bottom:14px;z-index:3;width:26px;height:42px;margin-left:-13px;border-radius:13px;border:1.5px solid rgba(255,255,255,.45);display:block}.hero-more span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff}.hero-more:hover{text-decoration:none;border-color:#fff}.hero.art-on .hero-more span{animation:wheel 2s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}80%{opacity:0;transform:translateY(10px)}to{opacity:0}}.sec{position:relative;padding:clamp(64px,8vw,104px) 0 0}.sec .wrap{position:relative;z-index:1}.show{max-width:1040px;margin:0 auto}.show-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}.show-tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 20px;font:500 16px var(--font-h);color:var(--ink-2);background:transparent;border:1px solid var(--line-2);border-radius:999px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.show-tab i{width:10px;height:10px;border-radius:50%;background:var(--c)}.show-tab:hover{color:#fff;border-color:var(--c)}.show-tab[aria-selected=true]{color:#fff;background:color-mix(in srgb,var(--c) 22%,transparent);border-color:var(--c)}.show-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}.show-stage{--c: var(--gold);position:relative;height:clamp(250px,30vw,330px);border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 62% 26% at 50% 86%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),radial-gradient(ellipse 80% 70% at 50% 40%,rgba(120,140,230,.1),transparent 70%),#ffffff06;transition:background .4s}.show-cv{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;cursor:pointer}.show-info{min-width:0}.show-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font:700 clamp(26px,3vw,34px)/1.25 var(--font-h);color:var(--c, var(--ink))}.show-name .s-chip{font:500 13px/1.7 var(--font-h)}.show-name .el-chip{color:#fff;background:color-mix(in srgb,var(--c) 70%,#0a0f1d)}.show-info>p{margin:0 0 14px;font-size:15.5px}.show-skills{display:flex;flex-wrap:wrap;gap:6px}.show-skills img{display:block;width:40px;height:40px;border-radius:10px;image-rendering:pixelated}.show-skills .s-chip{font-size:12.5px}.gen-strip{display:flex;justify-content:center;gap:6px;margin:0 0 18px;padding:4px 2px 8px;overflow-x:auto;scrollbar-width:none}.gen-strip::-webkit-scrollbar{display:none}.gen-pick{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;padding:4px 0;color:var(--ink-3);background:none;border:0;cursor:pointer;font:500 13px/1.3 var(--font-h)}.gen-face{display:block;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--c) 30%,var(--bg-3)) center / cover no-repeat;box-shadow:inset 0 0 0 2px #ffffff14;transition:transform .15s,box-shadow .15s}.gen-nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen-pick:hover{color:var(--ink)}.gen-pick:hover .gen-face{transform:translateY(-2px)}.gen-pick[aria-selected=true]{color:#fff}.gen-pick[aria-selected=true] .gen-face{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--c)}.gen-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:4px 0 14px}.gs{display:grid;grid-template-columns:38px 1fr 34px;gap:8px;align-items:center;font-size:13px}.gs span{font:600 12px var(--font-h);color:var(--ink-3);letter-spacing:.5px}.gs i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c, var(--gold)) var(--w),rgba(255,255,255,.08) var(--w))}.gen-show .gs i{--c: var(--gold-hi)}.gs b{font:600 14px var(--font-h);text-align:right}.gen-skills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0!important;font-size:13.5px}.gen-skills .s-chip{font-size:13px;color:var(--ink)}.gen-skills{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sk-chip{gap:6px;padding:2px 10px 2px 3px;line-height:1.5;background:#00000052;border-color:color-mix(in srgb,var(--c) 45%,transparent);text-decoration:none}.sk-chip:hover{border-color:var(--gold);background:#ffd47e1f;text-decoration:none}.sk-chip img{width:22px;height:22px;border-radius:50%;background:#0006}.feat-x{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;max-width:1180px;margin:0 auto}.fx-card{display:flex;flex-direction:column;gap:4px;padding:clamp(18px,2.4vw,26px);border-radius:22px;background:#ffffff08;border:1px solid var(--line)}.fx-card h3{margin:6px 0 2px;font:700 20px/1.35 var(--font-h)}.fx-card>p.muted{flex:1;margin:0;font-size:15px;line-height:1.7}.fx-card .more{margin-top:10px}.fx-art{display:flex;align-items:flex-end;gap:4px;min-height:72px;margin-bottom:6px}.fx-art img{display:block;border-radius:14px;image-rendering:pixelated}.fx-ico{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#ffd47e1a}.fx-ico svg{width:34px;height:34px;fill:none;stroke:var(--gold-hi);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fx-big{display:flex;align-items:baseline;gap:8px;margin:6px 0 0!important;line-height:1.1}.fx-big b{font:700 clamp(32px,3.4vw,42px)/1.1 var(--font-h);color:var(--gold-hi)}.fx-big span{font:500 16px var(--font-h);color:var(--ink-2)}.mus{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}.mus-copy .s-eyebrow,.mus-copy .s-sec-title,.mus-copy .s-sec-sub{text-align:left;margin-left:0}.mus-copy .s-sec-sub{margin-bottom:22px}.sfx-chips{display:flex;flex-wrap:wrap;gap:8px}.sfx-chip{gap:8px}.sfx-tri{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--gold-hi)}.mp{padding:clamp(14px,2vw,18px);border-radius:22px;background:#ffffff08;border:1px solid var(--line)}.mp-now{display:flex;align-items:center;gap:10px}.mp-play{position:relative;flex:none;width:52px;height:52px;margin-right:4px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,212,126,.55);cursor:pointer;transition:background .15s}.mp-play i{position:absolute;left:19.5px;top:15.5px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent var(--gold-hi)}.mp-play:hover{background:#ffd47e1a}.mp.on .mp-play{background:var(--gold-hi);border-color:var(--gold-hi)}.mp.on .mp-play i{left:17.5px;top:17.5px;width:14px;height:14px;border:0;border-radius:2px;background:var(--gold-ink)}.mp-info{flex:1;min-width:0;margin:0;line-height:1.4}.mp-name{font:600 18px/1.4 var(--font-h);color:var(--ink)}.mp-desc{display:block;font-size:14px;line-height:1.5;color:var(--ink-2)}.mp-step{display:grid;place-items:center;flex:none;width:40px;height:40px;color:var(--ink-2);background:transparent;border:1px solid var(--line-2);border-radius:50%;cursor:pointer;transition:color .15s,border-color .15s}.mp-step svg{width:15px;height:15px;fill:currentColor}.mp-step:hover{color:#fff;border-color:#fff6}.mp-cats{display:flex;gap:6px;margin:12px 0 6px;padding-top:12px;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.mp-cats::-webkit-scrollbar{display:none}.mp-cat{flex:none;min-height:34px;padding:3px 14px;font:500 14.5px/1.4 var(--font-h);color:var(--ink-2);background:transparent;border:1px solid var(--line-2);border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}.mp-cat small{font-size:12px;color:var(--ink-3)}.mp-cat:hover{color:#fff}.mp-cat[aria-selected=true]{color:var(--gold-ink);background:var(--gold-hi);border-color:var(--gold-hi)}.mp-cat[aria-selected=true] small{color:inherit;opacity:.65}.mp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;margin:0;padding:0;list-style:none}.mp-tr{display:block;width:100%;min-height:34px;padding:5px 12px;font:500 15px/1.4 var(--font-h);color:var(--ink-2);text-align:left;background:transparent;border:0;border-radius:10px;cursor:pointer}.mp-tr:hover{color:#fff;background:#ffffff0d}.mp-tr[aria-current=true]{color:var(--gold-hi);background:#ffd47e17}.mp-note{margin:10px 0 0;font-size:13.5px}.mp-eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px;margin-left:9px;visibility:hidden}.mp-eq i{width:3px;height:45%;border-radius:1px;background:var(--gold-hi)}.mp.on .mp-eq{visibility:visible}.mp.on .mp-eq i{animation:eq .9s ease-in-out infinite}.mp.on .mp-eq i:nth-child(2){animation-delay:-.3s}.mp.on .mp-eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:40%}50%{height:100%}}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px);max-width:1040px;margin:0 auto;padding:0;list-style:none}.step{position:relative;padding:0}.step-n{display:inline-grid;place-items:center;width:40px;height:40px;font:700 18px/1 var(--font-h);color:var(--gold-ink);background:var(--gold-hi);border-radius:50%}.step h3{margin:14px 0 6px;font-size:20px}.step>p{margin:0;font-size:15px;color:var(--ink-2)}.step-els{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.step-el{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.step-el .pic{display:block;width:54px;height:54px;border-radius:50%;background:color-mix(in srgb,var(--c) 28%,var(--bg-3)) center / cover no-repeat}.step-el b{margin-top:4px;font:600 14.5px/1.4 var(--font-h);color:var(--c)}.step-el small{font-size:11.5px;line-height:1.4;color:var(--ink-3)}.step-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.step-stats .s-chip{font-size:12.5px;line-height:1.7}.step-stats .s-chip b{color:var(--gold-hi);font:600 12px var(--font-h)}.step-route{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}.step-route .s-chip{font-size:13px;line-height:1.7}.step-route i{font-style:normal;color:var(--ink-3)}.steps-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:48px}.steps-cta .s-btn{min-height:52px;padding:10px 28px;font-size:17px}.rank-card{max-width:980px;margin:0 auto}.rank-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.rank-tabs::-webkit-scrollbar{display:none}.rank-tab{flex:none;min-height:40px;padding:6px 18px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink-2);font:500 15px/1.4 var(--font-h);cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}.rank-tab:hover{color:#fff}.rank-tab[aria-selected=true]{color:#0a0f1d;background:#fff;border-color:#fff}.rank-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:0 6px 12px;border-bottom:1px solid var(--line)}.rank-meta{margin:0;font-size:14px;line-height:1.6;color:var(--ink-3)}.rank-meta b{color:var(--ink)}.rank-meta .bad{color:var(--bad)}.rank-head .s-btn:disabled{opacity:.55;cursor:progress;transform:none}.rank-table{width:100%;border-collapse:collapse;font-size:15px}.rank-table th{padding:12px 14px;font:500 13px/1.5 var(--font-h);color:var(--ink-3);text-align:left;white-space:nowrap}.rank-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle;line-height:1.5}.rank-table .c-rank{width:76px;text-align:center}.rank-table .c-lv,.rank-table .c-s1,.rank-table .c-s2{text-align:right;white-space:nowrap}.rank-table .c-s1.main{font-size:16px}.rank-table.by-gold .c-s2{display:none}.rank-table .c-s1 .gold{color:var(--gold-hi)}.rank-table .c-el{white-space:nowrap}.rank-table tbody tr:hover{background:#ffffff06}.rk{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;font:600 15px/1 var(--font-h);color:var(--ink-2);border-radius:50%;background:#ffffff0d}.rk-gold{color:#3a2408;background:#ffd47e}.rk-silver{color:#23262c;background:#dfe4ee}.rk-bronze{color:#2e1606;background:#e5a06a}.c-name .nm{font:500 16px/1.5 var(--font-h);color:var(--ink);overflow-wrap:anywhere}.rank-table tr.gold .nm{color:var(--gold-hi)}.c-name .sx{margin-left:8px;font-size:12.5px}.c-lv b{font:600 16px var(--font-h);color:var(--ink)}.rank-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;text-align:center;color:var(--ink-2)}.rank-state b{font:600 18px/1.5 var(--font-h);color:var(--ink)}.rank-state.error b{color:var(--bad)}.rank-state .s-btn{margin-top:6px}.spin{width:26px;height:26px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--gold-hi);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:641px)and (orientation:portrait){.hero{min-height:clamp(600px,min(calc(100svh - var(--nav-h)),calc(48vw + 420px)),900px)}}@media(max-width:900px){.show-body{grid-template-columns:1fr}.gen-strip{justify-content:flex-start}.mus{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:1fr;max-width:560px}}@media(max-width:640px){.hero-seal{right:-20px;top:4px;width:32px;height:32px;font-size:22px;line-height:32px}.hero-free{right:-8px;bottom:auto;top:-76px;width:64px;height:64px;border-width:2px}.hero-free b{font-size:15px}.hero-free small{font-size:9px}.hero-cta .s-btn{flex:1 1 150px;padding:10px 18px;font-size:17px}.hero-stage{min-height:250px}.show-stage{height:240px;border-radius:22px}.gen-stats{grid-template-columns:1fr}.mp-now{gap:8px}.mp-play{width:48px;height:48px;margin-right:2px}.mp-play i{left:17.5px;top:13.5px}.mp.on .mp-play i{left:15.5px;top:15.5px}.mp-step{width:36px;height:36px}.mp-name{font-size:16.5px}.mp-desc{font-size:13.5px}.mp-cat{padding:3px 10px;font-size:14px}.mp-list{grid-template-columns:minmax(0,1fr)}.rank-head{padding:0 2px 10px}.rank-table thead{display:none}.rank-table,.rank-table tbody{display:block}.rank-table tbody tr{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;grid-template-areas:"rk nm nm lv" "rk el s1 s2";align-items:center;gap:2px 12px;padding:12px 4px;border-top:1px solid var(--line)}.rank-table td{display:block;padding:0;border:0}.rank-table .c-rank{grid-area:rk;width:auto}.rank-table .c-name{grid-area:nm;min-width:0}.rank-table .c-lv{grid-area:lv}.rank-table .c-el{grid-area:el}.rank-table .c-s1{grid-area:s1}.rank-table .c-s2{grid-area:s2}.rank-table .c-lv:before,.rank-table .c-s1:before,.rank-table .c-s2:not(:empty):before{content:attr(data-l) " ";font:400 12px var(--font-b);color:var(--ink-3)}.rank-table .c-s1,.rank-table .c-s2{font-size:13.5px;color:var(--ink-2)}.rank-table .c-s1.main{font-size:14.5px}.rank-tabs{justify-content:flex-start}.rank-tab{padding:6px 14px;font-size:14px}}@media(max-width:420px){.hero-kicker{font-size:13px}.step-els{gap:4px}.step-el .pic{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero.art-on .hero-more span,.spin,.mp.on .mp-eq i,.hero-free{animation:none}.s-btn,.show-tab,.gen-face,.show-stage,.mp-play,.mp-step,.mp-cat{transition:none}}