:root{--bg: #14171d;--panel: #1e232b;--border: #2e3540;--hole: #0d1015;--text: #edf0f4;--dim: #8b95a3;--ac: #ffb84d;--ok: #3ddc84;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent}.screen{max-width:720px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;gap:14px;padding:16px 15px}.screen.center{justify-content:center;align-items:center;gap:20px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.title{margin:0;font-size:22px;font-weight:800;letter-spacing:.06em;color:var(--ac)}.title.big{font-size:30px}.mode{font-size:14px;font-weight:700;color:var(--dim);letter-spacing:.1em}.menu{display:flex;flex-direction:column;gap:12px}.btn.diff{width:250px;padding:14px 18px;font-size:18px;letter-spacing:.12em;color:var(--ac)}.stats{display:flex;gap:14px;color:var(--dim);font-size:14px;font-variant-numeric:tabular-nums}.board{position:relative;align-self:center;background:var(--hole);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;touch-action:manipulation}.tile{position:absolute;left:0;top:0;margin:0;padding:0;border:none;background-color:var(--panel);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0006;cursor:pointer;transition:transform .12s ease;font-family:inherit}.tile:active{filter:brightness(1.12)}.tile.ghost{animation:ghostin .6s ease;cursor:default}@keyframes ghostin{0%{opacity:0}to{opacity:1}}.num{position:absolute;left:5px;top:5px;min-width:22px;padding:1px 5px;border-radius:7px;background:#0000008c;color:#fff;font-size:12px;font-weight:700;line-height:18px;pointer-events:none}.warn{margin:0;color:var(--dim);font-size:12px;line-height:1.7}.controls{display:flex;gap:10px}.btn{padding:10px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}.btn:active{filter:brightness(1.15)}.btn.primary{border-color:var(--ac);color:var(--ac)}.clearbox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:1.5px solid var(--ok);border-radius:12px;background:#3ddc8414}.cleartitle{margin:0;font-size:20px;font-weight:800;letter-spacing:.1em;color:var(--ok)}.clearstats{margin:0;font-size:14px}