:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--line: #2b303b;--text: #e8eaef;--muted: #9aa1ae;--accent: #ff5a36;--heart: #ff5c7a;--accent-ink: #1a0d08;--focus: #ffb547;--num: #8fd14f;--kw: #ff9a5a;--max: #6fb2ff;--rock: #6aaef0;--scissors: #84cc5c;--paper: #f47f7c;--none: #9aa1ae;--radius: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f6f6f4;--surface: #ffffff;--surface-2: #f0f0ed;--line: #dcdcd6;--text: #17181c;--muted: #5d6270;--accent: #d93d1a;--heart: #d42a4f;--accent-ink: #ffffff;--focus: #b36b00;--num: #3f7d13;--kw: #b85417;--max: #1f68b8;--rock: #1f62ad;--scissors: #3a7a1c;--paper: #bf3431;--none: #5d6270;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--font);font-variant-numeric:tabular-nums}a{color:inherit}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(1.6rem,4vw,2.3rem)}h2{font-size:1.25rem;margin-top:2rem}h3{font-size:1.02rem}p{margin:0 0 1em}.muted{color:var(--muted)}.small{font-size:.86rem}.wrap{max-width:1240px;margin:0 auto;padding:0 16px}.site-head{border-bottom:1px solid var(--line);background:var(--surface)}.site-head .wrap{display:flex;align-items:center;gap:20px;min-height:56px;flex-wrap:wrap}.brand{font-weight:800;text-decoration:none;letter-spacing:.02em}.brand span{color:var(--accent)}.site-logo{display:inline-flex;align-items:center;gap:8px;flex:none}.site-logo img{display:block;height:40px;width:auto}.site-logo span{font-size:.8rem;font-weight:800;letter-spacing:.12em;padding:2px 6px;border-radius:6px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}@media(max-width:420px){.site-logo img{height:34px}.site-logo{gap:6px}}.site-nav{display:flex;gap:16px;flex:1;overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-width:0}.nav-toggle{display:none;place-items:center;width:44px;height:44px;margin-left:auto;padding:0;font-size:22px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;cursor:pointer}.nav-toggle svg:last-child{display:none}.nav-toggle[aria-expanded=true] svg:first-child{display:none}.nav-toggle[aria-expanded=true] svg:last-child{display:block}@media(max-width:1180px){.site-head .wrap{gap:12px}.nav-toggle{display:inline-grid;order:2}.lang-toggle{order:1;margin-left:auto}.site-nav{display:none;order:3;flex-basis:100%}.site-head.nav-open .site-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;padding:4px 0 12px;white-space:normal;overflow:visible}.site-head.nav-open .site-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.site-head.nav-open .site-nav a[aria-current=page]{border-color:var(--accent);color:var(--text)}}.site-nav a{text-decoration:none;color:var(--muted)}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--text)}.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px}.lang-toggle a,.lang-toggle button{position:relative;display:inline-grid;place-items:center;min-width:44px;padding:4px 10px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:.8rem;line-height:1.35;text-decoration:none;cursor:pointer}.lang-toggle a:after,.lang-toggle button:after,.head-support:after{content:"";position:absolute;inset:-10px 0}.lang-toggle a[aria-current=page],.lang-toggle button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.lang-toggle a:hover{color:var(--text)}.support-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;white-space:nowrap;font-weight:700;text-decoration:none;color:var(--text);border:1px solid var(--line);background:var(--surface-2)}.support-btn svg{color:var(--heart);flex:none}.support-btn:hover,.support-btn:focus-visible{border-color:var(--heart);color:var(--text)}.head-support{position:relative;min-height:0;padding:4px 12px;font-size:.8rem;font-weight:600;line-height:1.35}.head-support .hs-full{display:none}@media(min-width:1181px)and (max-width:1239px){.site-head .wrap{gap:16px}.head-support{padding:4px 9px}.head-support span{display:none}}@media(max-width:1180px){.head-support{display:none;order:4}.site-head.nav-open .head-support{display:flex;flex-basis:100%;justify-content:center;min-height:44px;margin:-4px 0 12px;border-radius:10px;font-size:.95rem}.site-head.nav-open .head-support:after{content:none}.site-head.nav-open .head-support .hs-short{display:none}.site-head.nav-open .head-support .hs-full{display:inline}}.skip-link{position:absolute;left:-9999px;top:8px;z-index:10;padding:10px 14px;border-radius:8px;background:var(--surface);color:var(--text);border:1px solid var(--accent)}.skip-link:focus{left:16px}main:focus{outline:none}main{padding:28px 0 56px}.site-foot{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--muted);font-size:.85rem}.site-foot a{color:var(--text)}.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}.foot-row p{margin:0}.site-foot .brand{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.site-foot .support-btn{font-size:.85rem}.site-foot .brand b{color:var(--text)}.socials{display:inline-flex;gap:4px}.site-foot .social{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:18px;color:var(--muted);border:1px solid var(--line);background:var(--surface-2);transition:color .15s,border-color .15s}.site-foot .social:hover,.site-foot .social:focus-visible{color:var(--bc, var(--text));border-color:currentColor}.brand-card{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.brand-banner{display:block;width:100%;height:clamp(84px,16.5vw,200px);object-fit:cover;object-position:50% 50%;background:#f6e700}.brand-body{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;padding:0 20px 20px}.brand-avatar{width:96px;height:96px;border-radius:50%;margin-top:-36px;border:4px solid var(--surface);background:#fff}.brand-text h2{margin:12px 0 4px}.brand-text p{margin:0;color:var(--muted)}.brand-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.brand-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;text-decoration:none;color:var(--text);border:1px solid var(--line);background:var(--surface-2)}.brand-link svg{font-size:18px;color:var(--bc, var(--text))}.brand-link:hover,.brand-link:focus-visible{border-color:var(--bc, var(--text))}.brand-link.support{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.brand-link.support svg{color:var(--accent-ink)}.brand-link.support:hover,.brand-link.support:focus-visible{filter:brightness(1.08);color:var(--accent-ink)}@media(max-width:560px){.brand-body{grid-template-columns:1fr;padding:0 16px 16px}.brand-avatar{width:80px;height:80px;margin-top:-30px}.brand-link{flex:1 1 calc(50% - 8px);justify-content:center}.brand-link.support{flex-basis:100%}}.s-youtube{--bc: #ff0000}.s-instagram{--bc: #ff0069}.s-discord{--bc: #5865f2}.s-tiktok{--bc: var(--text)}html[data-lang=en] [data-l=id],html[data-lang=id] [data-l=en]{display:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid var(--line);white-space:nowrap}.r1{--rc: #5eacdd}.r2{--rc: #af7eff}.r3{--rc: #ff9a47}.r4{--rc: #ff5454}.badge.rarity{border-color:color-mix(in srgb,var(--rc) 60%,transparent);color:var(--rc)}.s1{--sc: var(--rock)}.s2{--sc: var(--scissors)}.s3{--sc: var(--paper)}.s0{--sc: var(--none)}.badge.sect{color:var(--sc);border-color:color-mix(in srgb,var(--sc) 55%,transparent)}.badge.sect:has(.type-icon){padding-left:2px}.type-icon{display:block;flex:none}.chip .type-icon{display:inline-block;vertical-align:-4px;margin:0 4px 0 -4px}.avatar{width:36px;height:36px;border-radius:8px;object-fit:cover;object-position:top;flex:none;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--rc) 70%,transparent)}.avatar.ph{display:inline-grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--muted)}td.name>div{display:flex;align-items:center;gap:10px}.portrait{width:132px;aspect-ratio:240 / 362;border-radius:14px;object-fit:cover;border:2px solid var(--rc);background:var(--surface-2)}.hero-banner{position:relative;overflow:hidden;border-radius:16px;padding:22px;min-height:300px;display:flex;align-items:flex-end;background:linear-gradient(90deg,#0a0b0feb,#0a0b0fb8,#0a0b0f40),var(--scene, none) center / cover,#15171d;border:1px solid color-mix(in srgb,var(--rc) 50%,#2b303b);color:#f2f3f6}.hero-banner .hero-head{position:relative;z-index:1;max-width:640px}.hero-banner .tagline,.hero-banner .muted{color:#c9ccd4}.hero-banner .tag{background:#ffffff1f;color:#dfe2e8}.hero-banner .badge{background:#0a0b0f8c}.hero-banner h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero-full{position:absolute;right:2%;top:6%;height:135%;max-width:46%;object-fit:contain;object-position:top right;filter:drop-shadow(0 8px 24px rgba(0,0,0,.55));pointer-events:none}@media(max-width:720px){.hero-banner{min-height:0;padding:16px;display:block}.hero-full{opacity:.35;right:-10%;height:105%;max-width:70%}}.faq-item{padding:12px 0;border-top:1px solid var(--line)}.faq-item:first-child{border-top:0;padding-top:0}.faq-item h3{margin:0 0 4px;font-size:1rem}.faq-item p{margin:0;color:var(--text)}.quick-facts .kv{font-size:.92rem}.home-hero{position:relative;border-radius:18px;overflow:hidden;min-height:380px;display:flex;align-items:flex-end;padding:28px;background:linear-gradient(180deg,#0a0b0f00 30%,#0a0b0fe6),var(--scene) center 30% / cover,#15171d;color:#fff}.home-hero h1{font-size:clamp(2rem,6vw,3.4rem);margin:0 0 6px;text-shadow:0 3px 18px rgba(0,0,0,.7)}.home-hero p{max-width:56ch;color:#e3e5ea;margin:0 0 14px}.cta{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:10px 18px;border-radius:999px;text-decoration:none}.cta:hover{color:var(--accent-ink);filter:brightness(1.08)}.section-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-top:18px}.section-card{position:relative;display:flex;align-items:flex-end;min-height:150px;padding:14px;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--line);background:linear-gradient(180deg,#0a0b0f0d,#0a0b0fe0),var(--img, none) center / cover,#1b1e26;transition:transform .15s,border-color .15s}.section-card.icon-bg{background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--accent) 22%,#1b1e26),#14161c 70%)}.section-card .sc-icon{position:absolute;right:14px;top:14px;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.section-card .sc-lucide{display:grid;place-items:center;font-size:64px;color:var(--accent);filter:none}.section-card .soon-badge{font-style:normal;margin-bottom:6px;color:#fff;background:#0a0b0f99;border-color:var(--accent)}.section-card b{font-size:1.15rem;display:block}.section-card span{font-size:.85rem;color:#cfd2da}.section-card:hover{transform:translateY(-2px);border-color:var(--accent);color:#fff}.roster{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:thin}.roster a{flex:none;text-align:center;font-size:.75rem;text-decoration:none;width:72px}.roster img{width:72px;height:72px;border-radius:12px;object-fit:cover;object-position:top;border:2px solid var(--rc);background:var(--surface-2);display:block;margin-bottom:4px}.mate{display:flex;align-items:center;gap:10px;margin:6px 0}.badge.warn{color:var(--focus);border-color:color-mix(in srgb,var(--focus) 50%,transparent)}.tag{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:.78rem;margin:2px 4px 2px 0}.num{color:var(--num);font-weight:600}.kw{color:var(--kw)}.max{color:var(--max);font-weight:600}abbr[title]{text-decoration:underline dotted;cursor:help}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.controls{display:grid;gap:14px}.control-row{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:end}.field{display:grid;gap:4px}.field>span:first-child,.group-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}input[type=search],input[type=number],select{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:inherit;min-height:38px}input[type=search]{width:min(100%,280px)}input[type=number]{width:92px}input[type=range]{accent-color:var(--accent);width:min(100%,260px);min-height:38px}.star-readout{font-weight:700;min-width:11ch;display:inline-block;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:5px 12px;font:inherit;font-size:.85rem;cursor:pointer;min-height:32px}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.btn-link{background:none;border:0;color:var(--muted);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer;padding:6px 0}.check{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;min-height:32px;cursor:pointer}details.more>summary{cursor:pointer;color:var(--muted);font-size:.9rem;padding:4px 0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}td.wrap-cell{white-space:normal;min-width:180px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}th{position:sticky;top:0;background:var(--surface);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);z-index:1}th.n,td.n{text-align:right}th button{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center}th button:focus-visible{outline:2px solid var(--focus)}th[aria-sort] button:after{content:"";width:12px;height:12px;flex:none;background:currentColor;opacity:.35;-webkit-mask:var(--sort-icon) center / contain no-repeat;mask:var(--sort-icon) center / contain no-repeat;--sort-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E")}th[aria-sort=ascending] button:after,th[aria-sort=descending] button:after{opacity:1;background:var(--accent)}th[aria-sort=ascending] button:after{--sort-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")}th[aria-sort=descending] button:after{--sort-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}td.name a{font-weight:600;text-decoration:none}tr.is-hidden{display:none}.result-count{font-size:.9rem;color:var(--muted)}.empty{padding:32px;text-align:center;color:var(--muted)}.hero-head{display:grid;gap:18px;grid-template-columns:auto 1fr;align-items:center}.monogram{width:84px;height:84px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:1.7rem;background:color-mix(in srgb,var(--rc) 22%,var(--surface-2));border:2px solid var(--rc);color:var(--text)}.hero-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.tagline{font-style:italic;color:var(--muted);margin:0}.stat-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:14px}.stat-card{background:var(--surface-2);border-radius:8px;padding:10px 12px}.stat-card b{display:block;font-size:1.35rem}.stat-card span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.skill{border-top:1px solid var(--line);padding:14px 0}.skill:first-of-type{border-top:0;padding-top:4px}.skill-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;margin-bottom:6px}.skill-head h3{margin:0}.facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.84rem;color:var(--muted)}.facts b{color:var(--text)}.talent{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.talent:first-of-type{border-top:0}.talent .lvl{font-weight:700}.talent.active .lvl{color:var(--accent)}.tk-top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:10px}.tk-frame{display:grid;place-items:center;width:96px;height:96px;border-radius:12px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--rc) 55%,var(--line))}.tk-frame img{width:82px;height:82px;object-fit:contain}@media(max-width:420px){.tk-top{grid-template-columns:72px minmax(0,1fr)}.tk-frame{width:72px;height:72px}.tk-frame img{width:62px;height:62px}}tr.current td{background:color-mix(in srgb,var(--accent) 12%,transparent)}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:14px}.crumbs a{color:var(--muted)}.note{border-left:3px solid var(--focus);padding:8px 12px;background:var(--surface);border-radius:0 8px 8px 0;font-size:.9rem}.toc{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;margin:18px 0 0}.toc a{color:var(--muted)}@media(max-width:560px){.hero-head{grid-template-columns:1fr}.monogram{width:64px;height:64px;font-size:1.3rem}.talent{grid-template-columns:1fr;gap:4px}th,td{padding:8px 10px}}