.ww{font-family:Nunito,'Segoe UI',sans-serif;color:var(--text,#24465c)}.ww *{box-sizing:border-box}.ww .game-page-intro{text-align:center}.ww .game-page-intro h1{margin:0 0 12px}.ww .game-page-intro p{max-width:760px;margin:0 auto;line-height:1.7}.ww .ww-panel{margin-top:24px;padding:24px;border-radius:24px;background:rgba(248,253,255,.88);box-shadow:0 12px 30px #16476a12}.ww canvas{display:block;width:100%;height:clamp(430px,67vh,720px);border-radius:18px;touch-action:none;cursor:grab;outline-offset:3px}.ww canvas:active{cursor:grabbing}.ww :focus-visible{outline:3px solid #548db1;outline-offset:3px}.ww-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px}.ww label{display:block;font-weight:800;font-size:.85rem}.ww output{display:block;font-weight:400;font-size:.8rem;min-height:1.5em;margin:5px 0;color:#52758a}.ww input[type=range]{display:block;width:100%;min-height:32px;accent-color:#88b7d3;cursor:pointer}.ww-actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.ww button{min-height:46px;padding:10px 24px;border-radius:999px;font:800 .95rem Nunito,'Segoe UI',sans-serif;cursor:pointer}.ww #status{text-align:center;min-height:3em;font-size:.85rem;line-height:1.6;margin:14px auto 0}.ww details{line-height:1.8}.ww summary{font-weight:800;cursor:pointer}.ww .ww-help{font-size:.85rem;line-height:1.7;text-align:center;margin:12px auto 0}.ww-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.ww .ww-panel{padding:14px}.ww-controls{grid-template-columns:1fr;gap:12px}.ww label{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ww output{text-align:right;margin:0}.ww input[type=range]{grid-column:1/-1}.ww canvas{height:clamp(430px,62vh,600px)}}
