*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#071321;color:#f5e4c7;font-family:Meiryo,'Yu Gothic',sans-serif}main{max-width:1120px;margin:auto;padding:10px}#surface{position:relative;width:100%;border:1px solid #5a4a32;border-radius:16px;overflow:hidden;box-shadow:0 15px 80px #0008}canvas{display:block;width:100%;touch-action:manipulation}#controls{position:absolute;inset:0;pointer-events:none}#controls button{position:absolute;pointer-events:auto;color:transparent;background:transparent;border:0;cursor:pointer;border-radius:9px;font:inherit;-webkit-tap-highlight-color:transparent}#controls button:focus-visible{outline:3px solid #fff;outline-offset:-3px;background:#ffffff15}#controls button:disabled{cursor:default}.footer{text-align:center;font-size:11px;color:#9eafba;line-height:1.7}.sr{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}dialog{background:#102337;color:#f5e4c7;border:1px solid #b79760;border-radius:15px;padding:24px;max-width:90vw;width:400px}dialog::backdrop{background:#000b}dialog label{display:block;margin:20px 0}dialog input[type=range]{width:100%}dialog button{padding:12px 28px;background:#e5bb76;color:#102337;border:0;border-radius:8px;font-weight:bold}dialog p{font-size:12px;line-height:1.8}@media(max-width:500px){main{padding:4px}.footer{font-size:10px;padding:0 7px}}

dialog input[type=number]{width:100%;margin-top:10px;font:inherit;padding:12px;background:#071321;border:1px solid #b79760;border-radius:6px;color:#fff}#seedDialog button{margin:4px 0}#seedError{color:#ffb6a5}