#view-shoot{padding-bottom:0}
#app:has(#view-shoot.active){height:100dvh}
#shoot-app{height:100%;display:flex;flex-direction:column;padding:6px 8px;gap:4px;overflow:hidden;font-size:13px}
#shoot-app *{box-sizing:border-box}
#shoot-app button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid var(--border);border-radius:7px;background:var(--bg3);color:var(--text);padding:5px}
#shoot-app button:disabled{opacity:.4;cursor:default}
#shoot-app button:focus-visible,#shoot-app input:focus-visible,#shoot-app select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
#shoot-app [hidden]{display:none!important}
.sc-tools,.sc-tabs,.sc-sync,.sc-card-head,.sc-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:5px}
.sc-tabs button[aria-pressed=true]{border-color:var(--orange)!important;color:var(--orange)!important}
.sc-sound{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:3px}
.sc-sync{font-size:10px;color:var(--text2);min-height:28px}.sc-sync button{min-height:28px!important;font-size:10px!important;padding:3px 6px!important}
.sc-voice{display:flex;align-items:flex-end;gap:6px}.sc-voice label{display:flex;align-items:center;gap:5px;flex:1;min-width:0;font-size:11px}.sc-voice select{min-width:0;width:100%;min-height:32px;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;font:inherit}.sc-voice button{min-height:32px!important;font-size:11px!important;white-space:nowrap}.sc-voice-status{font-size:10px;color:var(--text2);line-height:1.3;min-height:13px}
.sc-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;overflow:auto}
.sc-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;min-width:0;min-height:225px}
.sc-card-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.sc-card-head span{font-size:10px;white-space:nowrap}
.sc-drill{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.sc-place,.sc-goal{font-size:10px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-score{font-size:25px;font-weight:bold;font-variant-numeric:tabular-nums;line-height:1.35}.sc-score small{font-size:12px;font-weight:normal}.sc-score span{font-size:15px}
.sc-count-buttons,.sc-other-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sc-count-buttons{flex:1;min-height:44px;max-height:80px;margin-top:5px}.sc-count-buttons button{font-size:18px!important;font-weight:bold!important}
.sc-hit{background:var(--greenD)!important;color:#8ae0ad!important}.sc-miss{background:rgba(231,76,60,.18)!important;color:#ffb4ab!important}
.sc-other-buttons button{font-size:11px!important;padding:2px!important}.sc-next{font-size:11px!important;min-height:30px!important}
.sc-achieved{background:#153e35;border-color:#5cd69e}.sc-achieved .sc-card-head span{color:#82efba;font-weight:bold}
.sc-voice-target{outline:2px solid var(--orange);outline-offset:-2px}
.sc-empty{justify-content:center;align-items:center;gap:18px}.sc-saved{font-size:9px;line-height:12px;color:var(--text2)}
.sc-note{font-size:11px;color:var(--text2);margin:4px 0;line-height:1.4}.sc-alert{background:#552e27;color:#ffe4df;font-size:12px;padding:6px;border-radius:6px;max-height:65px;overflow:auto}
.sc-dialog{width:min(96vw,460px);max-height:92dvh;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:14px;margin:auto;padding:14px;overflow:auto;font-size:14px}
.sc-dialog::backdrop{background:#000a}.sc-dialog label,.sc-history>label{display:flex;flex-direction:column;gap:4px;margin:10px 0}
.sc-dialog input,.sc-dialog select,.sc-history input,.sc-history select{width:100%;min-width:0;min-height:44px;padding:7px;font:inherit;font-size:16px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px}
.sc-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-primary{width:100%;background:var(--orange)!important;color:#14202d!important;font-weight:bold!important;margin-top:10px}
.sc-history{overflow:auto;padding:2px 4px 20px;flex:1}.sc-range{display:flex;align-items:flex-end;gap:5px}.sc-range label{min-width:0;flex:1;font-size:11px}.sc-range input{font-size:13px}.sc-result{padding:12px 8px;margin:8px 0;border:1px solid var(--border);border-radius:9px;background:var(--card);overflow-wrap:anywhere}.sc-result div{margin:3px 0;font-size:12px}.sc-result small{color:var(--text2)}.sc-result button{float:right;font-size:11px!important}.sc-result:after{content:'';display:block;clear:both}.sc-conflict{color:#ffd37d;font-size:12px}
.sc-trend{margin:10px 0}.sc-trend svg{display:block;width:100%;max-height:180px}.sc-trend table{width:100%;font-size:11px;text-align:left;border-collapse:collapse}.sc-trend td,.sc-trend th{padding:4px;border-bottom:1px solid var(--border)}.sc-shot-list{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0}
.sc-result .sc-result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.sc-result-actions button{float:none}.sc-delete{color:#ffb4ab!important;border-color:#9e514a!important}
@media(max-height:740px){#shoot-app{padding:3px 6px;gap:2px}.sc-card{min-height:195px;padding:4px}.sc-card-head strong{font-size:14px}.sc-score{font-size:21px}.sc-score span{font-size:13px}.sc-drill{margin-top:0;font-size:11px}.sc-count-buttons{margin-top:2px}.sc-other-buttons button{min-height:34px!important}.sc-next{min-height:26px!important}.sc-note{font-size:10px;margin:1px 0}.sc-sync{min-height:24px}}