:root{--cream:#f4efe6;--floor:#e3e8ef;--navy:#1f2a44;--orange:#ff8a1f;--green:#2bb673;--red:#e5484d;--gray:#8a94a6;--line:#e2dbcd}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;color:var(--navy);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Nunito,system-ui,sans-serif}#app{max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.view{flex-direction:column;align-items:center;display:none;position:absolute;inset:0}.view.on{display:flex}.muted{color:var(--gray)}.strong{font-weight:800}.big{font-size:24px;font-weight:900}.faint{opacity:.6;margin-top:10px}.title{letter-spacing:4px;text-align:center;margin-top:16vh;font-size:52px;font-weight:900;line-height:1.05}.best{color:var(--gray);margin-top:24px;font-size:20px;font-weight:800}.big-btn{letter-spacing:1px;color:#fff;background:var(--orange);cursor:pointer;border:0;border-radius:18px;width:260px;margin-top:18px;padding:18px 0;font:900 22px Nunito,system-ui,sans-serif;box-shadow:0 6px #c8650c}.big-btn:active{transform:translateY(4px);box-shadow:0 2px #c8650c}.link-btn{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:12px;font:800 18px Nunito,system-ui,sans-serif}.wide{width:100%}.tip{bottom:calc(28px + env(safe-area-inset-bottom));color:var(--gray);text-align:center;padding:0 24px;font-size:13px;line-height:1.5;position:absolute}.ver{bottom:calc(18px + env(safe-area-inset-bottom));color:var(--gray);font-size:12px;position:absolute}.topbar{width:100%;min-height:64px;padding:calc(env(safe-area-inset-top) + 14px) 20px 6px;flex-shrink:0;justify-content:space-between;align-items:center;font-size:17px;font-weight:800;display:flex}.pause-btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:10px;width:36px;height:36px;font-size:14px}#board{touch-action:none;width:100%;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:1}#countdown{pointer-events:none;color:var(--navy);text-shadow:0 0 24px var(--cream);justify-content:center;align-items:center;font-size:110px;font-weight:900;display:none;position:absolute;inset:64px 0 0}#countdown.on{display:flex}.dim{background:#f4efe6e6;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.dim.on{display:flex}.dim h2,.over-title{letter-spacing:2px;margin:0 0 10px;font-size:36px;font-weight:900}.over-title{margin-top:18vh}.score{margin-top:10px;font-size:96px;font-weight:900;line-height:1}.newbest{color:var(--orange);margin-top:6px;font-size:22px;font-weight:900;display:none}.settings-title{margin:14vh 0 20px;font-size:32px;font-weight:900}.row[hidden]{display:none}.row{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;width:290px;padding:18px 0;font-size:18px;font-weight:800;display:flex}.seg{background:var(--line);border-radius:12px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--navy);background:0 0;border:0;border-radius:9px;padding:8px 14px;font:800 15px Nunito,system-ui,sans-serif}.seg button.on{background:var(--navy);color:#fff}input[type=range]{accent-color:var(--orange);width:130px}#v-settings .big-btn{margin-top:40px}.full{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:none;position:absolute;inset:0}.full.on{display:flex}.shade{background:#1f2a448c}.rotate{background:var(--navy);color:#fff}.phone-icon{border:5px solid #fff;border-radius:12px;width:60px;height:100px;margin-bottom:30px;animation:2s ease-in-out infinite rot}@keyframes rot{0%,20%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}.card{background:#fff;border-radius:20px;width:300px;max-width:100%;padding:26px;box-shadow:0 10px 30px #1f2a4433}.card-title{font-size:22px;font-weight:900}.card p{margin:8px 0 4px;font-size:16px;line-height:1.5}.err{text-align:left;color:var(--red);white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#f6f7f9;border-radius:8px;max-height:30vh;padding:10px;font-family:Consolas,monospace;font-size:12px;overflow:auto}#toast{background:var(--navy);color:#fff;white-space:nowrap;z-index:20;border-radius:12px;padding:10px 18px;font-weight:800;display:none;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}