:root{--cat: #ffcd11;--bg: rgba(18, 18, 20, .78);--fg: #f2f2f2;--dim: #9a9a9a;--ok: #4cd964;--warn: #ff9f0a;--bad: #ff453a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#87a9c7;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--fg)}#c{display:block;width:100vw;height:100vh}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{position:absolute;background:var(--bg);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--cat);border-radius:8px;padding:10px 14px;font-size:13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:200px}.title{font-weight:700;font-size:15px;margin-bottom:6px;letter-spacing:.02em}.cat{color:var(--cat)}.dim{color:var(--dim);font-weight:400;font-size:12px}.goal{color:#d8d8d8;margin-bottom:8px;max-width:320px;line-height:1.35}.stats .row,.row{display:flex;justify-content:space-between;gap:16px;padding:2px 0}.k{color:var(--dim)}.v{font-variant-numeric:tabular-nums;font-weight:600}.v.ok{color:var(--ok)}.v.warn{color:var(--warn)}.v.bad{color:var(--bad)}#p-exercise{top:16px;left:16px}#p-status{top:16px;right:16px}#p-gauges{bottom:16px;left:16px}#p-help{bottom:16px;right:16px}#p-help table{border-collapse:collapse;font-size:12px}#p-help th{text-align:left;color:var(--dim);font-weight:500;padding:2px 10px 4px 0}#p-help td{padding:1px 12px 1px 0;white-space:nowrap}#p-help td:first-child{color:#d0d0d0}.gauge{margin-bottom:6px}.bar{height:10px;background:#ffffff1f;border-radius:5px;overflow:hidden;margin:4px 0}#load-bar{height:100%;width:0%;background:var(--cat);transition:width .1s linear}#message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg);border:1px solid rgba(255,255,255,.1);border-top:4px solid var(--cat);border-radius:10px;padding:22px 30px;text-align:center;font-size:15px;line-height:1.5;display:none;min-width:320px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#message .big{font-size:24px;font-weight:800;margin-bottom:8px}#message .score{font-size:44px;font-weight:900;color:var(--cat);margin:6px 0}#message .hint{color:var(--dim);margin-top:12px;font-size:13px}#message table{margin:8px auto;border-collapse:collapse}#message td{padding:2px 12px;text-align:left}#message td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}#start{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;pointer-events:auto}#start .box{background:var(--bg);border-top:4px solid var(--cat);border-radius:12px;padding:32px 44px;text-align:center;line-height:1.8}#start .big{font-size:28px;font-weight:800}.hidden{display:none!important}@media(max-width:900px){#p-help{display:none}.panel{font-size:12px;min-width:160px}}