.pk35-mj{--mj-green:#176b52;--mj-gold:#f5c451;position:relative;box-sizing:border-box;width:100%;max-width:980px;margin:1.5rem auto;padding:16px;border-radius:18px;background:linear-gradient(145deg,#155c48,#0d4335);color:#fff;font:16px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 10px 30px #0003;overflow:hidden}
.pk35-mj *{box-sizing:border-box}.pk35-mj__top{display:flex;justify-content:center;gap:clamp(8px,3vw,40px);margin-bottom:12px}.pk35-mj__stat{min-width:92px;text-align:center}.pk35-mj__stat span{display:block;font-size:.75rem;opacity:.82}.pk35-mj__stat strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.pk35-mj__board-wrap{width:100%;overflow:hidden;border-radius:14px;background:radial-gradient(circle,#238060,#104f3e);box-shadow:inset 0 2px 12px #0004}.pk35-mj__board{--u:7.25%;position:relative;width:100%;aspect-ratio:1.48;min-height:250px;touch-action:manipulation;user-select:none}
.pk35-mj__tile{position:absolute;left:calc(3.2% + var(--x)*var(--u) + var(--z)*.55%);top:calc(5% + var(--y)*10.9% - var(--z)*.8%);z-index:calc(10 + var(--z));width:calc(var(--u)*.92);height:10.1%;padding:0;border:1px solid #c7b88f;border-radius:7px;background:linear-gradient(135deg,#fffdf2,#eadfbd);color:#25312c;box-shadow:2px 3px 0 #a28c58,3px 5px 7px #0005;font:700 clamp(13px,2.4vw,25px)/1 serif;cursor:pointer;transition:transform .13s,filter .13s,opacity .18s}.pk35-mj__tile:hover:not(:disabled){transform:translateY(-2px)}.pk35-mj__tile:focus-visible{outline:3px solid #ffdf74;outline-offset:2px}.pk35-mj__tile.is-blocked{filter:saturate(.55) brightness(.77);cursor:not-allowed}.pk35-mj__tile.is-selected{background:linear-gradient(135deg,#fff4a8,#ffc94c);transform:translateY(-3px);box-shadow:2px 3px 0 #9c7620,0 0 0 3px #fff}.pk35-mj__tile.is-hint{animation:pk35-mj-pulse .55s ease-in-out 3}.pk35-mj__tile.is-removing{opacity:0;transform:scale(.5)}@keyframes pk35-mj-pulse{50%{filter:brightness(1.35);box-shadow:0 0 0 4px var(--mj-gold)}}
.pk35-mj__status{min-height:1.4em;margin:12px 0 8px;text-align:center}.pk35-mj__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.pk35-mj button:not(.pk35-mj__tile){appearance:none;border:0;border-radius:10px;padding:10px 16px;background:#fff;color:#174a3d;font:700 .93rem/1.2 inherit;cursor:pointer;box-shadow:0 2px 5px #0003}.pk35-mj button:not(.pk35-mj__tile):hover{background:#fff3bd}.pk35-mj button:focus-visible{outline:3px solid var(--mj-gold);outline-offset:2px}.pk35-mj__modal{position:absolute;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#062b23cc}.pk35-mj__modal[hidden]{display:none}.pk35-mj__dialog{max-width:380px;padding:24px;border-radius:16px;background:#fff;color:#183d34;text-align:center;box-shadow:0 12px 40px #0006}.pk35-mj__dialog h3{margin:0 0 8px;font-size:1.6rem}.pk35-mj__dialog p{margin:0 0 16px}
@media(max-width:600px){.pk35-mj{padding:9px;border-radius:12px}.pk35-mj__board{aspect-ratio:1.18;min-height:310px;transform:none}.pk35-mj__tile{top:calc(5% + var(--y)*11.1% - var(--z)*.7%);height:10.2%;border-radius:4px;font-size:clamp(11px,4vw,19px);box-shadow:1px 2px 0 #a28c58,2px 3px 4px #0005}.pk35-mj__stat{min-width:76px}.pk35-mj__controls button{flex:1 1 30%;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.pk35-mj__tile{transition:none}.pk35-mj__tile.is-hint{animation:none;outline:4px solid var(--mj-gold)}}