:root{--bg:#1c1c1e;--fg:#f2f2f7;--muted:#98989d;--ok:#34c759;--low:#ffd60a33;--foreign:#ff9f0a33}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}body{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template:"stage"55dvh"status""out"1fr"buttons"/100%;font:15px/1.6 -apple-system,Hiragino Sans,sans-serif;display:grid}@media (orientation:landscape){body{grid-template:"stage status""stage out"1fr"stage buttons"/62% 38%}}#stage{background:#000;grid-area:stage;min-height:0;position:relative;overflow:hidden}#video{object-fit:contain;width:100%;height:100%;display:block}#guide{pointer-events:none;border:2px solid #fff9;border-radius:6px;transition:border-color .15s;position:absolute}#marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#hint{color:#fff;text-align:center;pointer-events:none;background:#ff453ae6;border-radius:8px;padding:6px 10px;font-size:15px;font-weight:700;position:absolute;bottom:8px;left:8px;right:8px}#guide.alert{border-width:4px;border-color:#ff453a}#status.alert{color:#fff;background:#ff453a;font-weight:600}#status.warn{color:#1c1c1e;background:#ffd60a;font-weight:600}#guide.flash{border-color:var(--ok);border-width:3px}#info{grid-area:status}#status{color:var(--muted);min-height:1.6em;padding:4px 12px;font-size:13px}#debug{color:var(--muted);padding:0 12px;font-size:11px}#out{grid-area:out;min-height:0;padding:4px 12px 12px;overflow-y:auto}#out div{white-space:pre-wrap;word-break:break-word;padding:1px 4px}#out .low{background:var(--low)}#out .foreign{background:var(--foreign)}#out .gap{color:#fff;text-align:center;background:#ff453a;border-radius:4px;margin:4px 0;font-weight:600}#out .new{animation:2s ease-out fresh}@keyframes fresh{0%{background:#34c75966}to{background:0 0}}#scoreOut{border-top:1px solid #fff2;margin-top:8px;padding:8px 0;font-size:14px}#buttons{grid-area:buttons;gap:8px;padding:8px 12px;display:flex}#buttons button{color:var(--fg);background:#3a3a3c;border:0;border-radius:10px;flex:1;padding:12px 0;font-size:16px}#buttons button:disabled{opacity:.4}#toggle.on{background:#ff453a}