.kk{--blue: #2a48de;--navy: #0a1530;--black: #232326;--white: #ffffff;--surface: #fafbff;--pale: #f3f6ff;--blue-light: #459cff;--gray-deep: #838998;--orange: #fc5d42;--purple: #6420c6;--navy-rgb: 10, 21, 48;--cols: 8;--page-margin: 60px;--max-container: 1320px;--cage-pad: 40px;--field-line: rgba(var(--navy-rgb), .08);--cage-line-light: rgba(var(--navy-rgb), .18);--cage-line-dark: rgba(255, 255, 255, .22);--cage-line-blue: rgba(255, 255, 255, .28);background:var(--surface);color:var(--black);overflow-x:clip}@media(max-width:1023px){.kk{--page-margin: 32px}}@media(max-width:767px){.kk{--cols: 4;--page-margin: 19px;--cage-pad: 20px;--field-line: rgba(var(--navy-rgb), .11);--cage-line-light: rgba(var(--navy-rgb), .2)}}.kk :where(h1,h2,h3,h4,p,blockquote,figure){margin:0}.kk img{display:block;max-width:100%}.kk .t-hero{font-size:clamp(2.25rem,4.44vw,4rem);line-height:1.09;letter-spacing:-.02em;font-weight:800}.kk .t-h2{font-size:clamp(1.75rem,3.33vw,3rem);line-height:1.14;letter-spacing:-.015em;font-weight:700}.kk .t-h3{font-size:clamp(1.25rem,2.22vw,2rem);line-height:1.25;letter-spacing:-.01em;font-weight:700}.kk .t-h4{font-size:clamp(1.125rem,1.67vw,1.5rem);line-height:1.33;font-weight:700}.kk .t-lead{font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.78}.kk .t-body{font-size:1rem;line-height:1.8}.kk .t-sm{font-size:.875rem;line-height:1.71}.kk .t-quote{font-size:clamp(1.25rem,1.94vw,1.75rem);line-height:1.43;letter-spacing:-.01em;font-weight:500}.kk .t-stat{font-size:clamp(2.5rem,3.89vw,3.5rem);line-height:1;letter-spacing:-.02em;font-weight:700;font-variant-numeric:tabular-nums}.kk .clue{font-size:.75rem;line-height:1.33;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:var(--gray-deep)}@media(max-width:767px){.kk .clue{font-size:.625rem;letter-spacing:.18em}}.kk .cage--stat .clue{font-size:.6875rem;letter-spacing:.16em}.kk .tag{font-size:.625rem;line-height:1.4;letter-spacing:.2em;font-weight:600;text-transform:uppercase;color:var(--gray-deep)}.kk-progress{position:fixed;inset:0 0 auto;height:3px;z-index:200;background:#ffffff1f;pointer-events:none}.kk-progress__bar{height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(to right,#ff1c81,#6420c6,#459cff)}.kk .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:0;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.25;min-height:44px;padding:.875rem 2rem;text-decoration:none;cursor:pointer;white-space:nowrap;flex:none;transition:transform .25s ease,box-shadow .25s ease}.kk .btn:hover{transform:translateY(-2px)}.kk .btn--primary-light{background:var(--blue);color:var(--white)}.kk .btn--primary-dark{background:var(--white);color:var(--blue)}.kk .link{color:var(--blue);font-weight:600;font-size:1rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start}.kk .link:hover{text-decoration:underline}.kk .rail{width:min(var(--max-container),calc(100% - var(--page-margin) * 2));margin-inline:auto;container-type:inline-size}.kk .grid{--m: calc(100cqw / var(--cols));display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),var(--m));background-image:linear-gradient(to left,var(--field-line) 0 1px,transparent 1px),linear-gradient(to top,var(--field-line) 0 1px,transparent 1px),repeating-linear-gradient(to right,var(--field-line) 0 1px,transparent 1px var(--m)),repeating-linear-gradient(to bottom,var(--field-line) 0 1px,transparent 1px var(--m))}@media(max-width:767px){.kk .grid{grid-template-rows:repeat(var(--mrows, var(--rows)),var(--m))}}.kk .cage{grid-column:var(--c) / span var(--cs);grid-row:var(--r) / span var(--rs);padding:var(--cage-pad);display:flex;flex-direction:column;gap:.75rem;overflow:hidden;border:1px solid var(--cage-line-light);background:var(--white);min-width:0}@media(max-width:767px){.kk .cage{grid-column:var(--mc, 1) / span var(--mcs, var(--cols));grid-row:var(--mr, var(--r)) / span var(--mrs, var(--rs))}}.kk .cage--navy{background:var(--navy);border-color:var(--cage-line-dark);color:var(--white)}.kk .cage--navy .clue,.kk .cage--navy .tag{color:#fff9}.kk .cage--blue{background:var(--blue);border-color:var(--cage-line-blue);color:var(--white)}.kk .cage--blue .clue,.kk .cage--blue .tag{color:#ffffffb3}.kk .cage--surface{background:var(--surface)}.kk .cage--pale{background:var(--pale)}.kk .cage--island{box-shadow:0 2px 14px rgba(var(--navy-rgb),.07)}.kk .cage--flush{padding:0}.kk .cage--center{justify-content:center}.kk .cage--between{justify-content:space-between}.kk .cage__body{display:flex;flex-direction:column;gap:.75rem}.kk .cage p{max-width:66ch;color:#232326bf}.kk .cage--navy p,.kk .cage--blue p{color:#ffffffbf}.kk .cage img{width:100%;height:100%;object-fit:cover}.kk .cage--fit img{object-fit:contain}.kk .target{grid-column:var(--c) / span var(--cs);grid-row:var(--r) / span var(--rs, 1);padding:var(--cage-pad);display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.kk .target__num{color:var(--navy)}.kk .sep{grid-column:var(--c) / span var(--cs);grid-row:var(--r) / span var(--rs, 1);padding:var(--cage-pad);color:var(--gray-deep);font-weight:700}.kk .bare-row{grid-column:var(--c) / span var(--cs);grid-row:var(--r) / span var(--rs, 1);padding:var(--cage-pad);display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width:767px){.kk .target,.kk .sep,.kk .bare-row{grid-column:var(--mc, 1) / span var(--mcs, var(--cols));grid-row:var(--mr, var(--r)) / span var(--mrs, var(--rs, 1))}}.kk a.cage{text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.kk a.cage:hover{transform:translateY(-3px)}.kk .accent{width:128px;height:3px;background:linear-gradient(to right,var(--purple),var(--blue));flex:none}.kk .stack{display:flex;flex-direction:column;gap:.5rem}.kk .row-between{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.kk .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:767px){.kk .row-between{flex-direction:column;align-items:flex-start}.kk .trio{grid-template-columns:1fr;gap:1.25rem}}.kk .hero{--cage-line-light: rgba(var(--navy-rgb), .045);background:var(--navy)}.kk .hero .grid{background-image:none}.kk .hero .cage--navy{border-color:#ffffff1a}.kk .hero .cage--blue{border-color:#ffffff29}.kk .hero__panel{will-change:transform,opacity}.kk .page{position:relative;z-index:1;background:var(--surface)}.kk .reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--reveal-i, 0) * 70ms);will-change:transform,opacity}.kk .reveal.is-revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.kk .reveal{opacity:1;transform:none;transition:none}}.kk .dev{width:100%;height:100%;object-fit:cover}.kk .dev--web{object-position:8% 50%}.kk .dev--p1{object-position:11% 50%}.kk .dev--p2{object-position:51% 50%}.kk .dev--p3{object-position:89% 50%}@media(max-width:767px){.kk .dev--web{object-position:50% 50%}}.kk .board{--cell: clamp(56px, 15vw, 85px);--line: rgba(var(--navy-rgb), .2);--edge: var(--navy);display:grid;grid-template-columns:repeat(4,var(--cell));grid-template-rows:repeat(4,var(--cell));border:2px solid var(--edge);margin-inline:auto;flex:none;user-select:none;touch-action:manipulation}.kk .board--lg{--cell: clamp(64px, 7.8vw, 116px)}.kk .cell{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;background:none;font-family:inherit;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.kk .cell:nth-child(4n){border-right:0}.kk .cell:nth-child(n+13){border-bottom:0}.kk .cell.b-r{border-right:2px solid var(--edge)}.kk .cell.b-b{border-bottom:2px solid var(--edge)}.kk .cell:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;z-index:1}.kk .cell__clue{position:absolute;top:5px;left:6px;font-size:.75rem;font-weight:600;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}.kk .board--lg .cell__clue{font-size:.875rem;top:8px;left:9px}.kk .cell__value{font-size:calc(var(--cell) * .42);font-weight:700;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums}.kk .cell__notes{display:grid;grid-template-columns:1fr 1fr;gap:0 6px;font-size:calc(var(--cell) * .14);line-height:1.35;color:rgba(var(--navy-rgb),.45);font-variant-numeric:tabular-nums}.kk .cell__notes i{font-style:normal}.kk .cell.is-active{background:var(--orange)}.kk .cell.is-active .cell__value,.kk .cell.is-active .cell__clue{color:var(--navy)}.kk .cell.is-active .cell__notes{color:rgba(var(--navy-rgb),.7)}.kk .cell.is-wrong .cell__value{color:#d2321c}.kk .board__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.kk .board__timer{font-variant-numeric:tabular-nums;color:var(--navy)}.kk .pad{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.kk .pad__key{min-width:56px;min-height:44px;border-radius:9999px;border:1px solid rgba(var(--navy-rgb),.25);background:var(--white);color:var(--navy);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer}.kk .pad__key:hover{border-color:var(--blue);color:var(--blue)}.kk .pad__key[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white)}.kk .board-win{display:none;flex-direction:column;gap:.75rem}.kk .board-win.is-on{display:flex}.kk .board-win__title{color:var(--orange)}@media(prefers-reduced-motion:reduce){.kk .btn:hover,.kk a.cage:hover{transform:none}.kk .hero__panel{will-change:auto}}