:root{color-scheme:light;--bg: #efeff0;--ink: #333;--blue: #3bbded;--pink: #ea85ae;--gray: #939393}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,system-ui,Apple SD Gothic Neo,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}.play{position:absolute;inset:0;overflow:hidden}.play,.editor,.select{inset:0 auto auto 0}.play.rotated,.editor.rotated,.select.rotated{transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}.play canvas.board{position:absolute;inset:0;touch-action:none;display:block}.hud{position:absolute;top:max(6px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud .title{font-size:13px;letter-spacing:.12em;color:#777;font-weight:600;display:flex;align-items:center;gap:10px}.hud .ans{pointer-events:auto;border:1px solid #ccc;background:#fff;color:#555;font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;letter-spacing:0}.answer{position:absolute;inset:0;background:#282828bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:5}.answer img{max-width:92%;max-height:82%;border-radius:8px;box-shadow:0 8px 30px #0006;background:#fff}.answer .close{color:#fff;font-size:14px}.icon{pointer-events:auto;width:44px;height:44px;border:0;background:transparent;color:#555;font-size:30px;line-height:1;cursor:pointer}.icon.back{font-size:38px}.hint{position:absolute;top:56px;left:0;right:0;text-align:center;font-size:14px;color:#666;pointer-events:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#efeff08c}.card{background:#fff;border-radius:16px;padding:22px 28px;box-shadow:0 8px 30px #0000001f;text-align:center}.card .big{font-size:34px;font-weight:800;letter-spacing:.1em;background:linear-gradient(90deg,var(--blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}.row{display:flex;gap:12px;justify-content:center}.btn{border:0;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:700;background:#eee;color:#444;cursor:pointer}.btn.next{background:var(--pink);color:#fff}.btn.resume{background:var(--blue);color:#fff}.dbg{position:absolute;left:8px;bottom:8px;font:11px monospace;color:#999;pointer-events:none}.select{position:absolute;inset:0;overflow:hidden;touch-action:none}.select .inner{padding:16px 16px 40px;will-change:transform}.select header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:14px}.select h1{margin:0;font-size:22px;letter-spacing:.04em}.select .sub{color:#888;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.select .cell,.select .btn{touch-action:none}.cell{position:relative;height:44px;border:0;border-radius:10px;background:#fff;color:#555;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 1px 2px #0000000f}.cell.done:after{content:"";position:absolute;right:5px;bottom:5px;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:8px 0 0 var(--pink)}.cell.done{padding-right:12px}.cell.last{outline:2px solid var(--blue)}.cell.flag{color:#c80}.cell.locked{background:#e6e6e6;color:#bbb;box-shadow:none;cursor:default}[hidden]{display:none!important}.editor{position:absolute;inset:0;overflow:hidden}.editor canvas{position:absolute;inset:0;touch-action:none;display:block}.editor .bar{position:absolute;top:6px;left:8px;right:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}.editor .bar button{font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}.editor .bar .msg{color:#666;margin-left:auto}