:root{--bg: #0a0a0a;--fg: #ffffff;--accent: #99ff88;--accent2: #ff6a3d}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,Apple SD Gothic Neo,sans-serif;display:grid;grid-template-rows:auto auto 1fr;place-items:center;gap:8px;position:relative}.title{margin-top:8px;font-size:28px;font-weight:600;opacity:.9}#stage{width:100%;height:auto;border-radius:12px;background:linear-gradient(180deg,#111,#0b0b0b);outline:none;box-shadow:0 10px 30px #00000073}.trail{fill:none;stroke:#99ff8840;stroke-width:2}.bow{fill:none;stroke:#9ad6ff;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.string{fill:none;stroke:#eee;stroke-width:2;stroke-linecap:round;opacity:.9}.arrow{stroke:var(--accent);stroke-width:4;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}#arrowHead polygon{fill:var(--accent)}.target.outer{fill:none;stroke:#ddd;stroke-width:3;opacity:.4}.target.mid{fill:#ffb0a0;opacity:.4}.target.inner{fill:var(--accent2);opacity:.9}.hud{display:flex;gap:16px;align-items:center;font-size:14px;opacity:.9;flex-wrap:wrap}.hint{opacity:.7}.stageWrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;width:min(1200px,96vw);align-items:start}.sidebar{background:#111;border:1px solid #2a2a2a;border-radius:10px;padding:12px;height:100%}.sb-title{text-align:center;margin-bottom:8px;opacity:.9}.sidebar ol{list-style:decimal;padding-left:20px;margin:0}.sidebar li{line-height:1.6;font-size:14px;color:#ddd}.sidebar li:nth-child(1){color:gold;font-size:20px;font-weight:700}.sidebar li:nth-child(2){color:silver;font-size:18px;font-weight:600}.sidebar li:nth-child(3){color:#cd7f32;font-size:16px;font-weight:600}.sidebar li:nth-child(n+4){font-size:13px;color:#cfcfcf}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;z-index:10;text-align:center}.gameover .final{font-size:22px;margin-bottom:12px}.lb{margin-top:20px;text-align:center}.lb-title{font-size:18px;margin-bottom:12px;opacity:.9}.lb ol{list-style:decimal;padding-left:20px;margin:0;text-align:left;max-height:200px;overflow-y:auto}.lb li{line-height:1.6;font-size:14px;color:#ddd}.restart{padding:10px 16px;border:none;border-radius:10px;font-size:16px;cursor:pointer;margin-top:16px}.hidden,.modal.hidden,.gameover.hidden{display:none!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;z-index:2147483647}.modal,.modal *,.modal .card{pointer-events:auto}body.modal-open{overflow:hidden}#stage[aria-disabled=true]{pointer-events:none}.card{background:#222;padding:24px;border-radius:12px;text-align:center;min-width:300px}.modal-title{margin:0 0 16px;font-size:18px;color:var(--fg)}.input{width:100%;padding:12px;border:1px solid #444;border-radius:6px;background:#333;color:var(--fg);font-size:16px;margin-bottom:16px;box-sizing:border-box}.input:focus{outline:none;border-color:var(--accent)}.btn{padding:12px 24px;border:none;border-radius:6px;background:var(--accent);color:var(--bg);font-size:16px;cursor:pointer;font-weight:500}.btn:hover{background:#8e7}