.km-page{padding-top:1.25rem}.km-hero{margin-bottom:1.25rem}.km-hero .eyebrow{margin-bottom:.6rem}.km-hero h1{margin-bottom:.3em}.km-hero .lead{margin-bottom:0}.km-guide{margin-top:2.5rem}.km-loading{text-align:center;color:var(--ink-soft);font-family:var(--font-display);margin:0;padding:3rem 1rem}.km-root{scroll-margin-top:80px;position:relative}.km-root [hidden]{display:none!important}.km-root .btn svg{flex:none;width:20px;height:20px}.km-menu{gap:1.1rem;padding:clamp(.4rem,2vw,1rem);display:grid}.km-menu-head{align-items:center;gap:.9rem;display:flex}.km-menu-head img{flex:none;width:64px;height:64px}.km-title{margin:0 0 .2rem;font-size:clamp(1.4rem,4vw,1.8rem)}.km-sub{color:var(--ink-soft);margin:0;line-height:1.4}.km-levels{gap:.75rem;display:grid}.km-level{appearance:none;width:100%;font:inherit;color:var(--ink);text-align:left;background:var(--cream);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:0 4px 0 var(--line);cursor:pointer;transition:transform .14s var(--ease), box-shadow .14s var(--ease), border-color .14s;-webkit-tap-highlight-color:transparent;align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex}.km-level:hover{border-color:var(--coral);box-shadow:0 6px 0 var(--peach);transform:translateY(-2px)}.km-level:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.km-level:focus-visible{border-radius:var(--r-lg)}.km-level img{flex:none;width:56px;height:56px}.km-level-text{gap:.15rem;min-width:0;display:grid}.km-level-name{font:600 1.3rem/1.1 var(--font-display)}.km-level-meta{color:var(--ink-soft);font-size:.92rem;font-weight:700}.km-level-best{color:var(--ink-soft);font-size:.9rem}.km-level-best.has-best{color:#1f6a5a;font-weight:800}.km-menu-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.km-wins{color:var(--ink-soft);margin:0;font-weight:800}.km-menu-actions{flex-wrap:wrap;gap:.5rem;display:flex}.km-sound svg{width:22px;height:22px}.km-sound[aria-pressed=true] .km-ico-off,.km-sound[aria-pressed=false] .km-ico-on{display:none}.km-sound[aria-pressed=false]{--btn-fg:var(--ink-soft)}@media (width>=720px){.km-levels{grid-template-columns:repeat(3,1fr)}.km-level{text-align:center;flex-direction:column;padding:1.4rem 1rem}.km-level img{width:84px;height:84px}.km-level-text{justify-items:center}}.km-hud .stat>span{white-space:nowrap}@media (width<=520px){.km-hud{gap:.4rem;margin-bottom:.5rem}.km-hud .game-stats{grid-template-columns:1fr 1fr 1fr 1.4fr;gap:.3rem;width:100%;display:grid}.km-hud .stat{border-radius:var(--r-sm);flex-direction:column;justify-content:center;gap:3px;min-height:0;padding:.35rem .2rem;font-size:.92rem}.km-hud .stat img{display:none}.km-hud .game-actions{justify-content:center;width:100%}.km-hud .btn-icon{width:42px;min-height:42px}}.km-board{--km-cols:var(--km-cols-p,3);--km-rows:var(--km-rows-p,4);--km-gap:clamp(6px, 1.6vw, 12px);--km-radius:10px;grid-template-columns:repeat(var(--km-cols), minmax(0, 1fr));gap:var(--km-gap);width:min(100%, calc(var(--km-cols) * 150px), max(calc(var(--km-cols) * 72px), calc((100vh - 250px) * .8 * var(--km-cols) / var(--km-rows))));margin-inline:auto;padding-block:.25rem .5rem;display:grid}@supports (height:100svh){.km-board{width:min(100%, calc(var(--km-cols) * 150px), max(calc(var(--km-cols) * 72px), calc((100svh - 250px) * .8 * var(--km-cols) / var(--km-rows))))}}@media (width>=700px),(orientation:landscape) and (width>=540px){.km-board{--km-cols:var(--km-cols-l,4);--km-rows:var(--km-rows-l,3);--km-radius:14px}}.km-play.is-concealed .km-board{visibility:hidden}.km-overlay-solid{background:#4a2e20b3}.km-card{appearance:none;aspect-ratio:4/5;border-radius:var(--km-radius);cursor:pointer;perspective:700px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;margin:0;padding:0;display:block;position:relative}.km-card:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:var(--km-radius);z-index:1}.km-card.is-matched{cursor:default}.km-card-inner{border-radius:inherit;transform-style:preserve-3d;transition:transform .42s var(--ease);pointer-events:none;position:absolute;inset:0}.km-card.is-up .km-card-inner{transform:rotateY(180deg)}.km-face{border-radius:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 3px #4a2e201f,0 6px 12px #4a2e2014}.km-face img{user-select:none;-webkit-user-drag:none}.km-back{background:radial-gradient(#fff9 1.5px, transparent 2px) 0 0 / 11px 11px, linear-gradient(150deg, var(--peach) 0%, var(--coral) 100%);border:2px solid #fff}.km-back:after{content:"";border-radius:calc(var(--km-radius) - 3px);border:2px dashed #ffffffd9;position:absolute;inset:7%}.km-back img{filter:drop-shadow(0 3px #4a2e2029);width:58%;height:auto}.km-front{border:2px solid var(--line);background:radial-gradient(circle at 50% 38%, #fff 0%, var(--cream) 70%);transition:border-color .2s,box-shadow .3s,background-color .3s;transform:rotateY(180deg)}.km-front img{width:80%;height:auto}@media (hover:hover){.km-card:not(.is-up):hover .km-card-inner{transform:translateY(-3px)}}.km-card.is-matched .km-front{box-shadow:0 0 0 3px var(--mint), 0 0 18px #2f8f7b59;background:radial-gradient(circle at 50% 38%,#fff 0%,#eaf8f1 75%);border-color:#6fc7a8}.km-card.is-matched .km-front:after{content:"";aspect-ratio:1;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 72% no-repeat;border:2px solid #fff;border-radius:50%;width:24%;max-width:26px;position:absolute;top:5%;right:6%}.km-card.is-matched{animation:km-pop .55s var(--ease) .3s both}.km-card.is-miss .km-front{border-color:var(--coral)}.km-card.is-miss{animation:.4s ease-in-out .4s km-shake}@keyframes km-pop{0%{transform:scale(1)}40%{transform:scale(1.09)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes km-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.km-reduced .km-card,.km-reduced .km-card.is-matched,.km-reduced .km-card.is-miss{animation:none!important}.km-reduced .km-card .km-card-inner{transition:none!important;transform:none!important}.km-reduced .km-face{-webkit-backface-visibility:visible;backface-visibility:visible}.km-reduced .km-front{opacity:0;transform:none;transition:opacity .16s linear!important}.km-reduced .km-card.is-up .km-front{opacity:1}.km-new-best{color:var(--ink);background:var(--butter)}.km-result{justify-content:center;gap:.6rem;margin:0 0 .75rem;display:flex}.km-result>div{border:2px solid var(--line);border-radius:var(--r-md);background:#fff;min-width:6.5rem;padding:.55rem .9rem}.km-result dt{font:800 .7rem/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.3rem}.km-result dd{font:600 1.5rem/1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.km-win-note{margin:0;font-size:.95rem}