:root{--bg: #0b0f14;--panel: #131b24;--ink: #e7eef6;--muted: #8aa0b4;--accent: #c0533a;--target: #f2c14e;--obstacle: #7a8496}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:560px;margin:0 auto;padding:18px 16px 40px}header h1{margin:0 0 4px;font-size:28px;letter-spacing:.5px;color:var(--accent)}.sub{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}.sub .t{color:var(--target)}.sub .o{color:var(--obstacle)}.bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.bar .spacer{flex:1}.seg{display:inline-flex;border:1px solid #26323f;border-radius:8px;overflow:hidden}.seg button{background:var(--panel);color:var(--muted);border:0;padding:7px 14px;cursor:pointer;font-size:13px}.seg button.on{background:var(--accent);color:#fff}.family{font-size:12px;color:var(--muted);text-align:right}canvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1;border-radius:12px;border:1px solid #26323f;background:#10161d;touch-action:none}.shot{display:flex;align-items:center;gap:8px;margin:14px 0 10px}.shot .fx{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.shot input{flex:1;background:#0e141b;border:1px solid #2a3744;color:var(--ink);border-radius:8px;padding:9px 11px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px}.shot input:focus{outline:2px solid var(--accent)}.shot button{border:0;border-radius:8px;padding:9px 16px;cursor:pointer;font-size:14px;background:var(--accent);color:#fff}.shot button.ghost{background:var(--panel);color:var(--muted);border:1px solid #26323f}.status{color:var(--muted);font-size:13px;margin-bottom:6px}.result{font-size:14px;min-height:22px;color:var(--ink)}.result.good{color:#3ad16f}.result.bad{color:#e08a72}