:root{--bg:#0a0a0a;--bg2:#141414;--bg3:#1a1a1a;--border:#2a2a2a;--text:#f5f0eb;--text2:#7a746c;--accent:#c22323;--accent2:#9a1b1b;--danger:#f04a4a;--warn:#f0a04a;--good:#4af0a0;--starc:#e8b23a;--tee:#e8c33a;--appr:#4f9ae8;--putt:#45c46a;--sg:#f0863a;--wedge:#ff5a43;--mental:#a97be0;--r:10px;--rs:7px;--cond:"Barlow Condensed","Oswald","Arial Narrow",sans-serif;--body:"Barlow","Segoe UI",system-ui,sans-serif;--maxw:520px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}.app{max-width:var(--maxw);margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 16px}.top{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px}.brand{display:flex;align-items:center;gap:10px}.balllogo{width:34px;height:34px;flex:none}.lock{display:flex;flex-direction:column;line-height:1}.lock b{font-family:var(--body);font-weight:800;font-size:19px;color:var(--accent);letter-spacing:-.01em;line-height:1}.lock span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:var(--text2);margin-top:3px}.ring{position:relative;width:34px;height:34px}.ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:13px}.hl{padding:2px 16px 8px}.hl h1{font-family:var(--cond);text-transform:uppercase;letter-spacing:.03em;font-weight:700;font-size:30px;line-height:1}.hl p{color:var(--text2);font-size:13px;margin-top:5px}.hl p b{color:var(--accent);font-weight:600}.sec{margin-top:14px}.sec>h3{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.dot{width:9px;height:9px;border-radius:2px}.sec>h3 em{color:var(--text2);font-style:normal;font-size:11px;letter-spacing:.1em;margin-left:2px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:10px;display:flex;gap:11px;align-items:center;margin-bottom:8px;position:relative;width:100%;text-align:left;color:inherit}.card.md{padding-left:34px}.card.md:before{content:"!";position:absolute;left:0;top:0;bottom:0;width:24px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:18px;border-radius:var(--r) 0 0 var(--r)}.tile{position:relative;width:46px;height:46px;border-radius:var(--rs);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:700;font-size:18px;color:#0a0a0a;background:#222;background-size:cover;background-position:center}.tile .ti{width:26px;height:26px;color:#0a0a0a}.info{flex:1;min-width:0}.info .nm{display:block;padding-right:34px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:16px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip.sk{color:var(--text);border-color:var(--border)}.chips{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.chip{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--text);border:1px solid var(--border);border-radius:20px;padding:1px 7px}.f-test{color:#6aa6ff;border-color:#22405e}.f-chal{color:#b98cff;border-color:#3a2c5e}.f-skill{color:#8ea0b8;border-color:#2c3644}.f-comp{color:#9aa0a6;border-color:#33383e}.chip.sco{color:var(--text);border-color:#3a3a3a}.chip.sco i{font-style:normal;font-weight:700;margin-right:3px}.must{position:absolute;top:9px;right:10px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--accent);border:1px solid var(--accent2);border-radius:20px;padding:2px 6px;line-height:1.05}.stat{flex:none;width:50px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.grade{font-family:var(--cond);font-weight:700;letter-spacing:.04em;font-size:14px;color:var(--text);display:flex;align-items:center;gap:4px}.grade i{color:var(--starc);font-style:normal;font-size:13px}.grade em{font-style:normal;color:var(--text2);font-weight:400}.dur{flex:none;margin-right:40px;display:flex;flex-direction:column;align-items:center;color:var(--text2)}.dur svg{width:35px;height:40px;display:block}.dur text{font-family:var(--cond);font-weight:700;font-size:21px;fill:var(--text)}.dur small{font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:9px;margin-top:-1px}.nav{flex:none;display:flex;border-top:1px solid var(--border);background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1;background:none;border:none;padding:13px 0 15px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.07em;font-size:12.5px;color:var(--text2);display:flex;flex-direction:column;align-items:center;gap:5px}.nav button.on{color:var(--text)}.nav button.on i{background:var(--accent)}.nav i{width:16px;height:3px;border-radius:2px;background:#333;font-style:normal}.nav small{display:block;font-size:9px;color:var(--text2);letter-spacing:.04em;margin-top:2px}.ver{position:absolute;top:3px;right:8px;z-index:6;font-family:var(--cond);letter-spacing:.06em;font-size:9px;color:#4a4640;pointer-events:none}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center;color:var(--text2)}.spin{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}