@font-face{font-family:"Bungee";src:url(/assets/f/bungee.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(/assets/f/chakra-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(/assets/f/chakra-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(/assets/f/chakra-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Press Start 2P";src:url(/assets/f/press.woff2) format("woff2");font-display:swap}
:root{--bg:#07060b;--bg2:#0e0a16;--panel:#130d1e;--panel2:#1a1028;--yel:#ffe600;--yel2:#ffb800;--mag:#ff2bd6;--vio:#8a2cff;--cy:#38f3ff;--txt:#f4f1ff;--mut:#b4abcc;--line:rgba(255,43,214,.35);--px:"Press Start 2P",monospace;--dsp:"Bungee",Impact,sans-serif;--bd:"Chakra Petch",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--txt);font:400 17px/1.65 var(--bd);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% -10%,rgba(138,44,255,.22),transparent 55%),radial-gradient(ellipse at 90% 10%,rgba(255,43,214,.14),transparent 45%)}
a{color:var(--yel)}a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:var(--yel);color:#000;padding:8px}
/* top bar */
.kr-top{position:sticky;top:0;z-index:50;background:rgba(7,6,11,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.kr-bar{display:flex;align-items:center;gap:18px;height:72px}
.kr-logo{display:flex;flex-direction:column;text-decoration:none;line-height:1}
.kr-logo b{font:400 30px/1 var(--dsp);color:var(--yel);text-shadow:0 0 12px rgba(255,230,0,.55),3px 3px 0 var(--mag)}
.kr-logo b i{font-style:normal;color:var(--mag);text-shadow:0 0 14px rgba(255,43,214,.8),3px 3px 0 #5a0a55}
.kr-logo small{white-space:nowrap;font:400 7px/1 var(--px);color:var(--mut);letter-spacing:.18em;margin-top:6px}
.kr-nav{display:flex;gap:2px;margin:0 auto;list-style:none;padding:0}
.kr-nav a{display:block;white-space:nowrap;padding:9px 10px;font:700 13.5px/1 var(--bd);letter-spacing:.06em;text-transform:uppercase;color:#e9e4ff;text-decoration:none;border-bottom:2px solid transparent}
.kr-nav a:hover,.kr-nav a[aria-current]{color:var(--yel);border-color:var(--yel);text-shadow:0 0 10px rgba(255,230,0,.6)}
.kr-act{display:flex;gap:10px;align-items:center}
.pill18{font:400 10px/1 var(--px);color:var(--mag);border:2px solid var(--mag);border-radius:999px;padding:8px 9px;text-decoration:none;box-shadow:0 0 10px rgba(255,43,214,.4)}
/* buttons */
.btn-go{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:linear-gradient(180deg,#fff27a,var(--yel) 45%,var(--yel2));color:#14000f;font:400 15px/1 var(--dsp);letter-spacing:.04em;text-decoration:none;padding:13px 20px;border-radius:12px;border:2px solid #fff6a8;box-shadow:0 0 0 3px rgba(255,43,214,.85),0 0 26px rgba(255,230,0,.55),0 6px 0 #8a5d00;transition:transform .12s,box-shadow .12s;white-space:nowrap}
.btn-go:hover{color:#14000f;transform:translateY(-2px);box-shadow:0 0 0 3px var(--mag),0 0 40px rgba(255,230,0,.8),0 8px 0 #8a5d00}
.btn-go.xl{font-size:clamp(20px,3vw,34px);padding:20px 46px;border-radius:18px}
.btn-rec{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#ff6ee6,var(--mag) 50%,#c0009c);color:#fff;font:700 14px/1.2 var(--bd);text-decoration:none;padding:11px 14px;border-radius:10px;border:2px solid #ffc2f3;box-shadow:0 0 18px rgba(255,43,214,.55),0 4px 0 #6d0058;text-align:center}
.btn-rec:hover{color:#fff;filter:brightness(1.12)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;color:var(--cy);border:2px solid var(--cy);border-radius:12px;padding:11px 16px;font:700 14px/1 var(--bd);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;box-shadow:0 0 14px rgba(56,243,255,.35) inset,0 0 12px rgba(56,243,255,.3)}
.btn-ghost:hover{color:#000;background:var(--cy)}
.promo-note{display:block;font-size:12px;color:var(--mut);margin-top:6px}
/* ticker */
.kr-tick{overflow:hidden;background:linear-gradient(90deg,#1b0626,#2a0430,#1b0626);border-bottom:1px solid var(--line);height:34px}
.kr-tick ul{display:flex;gap:44px;list-style:none;margin:0;padding:0 0 0 20px;white-space:nowrap;animation:tick 48s linear infinite;width:max-content}
.kr-tick li{font:400 10px/34px var(--px);color:#ffd6f6;letter-spacing:.06em}
.kr-tick li b{color:var(--yel);font-weight:400}
@keyframes tick{to{transform:translateX(-50%)}}
/* mobile nav */
.kr-burger{display:none}
#kr-m{display:none}
/* panels */
.snap{scroll-snap-type:y proximity}
.panel{scroll-snap-align:start;position:relative;padding:34px 0}
.panel-full{min-height:calc(100vh - 106px);display:flex;align-items:center}
.ptitle{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.ptitle h2{font:400 clamp(22px,2.6vw,32px)/1.1 var(--dsp);margin:0;color:#fff;text-shadow:0 0 16px rgba(255,43,214,.6)}
.ptitle h2 em{font-style:normal;color:var(--yel)}
.ptitle .px{font:400 10px/1 var(--px);color:var(--mag)}
.ptitle .rule{flex:1;height:2px;background:linear-gradient(90deg,var(--mag),transparent)}
/* HERO */
.hero{display:grid;grid-template-columns:1.05fr 1.5fr 1fr;gap:22px;align-items:center;width:100%}
.hero-l .eyb{font:400 11px/1.5 var(--px);color:var(--yel)}
.hero-l h1{font:400 clamp(34px,4vw,56px)/1 var(--dsp);margin:12px 0 10px;color:var(--mag);text-shadow:0 0 22px rgba(255,43,214,.7),3px 3px 0 #3a0636}
.hero-l h1 span{display:block;color:var(--yel);text-shadow:0 0 22px rgba(255,230,0,.6),3px 3px 0 #5a3d00}
.hero-l p{color:#ddd6f3;margin:0 0 16px;font-size:16px}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
.feats li{text-align:center;font:700 11.5px/1.25 var(--bd);text-transform:uppercase;color:#fff;letter-spacing:.03em}
.feats svg{width:44px;height:44px;margin:0 auto 6px;display:block;padding:9px;border-radius:50%;border:2px solid var(--mag);box-shadow:0 0 14px rgba(255,43,214,.5);color:var(--yel)}
.cab{position:relative;border-radius:22px;padding:10px;background:linear-gradient(160deg,rgba(255,230,0,.9),rgba(255,43,214,.9));box-shadow:0 0 50px rgba(255,43,214,.45),0 0 90px rgba(138,44,255,.3)}
.cab-in{border-radius:16px;overflow:hidden;background:#000;position:relative}
.cab-sign{position:absolute;top:-22px;left:50%;transform:translateX(-50%);z-index:2;background:#0b0710;border:3px solid var(--yel);border-radius:12px;padding:8px 22px;font:400 22px/1 var(--dsp);color:var(--yel);text-shadow:0 0 12px rgba(255,230,0,.8);box-shadow:0 0 22px rgba(255,230,0,.55),inset 0 0 12px rgba(255,43,214,.35);white-space:nowrap}
.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:#0b0710}
.hud div{border:1px solid rgba(255,230,0,.45);border-radius:8px;text-align:center;padding:6px 4px}
.hud small{display:block;font:400 8px/1.4 var(--px);color:var(--mut)}
.hud b{font:700 15px/1.2 var(--bd);color:#fff}
.cab-cta{display:flex;justify-content:center;padding:0 10px 12px;background:#0b0710}
.btn-play{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--yel),#ffd000 40%,var(--mag));color:#12000e;font:400 clamp(16px,1.8vw,24px)/1 var(--dsp);padding:14px 30px;border-radius:14px;text-decoration:none;box-shadow:0 0 24px rgba(255,43,214,.6);border:2px solid #fff}
.btn-play:hover{color:#000;filter:brightness(1.1)}
.cab-foot{font-size:12px;text-align:center;color:var(--mut);margin-top:10px}
.sign{position:relative;transform:rotate(-4deg);border:4px solid var(--yel);border-radius:20px;padding:22px 18px;text-align:center;box-shadow:0 0 26px rgba(255,230,0,.5),inset 0 0 26px rgba(255,43,214,.35);background:rgba(20,6,26,.6)}
.sign b{display:block;font:400 clamp(22px,2.4vw,34px)/1.05 var(--dsp);color:var(--yel);text-shadow:0 0 14px rgba(255,230,0,.8)}
.sign i{display:block;font:400 clamp(17px,1.8vw,24px)/1.1 var(--dsp);font-style:normal;color:var(--mag);text-shadow:0 0 14px rgba(255,43,214,.8);margin-top:6px}
.sign p{font-size:13.5px;color:#e8e1ff;margin:12px 0 0}
.sign-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.sign-list a{display:flex;justify-content:space-between;align-items:center;gap:8px;text-decoration:none;color:#fff;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:700 13px/1.2 var(--bd)}
.sign-list a:hover{border-color:var(--yel)}
.sign-list span{font:400 8px/1 var(--px);color:var(--yel)}
/* ranking strip */
.rank{display:grid;grid-template-columns:auto repeat(5,1fr) 1.15fr;gap:0;align-items:stretch;border:2px solid var(--yel);border-radius:16px;background:linear-gradient(90deg,#140a04,#0f0817 30%);box-shadow:0 0 22px rgba(255,230,0,.25);overflow:hidden}
.rank-h{display:flex;align-items:center;gap:12px;padding:12px 18px;border-right:1px solid rgba(255,230,0,.3)}
.rank-h svg{width:46px;height:46px;color:var(--yel);filter:drop-shadow(0 0 8px rgba(255,230,0,.7))}
.rank-h b{display:block;font:400 15px/1.1 var(--dsp);color:var(--yel)}
.rank-h small{display:block;font-size:11px;color:var(--mut);max-width:180px;line-height:1.3}
.rank-i{padding:12px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.rank-i .n{font:400 11px/1 var(--px);color:var(--mag)}
.rank-i:first-of-type .n{color:var(--yel)}
.rank-i strong{display:block;font:400 22px/1.15 var(--dsp);color:#fff;margin:6px 0 2px;text-shadow:0 0 12px rgba(255,43,214,.5)}
.rank-i span{font-size:12px;color:var(--mut);line-height:1.25;display:block}
.rank-x{margin:8px;border:2px solid var(--mag);border-radius:12px;text-align:center;padding:8px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 0 18px rgba(255,43,214,.35)}
.rank-x small{font:400 8px/1.4 var(--px);color:var(--mut)}
.rank-x b{font:400 28px/1.1 var(--dsp);color:var(--mag);text-shadow:0 0 14px rgba(255,43,214,.8)}
.rank-src{font-size:11.5px;color:var(--mut);margin:8px 2px 0}
/* jump + search */
.jump{display:flex;gap:14px;align-items:center;margin:20px 0 16px;flex-wrap:wrap}
.jump .lab{font:400 9px/1 var(--px);color:var(--mut)}
.letters{display:flex;flex-wrap:wrap;gap:3px;border:1px solid var(--line);border-radius:10px;padding:5px;flex:1}
.letters a{min-width:26px;text-align:center;font:700 13px/24px var(--bd);color:#e6e0ff;text-decoration:none;border-radius:5px}
.letters a:hover,.letters a.on{background:var(--yel);color:#000}
.srch{display:flex;align-items:center;gap:8px;border:2px solid var(--mag);border-radius:12px;padding:0 12px;min-width:280px;background:#0d0814;box-shadow:0 0 14px rgba(255,43,214,.3)}
.srch input{flex:1;background:transparent;border:0;color:#fff;font:600 15px var(--bd);padding:11px 0;outline:0}
.srch svg{width:18px;height:18px;color:var(--mag)}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.tile{position:relative;display:flex;flex-direction:column;text-decoration:none;color:#fff;border-radius:16px;padding:6px;background:linear-gradient(160deg,var(--c1,var(--yel)),var(--c2,var(--mag)));box-shadow:0 0 18px rgba(255,43,214,.35);transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-4px);box-shadow:0 0 32px rgba(255,230,0,.55);color:#fff}
.tile-in{background:#0b0710;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;flex:1}
.tile img{aspect-ratio:1/1;object-fit:cover;width:100%}
.tile h3{font:400 15px/1.1 var(--dsp);margin:10px 8px 2px;text-align:center;color:#fff;text-shadow:0 0 10px rgba(255,43,214,.7)}
.tile .cat{font:700 10.5px/1.2 var(--bd);color:var(--mut);text-align:center;text-transform:uppercase;letter-spacing:.06em;margin:0 6px}
.tile .go{margin:8px auto 10px;border:2px solid var(--yel);color:var(--yel);border-radius:8px;padding:5px 16px;font:400 12px/1 var(--dsp);display:inline-flex;gap:8px;align-items:center}
.tile:hover .go{background:var(--yel);color:#000}
.badge{position:absolute;top:12px;left:12px;z-index:2;font:400 9px/1 var(--px);padding:6px 7px;border-radius:6px;background:var(--mag);color:#fff;box-shadow:0 0 12px rgba(255,43,214,.8)}
.badge.b-novo{background:var(--cy);color:#00131a;box-shadow:0 0 12px rgba(56,243,255,.8)}
.badge.b-hot{background:#ff3b3b}
.badge.b-y{background:var(--yel);color:#000}
.cta-row{display:flex;justify-content:center;margin:26px 0 6px}
/* tabs */
.tabs input{position:absolute;opacity:0;pointer-events:none}
.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.tabbar label{cursor:pointer;font:700 13px/1 var(--bd);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;border-radius:999px;border:2px solid var(--line);color:#e6e0ff}
#t-all:checked~.tabbar label[for=t-all],#t-demo:checked~.tabbar label[for=t-demo],#t-mec:checked~.tabbar label[for=t-mec],#t-num:checked~.tabbar label[for=t-num],#t-seg:checked~.tabbar label[for=t-seg]{background:var(--yel);border-color:var(--yel);color:#000;box-shadow:0 0 14px rgba(255,230,0,.6)}
#t-demo:checked~.tiles .tile:not([data-c~=demo]),#t-mec:checked~.tiles .tile:not([data-c~=mec]),#t-num:checked~.tiles .tile:not([data-c~=num]),#t-seg:checked~.tiles .tile:not([data-c~=seg]){display:none}
.tiles.t5{grid-template-columns:repeat(5,1fr)}
/* carousel */
.car{position:relative;border-radius:20px;overflow:hidden;border:2px solid var(--mag);box-shadow:0 0 30px rgba(255,43,214,.35)}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.car-track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:16/6.6;min-height:300px}
.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 20%}
.slide-c{position:relative;z-index:1;max-width:560px;padding:clamp(22px,4vw,48px);height:100%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(7,6,11,.92) 60%,transparent)}
.slide-c .px{font:400 10px/1.4 var(--px);color:var(--cy)}
.slide-c h3{font:400 clamp(24px,3.2vw,42px)/1.05 var(--dsp);margin:10px 0;color:var(--yel);text-shadow:0 0 16px rgba(255,230,0,.6)}
.slide-c h3 em{font-style:normal;color:var(--mag);text-shadow:0 0 16px rgba(255,43,214,.7)}
.slide-c p{margin:0 0 16px;color:#e6e0ff}
.slide-c .row{display:flex;gap:10px;flex-wrap:wrap}
.dots{position:absolute;bottom:14px;right:20px;display:flex;gap:8px;z-index:3}
.dots button{width:30px;height:8px;border-radius:4px;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0}
.dots button.on{background:var(--yel);box-shadow:0 0 10px var(--yel)}
/* leaderboard */
.lb{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:15px}
.lb th{font:400 9px/1.4 var(--px);color:var(--mut);text-align:left;padding:6px 14px}
.lb td{background:var(--panel);padding:12px 14px;border-top:1px solid rgba(255,43,214,.25);border-bottom:1px solid rgba(255,43,214,.25)}
.lb td:first-child{border-left:3px solid var(--yel);border-radius:10px 0 0 10px;font:400 12px var(--px);color:var(--yel);width:56px}
.lb td:last-child{border-right:1px solid rgba(255,43,214,.25);border-radius:0 10px 10px 0}
.lb tr:nth-child(2) td:first-child{border-left-color:#d9d9e8;color:#d9d9e8}
.lb tr:nth-child(3) td:first-child{border-left-color:#ff9a3c;color:#ff9a3c}
.lb .v{font:400 18px var(--dsp);color:#fff}
.lb .v2{font:400 18px var(--dsp);color:var(--mag)}
/* dir cards */
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
.pc{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(255,43,214,.3);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}
.pc:hover{border-color:var(--yel)}
.pc h3{margin:0;font:700 17px/1.2 var(--bd);color:#fff;word-break:break-word;padding-right:52px}
.pc .id{position:absolute;top:12px;right:12px;font:400 8px/1 var(--px);color:var(--cy);border:1px solid var(--cy);border-radius:5px;padding:5px}
.pc .hst{font:600 13px var(--bd);color:var(--mut);margin:0}
.pc dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:2px 0 4px;font-size:12.5px}
.pc dt{color:var(--mut)}.pc dd{margin:0;color:#ffd36b}
.pc .vis{display:block;text-align:center;font:700 13px var(--bd);color:var(--cy);border:1px solid var(--cy);border-radius:9px;padding:7px;text-decoration:none}
.pc .vis:hover{background:var(--cy);color:#000}
.pc .vis.off{color:var(--mut);border-color:#3a2a4d;border-style:dashed}.pc .vis.off:hover{background:none;color:var(--mut)}
.pc .btn-rec{font-size:12.5px;padding:8px 10px}
.pc small{font-size:11px;color:var(--mut);line-height:1.3}
.pc .lg{width:44px;height:44px;border-radius:10px;background:#000;border:1px solid var(--line)}
.pc .full{font:700 12.5px var(--bd);color:var(--yel)}
.pc.feat{border:2px solid var(--yel);box-shadow:0 0 18px rgba(255,230,0,.25)}
.grp{content-visibility:auto;contain-intrinsic-size:auto 900px;margin:0 0 26px}
.grp h2{font:400 28px/1 var(--dsp);color:var(--yel);margin:0 0 12px;display:flex;align-items:center;gap:12px;text-shadow:0 0 12px rgba(255,230,0,.5)}
.grp h2 small{font:400 9px var(--px);color:var(--mut)}
.jump-sticky{position:sticky;top:106px;z-index:20;background:rgba(7,6,11,.95);padding:10px 0;margin:0 0 18px;border-bottom:1px solid var(--line)}
.jump-sticky .jump{margin:0}
/* inner pages */
.crumbs{font-size:13px;color:var(--mut);margin:0 0 12px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.crumbs li+li:before{content:"›";margin-right:6px;color:var(--mag)}
.crumbs a{color:var(--mut)}
.ph{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:28px 0 22px}
.lvl{display:inline-flex;gap:10px;align-items:center;font:400 10px/1 var(--px);color:#000;background:var(--yel);padding:7px 10px;border-radius:6px;box-shadow:0 0 14px rgba(255,230,0,.6)}
.lvl i{font-style:normal;color:#a1007f}
.ph h1{font:400 clamp(28px,3.4vw,46px)/1.06 var(--dsp);margin:14px 0 12px;color:#fff;text-shadow:0 0 20px rgba(255,43,214,.65),3px 3px 0 #3a0636}
.ph .lede{font-size:18.5px;color:#e4dcff;margin:0 0 14px}
.meta{font-size:13px;color:var(--mut);margin:0 0 16px}
.ph figure{margin:0;border-radius:18px;padding:5px;background:linear-gradient(140deg,var(--yel),var(--mag));box-shadow:0 0 36px rgba(255,43,214,.4)}
.ph figure img{border-radius:14px}
.ph figcaption{font-size:12.5px;color:#1a0016;font-weight:700;padding:6px 8px 2px}
.lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start;padding:10px 0 40px}
.art{background:linear-gradient(180deg,rgba(19,13,30,.85),rgba(14,10,22,.6));border:1px solid rgba(255,43,214,.22);border-radius:20px;padding:clamp(20px,3vw,40px)}
.art h2{font:400 clamp(21px,2.2vw,27px)/1.2 var(--dsp);color:var(--yel);margin:34px 0 12px;text-shadow:0 0 12px rgba(255,230,0,.35)}
.art h2:first-child{margin-top:0}
.art p{margin:0 0 15px}
.art ul,.art ol{padding-left:22px;margin:0 0 16px}
.art li{margin:0 0 7px}
.art code{background:#24163a;border-radius:4px;padding:1px 5px;font-size:.92em}
.steps{counter-reset:s;list-style:none;padding:0!important}
.steps>li{counter-increment:s;position:relative;padding:12px 14px 12px 58px;background:var(--panel);border:1px solid rgba(255,43,214,.25);border-radius:12px}
.steps>li:before{content:counter(s,decimal-leading-zero);position:absolute;left:12px;top:12px;font:400 12px/30px var(--px);width:34px;text-align:center;color:#000;background:var(--yel);border-radius:7px}
.note-box{display:block;margin:22px 0;padding:16px 18px;border-radius:14px;border:2px solid var(--cy);background:rgba(56,243,255,.07);box-shadow:inset 0 0 22px rgba(56,243,255,.12)}
.note-box b{color:var(--cy)}
.data-table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px;overflow:hidden;border-radius:12px;display:table}
.data-table th{background:linear-gradient(90deg,#3a0a44,#24083a);color:var(--yel);font:700 13px var(--bd);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:10px 12px}
.data-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(19,13,30,.7)}
.data-table tr:nth-child(even) td{background:rgba(30,18,46,.7)}
.tblw{overflow-x:auto}
.small{font-size:13px;color:var(--mut)}
.side{position:sticky;top:100px;display:grid;gap:16px}
.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}
.box h2,.box .bh{font:400 10px/1.4 var(--px);color:var(--mag);margin:0 0 10px}
.toc{list-style:none;margin:0;padding:0;font-size:14px}
.toc li{border-left:2px solid #3a2550;padding:4px 0 4px 10px}
.toc a{color:#e6e0ff;text-decoration:none}.toc a:hover{color:var(--yel)}
.box-cta{text-align:center;border:2px solid var(--yel);box-shadow:0 0 20px rgba(255,230,0,.25)}
.box-cta p{font-size:13.5px;color:#e6e0ff;margin:0 0 12px}
.faq-list details,.faqs details{background:var(--panel);border:1px solid rgba(255,43,214,.28);border-radius:12px;margin:0 0 10px;padding:0 16px}
.faq-list summary,.faqs summary{cursor:pointer;font:700 16px/1.35 var(--bd);padding:14px 0;color:#fff;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq-list summary:after,.faqs summary:after{content:"+";font:400 18px var(--dsp);color:var(--yel)}
details[open]>summary:after{content:"–"}
.faq-list details p,.faqs details p{margin:0 0 14px;color:#ddd5f3}
.more{padding:10px 0 40px}
/* review */
.rv-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:linear-gradient(90deg,#1e0b2c,#130d1e);border:2px solid var(--mag);border-radius:16px;padding:16px;margin:0 0 22px;box-shadow:0 0 22px rgba(255,43,214,.25)}
.rv-card .lg{width:64px;height:64px;border-radius:12px;background:#000}
.rv-card .ini{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;font:400 18px var(--dsp);color:#000;background:var(--cy)}
.rv-card h2{font:700 20px var(--bd)!important;color:#fff!important;margin:0!important;text-shadow:none!important}
.rv-card p{margin:2px 0 0;font-size:13px;color:var(--mut)}
.rv-btns{display:grid;gap:6px;text-align:center}
.rv-btns .vis{font:700 13px var(--bd);color:var(--cy);border:1px solid var(--cy);border-radius:9px;padding:9px 12px;text-decoration:none}
.facts td:first-child{color:var(--mut);width:42%}
.facts td:last-child{font-weight:600}
.vf{color:#ffd36b}
/* footer */
.kr-foot{border-top:2px solid var(--mag);background:#050409;padding:34px 0 90px;margin-top:20px;box-shadow:0 -10px 40px rgba(255,43,214,.12)}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:26px}
.kr-foot h2{font:400 9px/1.4 var(--px);color:var(--yel);margin:0 0 12px}
.kr-foot ul{list-style:none;padding:0;margin:0;font-size:14px;display:grid;gap:6px}
.kr-foot a{color:#d9d1f2;text-decoration:none}.kr-foot a:hover{color:var(--yel)}
.kr-foot p{font-size:13px;color:var(--mut);margin:0 0 10px}
.legal{margin-top:24px;padding-top:16px;border-top:1px solid #241a33;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--mut)}
.b18{font:400 11px var(--px);color:#000;background:var(--mag);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto}
.mbar{display:none}
/* editorial on home */
.ed{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
.ed .art{padding:28px}
.ed figure{margin:0 0 16px;border-radius:16px;overflow:hidden;border:2px solid var(--yel)}
.ed figcaption{font-size:12.5px;color:var(--mut);padding:6px 10px;background:#0b0710}
.feat-rev{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 26px}
.fr{display:flex;flex-direction:column;text-decoration:none;color:#fff;background:var(--panel);border:2px solid var(--yel);border-radius:14px;overflow:hidden}
.fr img{aspect-ratio:16/9;object-fit:cover}
.fr b{font:700 15px/1.3 var(--bd);padding:10px 12px 2px}
.fr span{font-size:12.5px;color:var(--mut);padding:0 12px 12px}
.fr:hover{box-shadow:0 0 22px rgba(255,230,0,.4);color:#fff}
.intro{max-width:900px;color:#e2dbf8}
/* responsive */
@media (max-width:1180px){.kr-nav a{padding:9px 7px;font-size:12.5px}.hero{grid-template-columns:1fr 1.4fr}.hero-r{grid-column:1/-1}.sign{transform:none;display:grid;grid-template-columns:1fr 1.2fr;gap:16px;text-align:left;align-items:center}.sign-list{margin:0}.tiles{grid-template-columns:repeat(3,1fr)}.rank{grid-template-columns:repeat(3,1fr)}.rank-h{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(255,230,0,.3)}.rank-x{grid-column:span 1}}
@media (max-width:980px){.kr-nav,.kr-act .pill18{display:none}.kr-burger{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--mag);border-radius:10px;cursor:pointer;margin-left:auto}.kr-burger span,.kr-burger span:before,.kr-burger span:after{display:block;width:20px;height:2px;background:var(--yel);position:relative;content:""}.kr-burger span:before{position:absolute;top:-6px}.kr-burger span:after{position:absolute;top:6px}#kr-m:checked~.kr-nav{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#0b0710;border-bottom:2px solid var(--mag);padding:10px 20px}.kr-act .btn-go{display:none}.ph,.lay,.ed{grid-template-columns:1fr}.side{position:static}.fgrid{grid-template-columns:1fr 1fr}.feat-rev{grid-template-columns:1fr 1fr}.mbar{display:flex;transform:translateY(110%);transition:transform .25s;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;background:rgba(7,6,11,.95);border-top:2px solid var(--mag);gap:10px}.mbar .btn-go{flex:1}.panel-full{min-height:auto}}
@media (max-width:640px){body{font-size:16px}.wrap{padding:0 14px}.hero{grid-template-columns:1fr}.hero-l h1{font-size:38px}.sign{grid-template-columns:1fr;text-align:center}.tiles,.tiles.t5{grid-template-columns:repeat(2,1fr);gap:10px}.tile h3{font-size:13px}.rank{grid-template-columns:repeat(2,1fr)}.rank-x{grid-column:1/-1}.srch{min-width:0;width:100%}.slide{aspect-ratio:auto;min-height:500px}.slide img{object-position:88% 20%}.slide-c{background:linear-gradient(180deg,transparent 0,transparent 20%,rgba(7,6,11,.95) 46%);justify-content:flex-end;max-width:none}.ptitle .px{display:none}.jump .lab{width:100%}.rv-card{grid-template-columns:auto 1fr}.rv-btns{grid-column:1/-1}.feat-rev{grid-template-columns:1fr}.kr-logo b{font-size:24px}.fgrid{grid-template-columns:1fr}.lb{font-size:13px}.lb .v,.lb .v2{font-size:14px}.btn-go.xl{padding:16px 22px}.cab-sign{font-size:16px}.hud b{font-size:13px}.kr-tick li{font-size:9px}}
@media (prefers-reduced-motion:reduce){.kr-tick ul{animation:none}html{scroll-behavior:auto}}

.mbar.on{transform:none}
@media (min-width:981px){.panel-full{min-height:0;padding-top:30px}.cab-in>img{height:340px;width:100%;object-fit:cover;object-position:center 40%}.hero-l h1{font-size:clamp(34px,3.6vw,50px)}.hero{grid-template-columns:1fr 1.35fr 1fr}.rank{margin-top:18px!important}.jump{margin:14px 0 12px}}
.pc[hidden],.grp[hidden]{display:none!important}
@media (max-width:980px){.ph,.lay,.ed{grid-template-columns:minmax(0,1fr)}}.tblw{max-width:100%;overflow-x:auto}