.pk35-m3{--m3-purple:#49348b;--m3-yellow:#ffd75a;position:relative;box-sizing:border-box;width:100%;max-width:720px;margin:1.5rem auto;padding:clamp(10px,3vw,22px);border-radius:20px;background:linear-gradient(145deg,#392875,#7250b5);color:#fff;font:16px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 12px 35px #25164b55;overflow:hidden}
.pk35-m3 *{box-sizing:border-box}.pk35-m3__top{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.pk35-m3__stat{padding:7px 4px;border-radius:10px;background:#fff1;text-align:center}.pk35-m3__stat span{display:block;font-size:.72rem;opacity:.82}.pk35-m3__stat strong{display:block;font-size:clamp(.95rem,3vw,1.25rem);font-variant-numeric:tabular-nums}.pk35-m3__board{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(2px,1vw,6px);width:min(100%,610px);aspect-ratio:1;margin:auto;padding:clamp(5px,1.5vw,10px);border-radius:16px;background:#24175166;box-shadow:inset 0 3px 15px #160c36aa;touch-action:manipulation;user-select:none}
.pk35-m3__gem{position:relative;min-width:0;padding:0;border:0;border-radius:18%;background:transparent;cursor:pointer;transition:transform .16s,opacity .18s,filter .16s}.pk35-m3__gem::before{content:"";position:absolute;inset:9%;border-radius:var(--shape,50%);background:var(--color);box-shadow:inset 7px 8px 10px #fff7,inset -7px -9px 10px #0003,0 3px 5px #12082b88;transform:rotate(var(--rotate,0deg));transition:transform .16s,box-shadow .16s}.pk35-m3__gem:hover::before{transform:rotate(var(--rotate,0deg)) scale(1.06)}.pk35-m3__gem:focus-visible{outline:3px solid #fff;outline-offset:-2px}.pk35-m3__gem.is-selected::before{box-shadow:inset 7px 8px 10px #fff8,inset -7px -9px 10px #0003,0 0 0 4px var(--m3-yellow),0 3px 5px #0008;transform:rotate(var(--rotate,0deg)) scale(.9)}.pk35-m3__gem.is-hint{animation:pk35-m3-hint .55s ease-in-out 3}.pk35-m3__gem.is-clearing{opacity:0;transform:scale(.25)}.pk35-m3__gem.is-new{animation:pk35-m3-drop .25s ease-out}@keyframes pk35-m3-hint{50%{filter:brightness(1.6);transform:scale(.87)}}@keyframes pk35-m3-drop{from{opacity:0;transform:translateY(-35px)}}
.pk35-m3__status{min-height:1.4em;margin:13px 0 9px;text-align:center}.pk35-m3__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.pk35-m3 button:not(.pk35-m3__gem){appearance:none;border:0;border-radius:10px;padding:10px 17px;background:#fff;color:#3e2b78;font:700 .93rem/1.2 inherit;cursor:pointer;box-shadow:0 2px 5px #0004}.pk35-m3 button:not(.pk35-m3__gem):hover{background:#fff2b5}.pk35-m3 button:disabled{cursor:default}.pk35-m3__modal{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#211348dd}.pk35-m3__modal[hidden]{display:none}.pk35-m3__dialog{width:min(100%,380px);padding:25px;border-radius:17px;background:#fff;color:#332466;text-align:center;box-shadow:0 15px 45px #0007}.pk35-m3__dialog h3{margin:0 0 8px;font-size:1.65rem}.pk35-m3__dialog p{margin:0 0 17px}
@media(max-width:520px){.pk35-m3{padding:9px;border-radius:13px}.pk35-m3__top{gap:4px}.pk35-m3__stat{padding:5px 2px}.pk35-m3__board{gap:3px;padding:5px;border-radius:10px}.pk35-m3__gem::before{inset:7%;box-shadow:inset 4px 4px 6px #fff7,inset -4px -5px 6px #0003,0 2px 3px #12082b88}.pk35-m3__controls button{flex:1 1 30%;padding:10px 5px;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.pk35-m3__gem{transition:none}.pk35-m3__gem.is-hint,.pk35-m3__gem.is-new{animation:none}.pk35-m3__gem.is-hint{outline:4px solid var(--m3-yellow)}}