.kn-page{--kn-navy:#14203a;--kn-bar:#071a3d;--kn-card:#dbe3ff;--kn-card-ink:#000;--kn-orange:#ffa800;--kn-red:#fd4242;--kn-blue:#00b0ff;--kn-purple:#70e;--kn-green:#03d105;--kn-yellow:#ffcb05;--kn-gold:#f5d76e;--kn-s:36px;--kn-g:5px;background:var(--color-bg);padding-bottom:56px}
html[data-theme="dark"] .kn-page{--kn-card:#1c2337;--kn-card-ink:#f4f4f5;--kn-yellow:#e6b800}

.kn-bar{background:var(--kn-bar);color:#fff}
.kn-bar__in{display:flex;align-items:center;gap:18px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.kn-cd{display:flex;gap:6px}
.kn-cd__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:6px 8px;border-radius:6px;background:#fff;color:var(--kn-bar);line-height:1}
.kn-cd__tile b{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
.kn-cd__tile small{margin-top:3px;font-size:11px;font-weight:700}
.kn-cd.is-now .kn-cd__tile{background:var(--kn-yellow);animation:kn-blink 1s ease-in-out infinite alternate}
@keyframes kn-blink{to{background:#fff}}
.kn-next{display:flex;flex-direction:column;padding-left:18px;border-left:1px solid rgba(255,255,255,.25);line-height:1.15}
.kn-next b{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
.kn-next span{font-size:12px;font-weight:700;color:#c6cde0}
.kn-next em{font-style:normal;color:#fff}
.kn-games{display:flex;gap:6px;margin-right:auto;min-width:0}
.kn-games__a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;font-weight:900;letter-spacing:.12em;line-height:1;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.kn-games__a:hover{border-color:#fff;color:#fff}
.kn-games__a[aria-current="page"]{background:#fff;border-color:#fff;color:var(--kn-bar)}
.kn-games__a:focus-visible{outline:2px solid var(--kn-gold);outline-offset:2px}
.kn-live{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--kn-gold)}
.kn-live__dot{width:9px;height:9px;border-radius:50%;background:var(--kn-gold);animation:kn-beat 1.6s infinite}
@keyframes kn-beat{0%{box-shadow:0 0 0 0 rgba(245,215,110,.6)}80%,100%{box-shadow:0 0 0 12px rgba(245,215,110,0)}}

.kn-head{padding-top:22px}
.kn-head .breadcrumbs{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-meta)}
.kn-head .breadcrumbs__list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;list-style:none}
.kn-head .breadcrumbs__item{display:flex;align-items:center;gap:6px;color:var(--color-meta)}
.kn-head .breadcrumbs__item:not(:last-child)::after{content:"›";opacity:.6}
.kn-head .breadcrumbs__link{color:var(--color-meta)}
.kn-head .breadcrumbs__link:hover{color:var(--color-brand)}
.kn-head h1{margin:0;font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1.05;color:var(--color-ink)}
.kn-sub{margin:10px 0 0;max-width:80ch;font-size:16px;line-height:1.5;color:var(--color-muted)}

.kn-shell{margin:20px 0 0;padding:1.25rem 1.5rem 1.5rem;border-radius:4px;background:var(--kn-navy);color:#fff}
.kn-brand{position:relative;text-align:center;margin-bottom:.35rem}
.kn-logo{display:inline-block;font-size:1.75rem;font-weight:800;letter-spacing:.06em;line-height:1;color:var(--kn-gold)}
.kn-brand p{margin:.3rem 0 0;font-size:18px;font-weight:600;color:#fff}
.kn-ftoggle{display:none}
.kn-rule{margin:.4rem 0 1rem;border:0;border-top:1px solid rgba(255,255,255,.35)}
.kn-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 30px;align-items:end}
.kn-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.kn-field>span,.kn-field>label{font-size:16px;font-weight:600;line-height:1.2;color:#fff}
.kn-field input,.kn-field select{width:100%;height:48px;padding:0 12px;border:0;border-radius:4px;background:#fff;color:#1e1f24;font:inherit;font-size:15px;font-weight:500;outline:none}
.kn-field input:focus,.kn-field select:focus{box-shadow:0 0 0 3px rgba(255,168,0,.6)}
.kn-field input::placeholder{color:#8a8d96}
.kn-date{display:flex;gap:12px}
.kn-date input{flex:1;min-width:0;color-scheme:light}
.kn-date .dd-date{flex:1;--dd-date-icon:#5a6470}
.kn-search{flex:0 0 auto;display:grid;place-items:center;width:44px;height:48px;padding:0;border:0;border-radius:6px;background:radial-gradient(100% 100% at 0% 0%,rgba(255,171,8,.7),rgba(255,171,8,0)),radial-gradient(100% 100% at 100% 100%,#ff455e,rgba(255,69,94,0)),linear-gradient(135deg,#ff8a1c,#ff371c);box-shadow:0 4px 12px rgba(255,55,28,.35);transition:transform .15s}
.kn-search:hover{transform:translateY(-1px)}
.kn-ferr{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:4px;background:rgba(253,66,66,.16);color:#ffd2d2;font-size:14px;font-weight:600}

.kn-status{margin:14px 0 0;font-size:14px;font-weight:700;color:var(--color-meta)}
.kn-cards{margin:.6rem 0 0;padding:0;list-style:none;transition:opacity .18s}
.kn-cards.is-loading{opacity:.45}
.kn-c{display:flex;align-items:center;gap:clamp(16px,2.5vw,50px);min-height:156px;margin-bottom:.75rem;padding:0 24px;border-radius:8px;background:var(--kn-card);color:var(--kn-card-ink);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.kn-c{cursor:pointer;transition:box-shadow .15s}
.kn-c:hover{box-shadow:0 4px 14px rgba(0,0,0,.14)}
.kn-c.is-sel{box-shadow:0 0 0 3px var(--kn-orange),0 4px 14px rgba(0,0,0,.14)}
.kn-c.is-new{animation:kn-new .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes kn-new{from{opacity:0;transform:translateY(-14px) scale(.98);box-shadow:0 0 0 3px var(--kn-orange)}}
.kn-c__meta{display:flex;flex-direction:column;gap:10px;width:184px;flex:0 1 184px;padding:6px 0}
.kn-c__time{font-size:25px;font-weight:800;line-height:1.1}
.kn-c__date,.kn-c__id{font-size:16px;font-weight:500;line-height:1.2}
.kn-c__nums{display:grid;grid-template-columns:repeat(11,var(--kn-s));grid-template-rows:repeat(2,var(--kn-s));gap:var(--kn-g);flex:0 0 auto}
.kn-b{display:inline-flex;align-items:center;justify-content:center;width:var(--kn-s);height:var(--kn-s);border-radius:50%;background:var(--kn-orange);color:#1e1f24;font-size:14px;font-weight:700;font-style:normal;line-height:1;font-variant-numeric:tabular-nums;box-shadow:.5px .5px 0 rgba(0,0,0,.25)}
.kn-c__nums .kn-b{animation:kn-pop .35s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:calc(var(--i,20) * 22ms)}
.kn-c.is-live .kn-c__nums .kn-b{animation-duration:.55s;animation-delay:calc(var(--i,20) * 300ms)}
@keyframes kn-pop{from{transform:scale(0);opacity:0}}
.kn-b--bonus{background:var(--kn-red);color:#fdfdfd}
.kn-b--par{background:var(--kn-blue);color:#fdfdfd}
.kn-b--col{background:var(--kn-purple);color:#fdfdfd;font-size:13px}
.kn-b--sc{background:var(--kn-green);color:#fff}
.kn-b--light{background:#fff;color:#1e1f24}
.kn-c__nums .kn-b--par{grid-column:11;grid-row:1;--i:19}
.kn-c__nums .kn-b--col{grid-column:11;grid-row:2;--i:19}
.kn-c__sc{display:flex;flex-direction:column;align-items:center;gap:10px;margin-left:auto;text-align:center}
.kn-c__sc p{margin:0;font-size:18px;font-weight:700;line-height:1.2}
.kn-c__sc div{display:flex;gap:var(--kn-g)}
.kn-c__side{display:none}
.kn-c__more{display:inline-flex;align-items:center;gap:4px;margin-left:clamp(10px,3vw,60px);padding:6px 0;border:0;background:none;color:var(--kn-card-ink);font-size:18px;font-weight:500;white-space:nowrap}
.kn-c__more::after{content:"";width:9px;height:9px;margin:-4px 0 0 4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.kn-c__more:hover{color:#003d97}
html[data-theme="dark"] .kn-c__more:hover{color:var(--kn-gold)}
.kn-c__more:focus-visible,.kn-search:focus-visible,.kn-pager button:focus-visible,.kn-ftoggle:focus-visible{outline:2px solid var(--kn-orange);outline-offset:2px}
.kn-empty{padding:30px 16px;border-radius:8px;background:var(--kn-card);color:var(--kn-card-ink);font-weight:600;text-align:center;list-style:none}

.kn-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:.75rem 0 0;padding:22px 27px;border-radius:8px;background:var(--kn-yellow);color:#222}
.kn-legend__t{margin:0;font-size:15px;font-weight:800}
.kn-legend ul{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;list-style:none}
.kn-legend li{display:inline-flex;align-items:center;gap:.5rem;font-size:14px;font-weight:700}
.kn-dot{width:36px;height:36px;border-radius:50%}
.kn-dot--kino{background:orange}
.kn-dot--par{background:#00aeef}
.kn-dot--col{background:var(--kn-purple)}
.kn-dot--bonus{background:#ef4136}
.kn-dot--sc{background:var(--kn-green)}
.kn-pager{display:inline-flex;align-items:center;justify-content:space-between;width:132px;height:46px;margin-left:auto;border-radius:7px;background:#fff;color:#000;box-shadow:0 2px 8px rgba(0,0,0,.22);overflow:hidden}
.kn-pager button{display:grid;place-items:center;width:40px;height:100%;padding:0;border:0;background:none;color:#000}
.kn-pager button:hover:not(:disabled){background:#f2f2f2}
.kn-pager button:disabled{opacity:.3}
.kn-pager span{min-width:40px;text-align:center;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}

.kn-ad{margin:30px 0 0}
.kn-h2{display:flex;gap:10px;align-items:center;margin:40px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--color-ink);font-size:clamp(18px,2vw,22px);font-weight:900;color:var(--color-ink);text-wrap:balance}
.kn-h2::before{content:"//";color:var(--color-brand)}
.kn-about p{margin:0;max-width:80ch;font-size:15px;line-height:1.65;color:var(--color-muted)}
.kn-about .kn-note{margin-top:12px;font-size:13px;color:var(--color-meta)}
.kn-page [hidden]{display:none!important}

.kn-modal{--kn-green:#03d105;--kn-orange:#ffa800;position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.48);animation:kn-fade .2s both}
@keyframes kn-fade{from{opacity:0}}
.kn-dialog{position:relative;display:flex;flex-direction:column;width:min(1180px,100%);max-height:min(640px,calc(100vh - 32px));border-radius:10px;background:#fdfdfd;color:#1e1f24;box-shadow:0 16px 42px rgba(0,0,0,.24);overflow:hidden;animation:kn-rise2 .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes kn-rise2{from{opacity:0;transform:translateY(16px) scale(.98)}}
.kn-dialog__h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:36px 70px 14px 34px}
.kn-dialog__t{margin:0;font-size:18px;font-weight:700;line-height:1.5}
.kn-dialog__f{display:flex;align-items:center;gap:18px;font-size:18px;font-weight:700}
.kn-dialog__f select{width:150px;height:42px;padding:0 10px;border:1px solid #d9dde4;border-radius:5px;background:#fff;color:#1e1f24;font:inherit;font-size:15px;font-weight:500}
.kn-x{position:absolute;top:16px;right:18px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:#1e1f24}
.kn-x:hover{background:#f0f0f2}
.kn-x:focus-visible,.kn-dialog__f select:focus-visible{outline:2px solid var(--kn-orange);outline-offset:2px}
.kn-dialog__b{overflow:auto;padding:4px 34px 30px;overscroll-behavior:contain}
.kn-tw{overflow-x:auto;margin-top:16px;border-radius:8px}
.kn-t{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:15px;font-weight:500;text-align:center}
.kn-t th{padding:14px 8px;background:#313131;color:#fff;font-size:14px;font-weight:500;line-height:1.4}
.kn-t td{height:46px;padding:4px 8px;border-bottom:1px solid #eee;font-variant-numeric:tabular-nums}
.kn-t tbody tr:nth-child(odd){background:#fff}
.kn-t tbody tr:nth-child(even){background:#fcf2d7}
.kn-t--main{min-width:820px}
.kn-t--main th.kn-th--r{background:#12455b}
.kn-t--main th.kn-th--s{background:var(--kn-green)}
.kn-t--main th.kn-th--b{background:#d82231}
.kn-t--main td:nth-child(3),.kn-t--main td:nth-child(5){border-right:2px solid #1e1f24}
.kn-t td.kn-na{padding:0;background:repeating-linear-gradient(-45deg,#efb31e 0 4px,#fcecc4 4px 8px)}
.kn-para{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#ff6a00;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;vertical-align:1px}
.kn-dialog__msg{padding:30px 0;text-align:center;font-weight:600;color:#555}

.kn-toast{position:fixed;left:50%;bottom:24px;z-index:420;max-width:min(520px,calc(100% - 32px));padding:12px 16px;border-radius:12px;background:#0d0d0f;color:#fff;font-size:14px;font-weight:600;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;transform:translate(-50%,16px);transition:opacity .25s,transform .25s;pointer-events:none}
.kn-toast.is-on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){
	.kn-c{flex-wrap:wrap;gap:14px 24px;padding:16px 20px}
	.kn-c__meta{width:auto;flex:1 1 160px}
	.kn-c__sc{flex-direction:row;align-items:center;margin-left:0}
	.kn-c__more{margin-left:auto}
	.kn-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
}
@media (max-width:760px){
	.kn-page{--kn-s:clamp(28px,calc((100vw - 96px) / 8),36px)}
	.kn-bar__in{gap:12px}
	.kn-cd__tile{min-width:44px}
	.kn-cd__tile b,.kn-next b{font-size:19px}
	.kn-next{padding-left:12px}
	.kn-live{width:100%;margin:0}
	.kn-games{width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-right:0}
	.kn-games__a{grid-column:span 2;padding:0 6px;letter-spacing:.06em}
	.kn-games__a--wide{grid-column:span 3}
	.kn-shell{padding:.9rem 1.125rem 1.1rem}
	.kn-brand{display:flex;align-items:center;gap:10px;text-align:left;margin:0}
	.kn-logo{font-size:1.35rem}
	.kn-brand p{margin:0;font-size:15px}
	.kn-ftoggle{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 0;border:0;background:none;color:#fff;font-size:15px;font-weight:800}
	.kn-ftoggle::after{content:"";width:8px;height:8px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
	.kn-ftoggle[aria-expanded="true"]::after{margin-top:4px;transform:rotate(-135deg)}
	.kn-rule{display:none}
	.kn-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}
	.kn-filters.is-closed{display:none}
	.kn-field--date,.kn-field--size{grid-column:1/-1}
	.kn-c{flex-direction:column;align-items:stretch;gap:14px;padding:20px 10px 14px}
	.kn-c__meta{flex-direction:row;align-items:baseline;gap:8px;width:100%;flex:0 0 auto;padding:0 4px}
	.kn-c__id{order:0;font-size:15px}
	.kn-c__date{order:1;margin-left:auto;font-size:15px}
	.kn-c__time{order:2;font-size:22px}
	.kn-c__nums{display:flex;flex-wrap:wrap;justify-content:center;width:calc(var(--kn-s) * 8 + var(--kn-g) * 7);max-width:100%;margin:0 auto}
	.kn-c__nums .kn-b--par,.kn-c__nums .kn-b--col{display:none}
	.kn-c__sc{flex-direction:row;justify-content:center;gap:10px;width:100%}
	.kn-c__sc p{font-size:16px}
	.kn-c__side{display:flex;justify-content:center;gap:24px;font-size:16px;font-weight:700}
	.kn-c__side span{display:inline-flex;align-items:center;gap:8px}
	.kn-c__more{align-self:center;margin:0;font-size:16px}
	.kn-c__more::after{margin-top:0;transform:rotate(-45deg)}
	.kn-legend{flex-direction:column;align-items:flex-start;padding:16px 18px}
	.kn-legend ul{flex-direction:column;gap:12px}
	.kn-pager{order:-1;align-self:center;margin:0}
	.kn-dialog{max-height:calc(100vh - 24px)}
	.kn-modal{padding:12px}
	.kn-dialog__h{padding:64px 16px 10px}
	.kn-t:not(.kn-t--main){min-width:0;font-size:14px}
	.kn-t:not(.kn-t--main) th{font-size:12px;padding:12px 6px}
	.kn-dialog__t{font-size:16px}
	.kn-dialog__f{width:100%;justify-content:space-between;font-size:16px}
	.kn-dialog__b{padding:0 12px 20px}
}
@media (prefers-reduced-motion:reduce){
	.kn-page *,.kn-page *::before,.kn-page *::after,.kn-modal,.kn-dialog{animation:none!important;transition:none!important}
}

.kn-top{--kn-navy:#071a3d;--kn-navy-2:#0d2554;--kn-yellow:#ffcc00;--kn-yellow-2:#ffdd4d;--kn-orange:#ff5a1f;--kn-card:#ffffff;--kn-soft:#f4f5f8;--kn-cell:#f1f2f6;--kn-cell-ink:#7b8194;--kn-shadow:rgba(7,26,61,.16);--kn-col:rgba(255,204,0,.16);}
html[data-theme="dark"] .kn-top{--kn-yellow:#f2c200;--kn-card:#16171b;--kn-soft:#1d1f25;--kn-cell:#1f2128;--kn-cell-ink:#8a8f9c;--kn-shadow:rgba(0,0,0,.5);--kn-col:rgba(242,194,0,.12)}
.kn-top .kn-hero{position:relative;overflow:hidden;background:var(--kn-yellow);isolation:isolate}
.kn-top .kn-hero::before,.kn-top .kn-hero::after{content:"";position:absolute;border-radius:50%;z-index:-1;pointer-events:none}
.kn-top .kn-hero::before{width:1100px;height:1100px;left:-280px;top:-640px;background:radial-gradient(circle,transparent 52%,rgba(255,255,255,.28) 52.4%,rgba(255,255,255,.28) 62%,transparent 62.4%,transparent 72%,rgba(255,255,255,.18) 72.4%,rgba(255,255,255,.18) 82%,transparent 82.4%);animation:kn-spin 80s linear infinite}
.kn-top .kn-hero::after{width:900px;height:900px;right:-300px;bottom:-560px;background:radial-gradient(circle,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 38%,transparent 38.4%,transparent 54%,rgba(255,255,255,.16) 54.4%,rgba(255,255,255,.16) 66%,transparent 66.4%)}
@keyframes kn-spin{to{transform:rotate(360deg)}}
@keyframes kn-grow{from{width:0}}
@keyframes kn-rise{from{transform:scaleY(0)}}
.kn-top .kn-h2{margin-top:0}
.kn-h2--list{margin-top:44px}
.kn-top .kn-hero__in{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px;align-items:center;padding-top:28px;padding-bottom:36px}
.kn-top .kn-title{min-width:0;color:var(--kn-navy)}
.kn-top .kn-title .breadcrumbs{margin:0 0 16px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:rgba(7,26,61,.7)}
.kn-top .kn-title .breadcrumbs__list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;list-style:none}
.kn-top .kn-title .breadcrumbs__item{display:flex;align-items:center;gap:6px;color:rgba(7,26,61,.7)}
.kn-top .kn-title .breadcrumbs__item:not(:last-child)::after{content:"›";opacity:.6}
.kn-top .kn-title .breadcrumbs__link{color:rgba(7,26,61,.7)}
.kn-top .kn-title .breadcrumbs__link:hover{color:var(--kn-navy)}
.kn-top .kn-eyebrow{margin:0;font-size:12px;font-weight:900;letter-spacing:.16em;color:#b20000}
.kn-top .kn-title h1{margin:10px 0 0;font-size:clamp(40px,5vw,64px);font-weight:900;letter-spacing:-.03em;line-height:.95;color:var(--kn-navy);text-wrap:balance}
.kn-top .kn-sub{margin:14px 0 0;max-width:42ch;font-size:16px;font-weight:600;line-height:1.45;color:rgba(7,26,61,.78)}
.kn-top .kn-card{position:relative;min-width:0;padding:22px;border-radius:22px;background:var(--kn-card);color:var(--color-ink);box-shadow:0 24px 50px -18px var(--kn-shadow),0 2px 0 rgba(7,26,61,.06)}
.kn-top .kn-card__h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.kn-top .kn-card__k{margin:0;font-size:11px;font-weight:900;letter-spacing:.16em;color:#b20000}
.kn-top .kn-card__id{margin:4px 0 0;font-size:28px;font-weight:900;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-ink)}
.kn-top .kn-card__id::before{content:"#";margin-right:2px;color:var(--color-meta);font-weight:800}
.kn-top .kn-card__t{margin:6px 0 0;font-size:14px;font-weight:700;color:var(--color-meta)}
.kn-top .kn-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--kn-soft)}
.kn-top .kn-seg button{padding:8px 12px;border:0;border-radius:999px;background:none;color:var(--color-meta);font-size:13px;font-weight:800;transition:background .15s,color .15s}
.kn-top .kn-seg button[aria-pressed="true"]{background:var(--kn-navy);color:#fff}
html[data-theme="dark"] .kn-top .kn-seg button[aria-pressed="true"]{background:var(--kn-yellow);color:var(--kn-navy)}
.kn-top .kn-balls{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-top:20px}
.kn-top .kn-ball{position:relative;display:inline-grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff6c2 0,var(--kn-yellow-2) 22%,var(--kn-yellow) 58%,#e0a800 100%);color:var(--kn-navy);font-size:clamp(14px,1.45vw,20px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1;box-shadow:inset 0 -3px 6px rgba(150,95,0,.28),0 4px 10px -4px rgba(7,26,61,.35)}
.kn-top .kn-ball.is-bonus{background:radial-gradient(circle at 32% 28%,#ffd2bd 0,#ff8a5c 24%,var(--kn-orange) 60%,#c93a06 100%);color:#fff;box-shadow:inset 0 -3px 6px rgba(120,30,0,.3),0 0 0 3px rgba(255,90,31,.25),0 4px 10px -4px rgba(7,26,61,.35)}
.kn-top .kn-balls .kn-ball{animation:kn-pop1 .45s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(var(--i) * 70ms)}
.kn-top .kn-balls.is-live .kn-ball{animation-duration:.6s;animation-delay:calc(var(--i) * 420ms)}
@keyframes kn-pop1{from{transform:scale(0) rotate(-120deg);opacity:0}}
.kn-top .kn-ball--s{width:34px;font-size:14px}
.kn-top .kn-ball--xs{width:100%;font-size:12px;box-shadow:inset 0 -2px 4px rgba(150,95,0,.25)}
.kn-top .kn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0}
.kn-top .kn-fact{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:var(--kn-soft)}
.kn-top .kn-fact dt{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--color-meta)}
.kn-top .kn-fact dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;min-width:0}
.kn-top .kn-fact dd b{font-size:22px;font-weight:900;line-height:1;color:var(--color-ink)}
.kn-top .kn-fact dd small{font-size:12px;font-weight:700;color:var(--color-meta);white-space:nowrap}
.kn-top .kn-fact--bonus .kn-ball{width:42px;font-size:17px}
.kn-top .kn-back{margin-top:14px;padding:10px 14px;border:1px solid var(--color-border);border-radius:999px;background:none;color:var(--color-ink);font-size:14px;font-weight:800}
.kn-top .kn-back:hover{border-color:var(--color-ink)}
.kn-top .kn-card.is-past .kn-card__k{color:var(--color-meta)}
.kn-top .kn-body{padding-top:30px}
.kn-top .kn-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}
.kn-top .kn-panel{min-width:0}
.kn-top .kn-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.kn-top .kn-board__col{padding:4px 0 6px;text-align:center;font-size:11px;font-weight:900;letter-spacing:.06em;color:var(--color-meta);border-bottom:3px solid transparent}
.kn-top .kn-board__col.is-win{color:var(--color-ink);border-bottom-color:var(--kn-yellow)}
.kn-top .kn-cell{display:grid;place-items:center;aspect-ratio:1.25;border-radius:8px;background:var(--kn-cell);color:var(--kn-cell-ink);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;transition:background .3s,color .3s,transform .3s}
.kn-top .kn-cell.in-col{box-shadow:inset 0 0 0 2px var(--kn-col)}
.kn-top .kn-cell.is-hit{background:var(--kn-yellow);color:var(--kn-navy);transform:scale(1.04);animation:kn-hit .5s cubic-bezier(.3,1.6,.5,1) backwards}
.kn-top .kn-cell.is-bonus{background:var(--kn-orange);color:#fff}
@keyframes kn-hit{from{transform:scale(.6)}}
.kn-top .kn-blegend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;padding:0;list-style:none;font-size:13px;font-weight:600;color:var(--color-meta)}
.kn-top .kn-blegend li{display:inline-flex;align-items:center;gap:7px}
.kn-top .kn-blegend li::before{content:"";width:14px;height:14px;border-radius:4px}
.kn-top .kn-blegend__hit::before{background:var(--kn-yellow)}
.kn-top .kn-blegend__bonus::before{background:var(--kn-orange)}
.kn-top .kn-blegend__col::before{background:var(--kn-cell);box-shadow:inset 0 0 0 2px var(--kn-yellow)}
.kn-top .kn-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px;align-content:start}
.kn-top .kn-stats .kn-h2{grid-column:1/-1;margin-bottom:0}
.kn-top .kn-stat h3{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--color-meta)}
.kn-top .kn-freq{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px;margin:0;padding:0;list-style:none}
.kn-top .kn-freq li{display:flex;flex-direction:column;align-items:center;gap:4px}
.kn-top .kn-freq small{font-size:12px;font-weight:800;color:var(--color-meta);font-variant-numeric:tabular-nums}
.kn-top .kn-freq--cold .kn-ball{background:var(--kn-cell);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-border)}
.kn-top .kn-par{display:flex;height:38px;border-radius:10px;overflow:hidden;font-size:12px;font-weight:800}
.kn-top .kn-par span{display:flex;align-items:center;justify-content:center;width:var(--w);min-width:0;white-space:nowrap;overflow:hidden;animation:kn-grow .8s cubic-bezier(.2,.8,.2,1) backwards}
.kn-top .kn-par__o{background:var(--kn-navy);color:#fff}
.kn-top .kn-par__x{background:var(--kn-cell);color:var(--color-meta)}
.kn-top .kn-par__e{background:var(--kn-yellow);color:var(--kn-navy)}
.kn-top .kn-cols{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;align-items:end;height:120px}
.kn-top .kn-cols span{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.kn-top .kn-cols i{display:block;width:100%;height:var(--h);min-height:3px;border-radius:5px 5px 2px 2px;background:var(--kn-navy);transform-origin:bottom;animation:kn-rise .8s cubic-bezier(.2,.8,.2,1) backwards}
html[data-theme="dark"] .kn-top .kn-cols i{background:var(--kn-yellow)}
.kn-top .kn-cols b{order:-1;margin-bottom:3px;font-size:11px;font-weight:800;color:var(--color-meta)}
.kn-top .kn-cols em{margin-top:5px;font-size:12px;font-weight:900;font-style:normal;color:var(--color-ink)}
@media (max-width:1100px){
	.kn-top .kn-hero__in{grid-template-columns:minmax(0,1fr)}
	.kn-top .kn-split{grid-template-columns:minmax(0,1fr)}
	.kn-top .kn-board,.kn-top .kn-blegend{max-width:640px}
}
@media (max-width:760px){
	.kn-top .kn-hero__in{padding-top:18px;padding-bottom:22px;gap:18px}
	.kn-top .kn-card{padding:16px;border-radius:18px}
	.kn-top .kn-card__id{font-size:24px}
	.kn-top .kn-balls{gap:6px;margin-top:16px}
	.kn-top .kn-ball{font-size:14px}
	.kn-top .kn-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.kn-top .kn-fact--bonus{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
	.kn-top .kn-board{gap:4px}
	.kn-top .kn-cell{font-size:13px;border-radius:6px}
	.kn-top .kn-stats{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:380px){
	.kn-top .kn-balls{gap:4px}
	.kn-top .kn-ball{font-size:12px}
	.kn-top .kn-fact dt{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
	.kn-top *,.kn-top *::before,.kn-top *::after{animation:none!important;transition:none!important}
}
@media (pointer:coarse){
	.kn-seg button{min-height:40px;padding:8px 14px}
	.kn-c__more{min-height:40px;padding:0 8px}
	.kn-ftoggle{min-height:40px}
}