.kmm-tool{--kmm-ink:#293056;--kmm-purple:#7c3aed;--kmm-purple-dark:#6d28d9;--kmm-pink:#ec4899;--kmm-blue:#2563eb;--kmm-green:#15803d;--kmm-muted:#64748b;position:relative;isolation:isolate;overflow:hidden;padding:clamp(1rem,3vw,2rem);border:1px solid #ede9fe;border-radius:24px;background:linear-gradient(145deg,#fdfcff 0%,#f5f3ff 55%,#eff6ff 100%);color:var(--kmm-ink);box-shadow:0 18px 50px rgba(91,33,182,.09)}
.kmm-orb{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.kmm-orb-one{width:190px;height:190px;right:-70px;top:-75px;background:rgba(221,214,254,.55)}.kmm-orb-two{width:150px;height:150px;left:-70px;bottom:-80px;background:rgba(191,219,254,.45)}
.kmm-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.kmm-brand{display:flex;align-items:center;gap:1rem;min-width:260px}.kmm-logo{position:relative;width:65px;height:65px;flex:0 0 auto;border:4px solid #fff;border-radius:20px;background:linear-gradient(145deg,#a78bfa,var(--kmm-purple));box-shadow:0 9px 22px rgba(124,58,237,.25);transform:rotate(-4deg)}.kmm-logo span{position:absolute;width:25px;height:31px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--kmm-purple);font-size:.7rem}.kmm-logo span:first-child{left:8px;top:13px;transform:rotate(-8deg)}.kmm-logo span:last-child{right:8px;top:13px;transform:rotate(8deg)}.kmm-kicker{display:block;color:var(--kmm-purple);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kmm-hero h2{margin:.15rem 0 .2rem;color:var(--kmm-ink);font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.kmm-hero p{max-width:38rem;margin:0;color:var(--kmm-muted);font-size:.92rem}
.kmm-stats{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:.55rem}.kmm-stats>div{display:flex;align-items:center;gap:.45rem;min-width:82px;padding:.65rem .7rem;border:1px solid #ede9fe;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(91,33,182,.05)}.kmm-stat-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#f5f3ff;color:var(--kmm-purple);font-size:.75rem;font-weight:900}.kmm-stats strong{display:block;color:var(--kmm-ink);font-size:1.08rem;line-height:1;font-variant-numeric:tabular-nums}.kmm-stats small{display:block;margin-top:.15rem;color:var(--kmm-muted);font-size:.55rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.kmm-controls{display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap;margin-bottom:1rem;padding:.85rem;border:1px solid #ede9fe;border-radius:17px;background:rgba(255,255,255,.8)}.kmm-controls label{display:flex;flex:1 1 160px;flex-direction:column;gap:.3rem}.kmm-controls label span{color:#64748b;font-size:.61rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.kmm-controls select{width:100%;min-height:39px;padding:.42rem 2rem .42rem .65rem;border:1px solid #c4b5fd;border-radius:9px;background:#fff;color:var(--kmm-ink);font:inherit;font-size:.75rem;font-weight:800}.kmm-control-button,.kmm-primary{display:inline-flex!important;align-items:center;justify-content:center;gap:.35rem;visibility:visible!important;min-height:39px;padding:.5rem .75rem;border:1px solid #c4b5fd;border-radius:9px;background:#fff;color:var(--kmm-purple-dark);font:inherit;font-size:.73rem;font-weight:900;cursor:pointer;white-space:nowrap}.kmm-control-button:hover{background:#f5f3ff}.kmm-control-button:disabled{display:inline-flex!important;visibility:visible!important;cursor:not-allowed;opacity:.48}.kmm-sound.is-on{background:#f5f3ff}.kmm-primary{border:2px solid var(--kmm-purple);background:var(--kmm-purple)!important;color:#fff!important;box-shadow:0 6px 14px rgba(124,58,237,.2)}.kmm-primary:hover{border-color:var(--kmm-purple-dark);background:var(--kmm-purple-dark)!important}
.kmm-game-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.65rem;padding:0 .15rem}.kmm-board-label{color:var(--kmm-purple);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.kmm-game-head p{margin:.15rem 0 0;color:#64748b;font-size:.76rem}.kmm-best{text-align:right}.kmm-best span{display:block;color:#94a3b8;font-size:.58rem;font-weight:900;text-transform:uppercase}.kmm-best strong{color:var(--kmm-ink);font-size:.74rem}
.kmm-board-wrap{position:relative;max-width:1040px;margin:0 auto}.kmm-board{display:grid;gap:clamp(.6rem,1.4vw,.9rem);padding:clamp(.75rem,2vw,1.2rem);border:1px solid #ddd6fe;border-radius:20px;background:linear-gradient(145deg,#faf5ff,#eff6ff);box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(91,33,182,.07)}.kmm-board-6,.kmm-board-8{grid-template-columns:repeat(4,1fr)}.kmm-board-10{grid-template-columns:repeat(5,1fr)}.kmm-board-12{grid-template-columns:repeat(4,1fr)}.kmm-card{position:relative;display:block!important;visibility:visible!important;aspect-ratio:1;min-width:0;min-height:105px;padding:0;border:0;background:transparent;perspective:900px;cursor:pointer}.kmm-card-inner{position:absolute;inset:0;transition:transform .42s cubic-bezier(.2,.75,.35,1);transform-style:preserve-3d}.kmm-card.is-open .kmm-card-inner,.kmm-card.is-preview .kmm-card-inner,.kmm-card.is-matched .kmm-card-inner{transform:rotateY(180deg)}.kmm-card-back,.kmm-card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:16px;backface-visibility:hidden}.kmm-card-back{overflow:hidden;border:3px solid #fff;background:linear-gradient(145deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 7px 17px rgba(91,33,182,.22)}.kmm-card-back::before,.kmm-card-back::after{content:"";position:absolute;border:2px solid rgba(255,255,255,.17);border-radius:50%}.kmm-card-back::before{width:78%;height:78%}.kmm-card-back::after{width:48%;height:48%}.kmm-card-back i{position:relative;z-index:1;width:36%;height:44%;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.18);font-style:normal;font-size:clamp(1.3rem,3vw,2rem);font-weight:900}.kmm-card-front{transform:rotateY(180deg);border:2px solid #ddd6fe;background:#fff;color:var(--kmm-ink);box-shadow:0 6px 16px rgba(51,65,85,.1)}.kmm-card-front>span{font-size:clamp(2rem,5vw,3.4rem);line-height:1}.kmm-card-front img{width:60%;height:60%;object-fit:contain}.kmm-card-front small{max-width:92%;margin-top:.38rem;overflow:hidden;color:#475569;font-size:clamp(.62rem,1.4vw,.82rem);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.kmm-card:hover:not(:disabled) .kmm-card-inner{filter:brightness(1.04);transform:translateY(-3px)}.kmm-card.is-open:hover .kmm-card-inner,.kmm-card.is-preview:hover .kmm-card-inner{transform:rotateY(180deg) translateY(-3px)}.kmm-card:focus-visible{outline:3px solid rgba(124,58,237,.32);outline-offset:3px;border-radius:16px}.kmm-card.is-matched .kmm-card-front{border-color:#4ade80;background:#f0fdf4;box-shadow:0 5px 14px rgba(22,163,74,.13)}.kmm-card.is-matched .kmm-card-front::after{content:"✓";position:absolute;right:8px;top:6px;color:#16a34a;font-size:.85rem;font-weight:900}.kmm-board.is-paused{filter:blur(6px);pointer-events:none}
.kmm-pause-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem;border-radius:20px;background:rgba(255,255,255,.88);text-align:center;backdrop-filter:blur(4px)}.kmm-pause-overlay[hidden]{display:none}.kmm-pause-overlay>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:.5rem;border-radius:50%;background:#ede9fe;color:var(--kmm-purple);font-weight:900}.kmm-pause-overlay strong{color:var(--kmm-ink)}.kmm-pause-overlay p{margin:.2rem 0 .75rem;color:#64748b;font-size:.78rem}
.kmm-feedback{max-width:820px;min-height:38px;margin:.7rem auto 0;padding:.55rem .7rem;border-radius:10px;text-align:center;font-size:.76rem;font-weight:800}.kmm-feedback.is-info{border:1px solid #c4b5fd;background:#f5f3ff;color:#5b21b6}.kmm-feedback.is-success{border:1px solid #86efac;background:#dcfce7;color:#14532d}.kmm-feedback.is-error{border:1px solid #fca5a5;background:#fee2e2;color:#7f1d1d}
.kmm-win{max-width:820px;margin:1rem auto 0;padding:1.4rem;border:1px solid #fde68a;border-radius:20px;background:linear-gradient(135deg,#fffbeb,#f5f3ff);text-align:center}.kmm-win-badge{width:52px;height:52px;display:grid;place-items:center;margin:0 auto .5rem;border-radius:50%;background:#fef3c7;color:#d97706;font-size:1.35rem}.kmm-win h3{margin:.2rem 0;color:var(--kmm-ink)}.kmm-win>p{margin:.3rem auto .8rem;color:#64748b}.kmm-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;max-width:420px;margin:0 auto .9rem}.kmm-result-grid div{padding:.65rem;border:1px solid #ede9fe;border-radius:11px;background:#fff}.kmm-result-grid strong{display:block;color:var(--kmm-purple);font-size:1.15rem}.kmm-result-grid span{color:#64748b;font-size:.57rem;font-weight:900;text-transform:uppercase}.kmm-footer{display:flex;justify-content:space-between;gap:1rem;padding:.75rem .2rem 0;color:#64748b;font-size:.67rem}
@media(max-width:930px){.kmm-hero{align-items:flex-start;flex-direction:column}.kmm-stats{width:100%}.kmm-card{min-height:90px}}
@media(max-width:620px){.kmm-tool{border-radius:18px}.kmm-brand{align-items:flex-start}.kmm-logo{width:54px;height:54px;border-radius:16px}.kmm-stats{grid-template-columns:repeat(2,1fr)}.kmm-stats>div{justify-content:center}.kmm-controls{align-items:stretch;flex-direction:column}.kmm-controls button{width:100%}.kmm-game-head{align-items:flex-start;flex-direction:column}.kmm-best{text-align:left}.kmm-board-6,.kmm-board-8,.kmm-board-10,.kmm-board-12{grid-template-columns:repeat(4,1fr);gap:.5rem}.kmm-board{padding:.6rem}.kmm-card{min-height:72px}.kmm-card-back,.kmm-card-front{border-radius:11px}.kmm-footer{flex-direction:column}}
@media(max-width:390px){.kmm-board-6,.kmm-board-8,.kmm-board-10,.kmm-board-12{grid-template-columns:repeat(3,1fr)}.kmm-card{min-height:88px}.kmm-result-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kmm-card-inner{transition:none}.kmm-card:hover:not(:disabled) .kmm-card-inner{transform:none}.kmm-card.is-open:hover .kmm-card-inner,.kmm-card.is-preview:hover .kmm-card-inner{transform:rotateY(180deg)}}