:root{--bg0:#0a0f1e;--bg1:#1d1840;--accent:#a78bfa;--accent2:#ffd23f;--good:#34d399;--bad:#fb7185;--ink:#f3f0ff;--muted:#a6a0c8;--card:#ffffff0f;--card-border:#ffffff26}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(130% 130% at 50% 0%, var(--bg1) 0%, var(--bg0) 65%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;overflow-x:hidden}.wrap{flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;padding:14px 14px 30px;display:flex}.hud{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lives{font-size:18px}.hud .box{text-align:center}.hud .label{color:var(--muted);font-size:10px}.hud .val{font-size:18px;font-weight:900}.hud .val.acc{color:var(--accent)}.banner{text-align:center;min-height:22px;margin:6px 0 12px;font-size:15px;font-weight:800}.banner .sub{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500;display:block}.grid{gap:6px;width:100%;max-width:380px;margin:0 auto;display:grid}.cell{appearance:none;aspect-ratio:1;border:1px solid var(--card-border);cursor:default;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:30px;transition:transform 70ms;display:flex;position:relative}.cell.tappable{cursor:pointer}.cell.tappable:active{transform:scale(.93)}.cell.found{border-color:var(--good);box-shadow:0 0 0 2px var(--good);background:#34d39933}.cell.found:after{content:"⭕";font-size:20px;position:absolute;top:1px;right:1px}.cell.wrong{border-color:var(--bad);background:#fb718538;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.peek{z-index:60;background:#0a081af5;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:fixed;inset:0}.peek .pt{color:var(--accent2);font-size:15px;font-weight:800}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.logo{letter-spacing:3px;color:var(--muted);font-size:12px}.title{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900;line-height:1.15}.lead{color:var(--muted);max-width:380px;font-size:15px;line-height:1.8}.rules{text-align:left;background:var(--card);border:1px solid var(--card-border);border-radius:16px;max-width:400px;padding:16px 18px;font-size:14px;line-height:1.9}.rules b{color:var(--accent)}.bignum{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:80px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,1.4,.4,1) pop}.subline{color:var(--muted);font-size:14px;line-height:1.7}.best{color:var(--accent2);font-weight:800}.btn{appearance:none;cursor:pointer;color:#160a30;background:linear-gradient(135deg, var(--accent), var(--accent2));border:none;border-radius:14px;padding:15px 22px;font-family:inherit;font-size:17px;font-weight:800;transition:transform 80ms;box-shadow:0 10px 24px #a78bfa4d}.btn:active{transform:translateY(2px)scale(.99)}.btn:disabled{opacity:.4}.btn.ghost{color:var(--ink);border:1px solid var(--card-border);box-shadow:none;background:0 0}.footer{text-align:center;color:var(--muted);margin-top:14px;font-size:11px;line-height:1.6}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}