body.shotclock-page{overflow:hidden}body.shotclock-page .site-footer,body.shot-immersive .site-header{display:none}.shot{--shot-top: 68px;position:fixed;inset:var(--shot-top) 0 0;z-index:5;background:var(--bg-deep);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}body.shot-immersive .shot{--shot-top: 0px}.shot .stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(orientation:portrait){.shot:not(.rot) .stage{padding-bottom:calc(54px + env(safe-area-inset-bottom))}}.shot .num{font-weight:800;line-height:.82;letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-align:center;color:var(--text);transition:color .18s ease;will-change:contents}.shot .num.d1{font-size:min(62vw,86vh)}.shot .num.d2{font-size:min(50vw,80vh)}.shot .num.d3{font-size:min(36vw,66vh)}.shot.warn .num{color:var(--warn)}.shot.crit .num{color:var(--danger);animation:shot-beat 1s ease-in-out infinite}.shot.end .num{color:var(--danger)}.shot.idle .num{color:var(--muted-strong);opacity:.55}.shot.pause .num{color:var(--muted-strong);opacity:.6;animation:none}@keyframes shot-beat{0%,to{transform:scale(1)}12%{transform:scale(1.06)}30%{transform:scale(1)}}@keyframes shot-flash{0%,to{background:var(--bg-deep)}50%{background:#f0616d38}}.shot.end .stage{animation:shot-flash .7s ease-in-out 4}.shot .shot-hint{position:absolute;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));margin:0;text-align:center;font-size:13px;font-weight:600;letter-spacing:var(--tr-hint);text-transform:uppercase;color:var(--muted);pointer-events:none;transition:opacity .25s}.shot.run .shot-hint{opacity:0}.shot.end .shot-hint{color:var(--danger);opacity:1}.shot{--tr-hint: .14em}html[lang=ko] .shot,html[lang=ja] .shot,html[lang=zh-Hant] .shot,html[lang=th] .shot{--tr-hint: .02em}.shot .bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff0d}.shot .bar i{display:block;height:100%;width:100%;background:var(--green);transform-origin:left center}.shot.warn .bar i{background:var(--warn)}.shot.crit .bar i,.shot.end .bar i{background:var(--danger)}.shot.nobar .bar{display:none}.shot .dock{position:absolute;z-index:700;bottom:calc(14px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right));display:flex;gap:8px;align-items:center;transition:opacity .3s}.shot.run .dock{opacity:.22}.shot .dock:hover{opacity:1}.shot .dk{min-width:44px;height:44px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:13px;font-weight:700;color:var(--muted-strong);background:#111e2ce6;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.shot .dk svg{width:19px;height:19px;fill:currentColor;display:block}.shot .dk:hover{color:var(--text);border-color:var(--green);background:var(--card-hover)}.shot .dk.ext,.shot .dk.on{color:var(--green-bright);border-color:var(--green)}.shot .dk[hidden]{display:none}.shot .sheet{position:absolute;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:20px;background:#071019c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.shot .sheet[hidden]{display:none}.shot .sheet-in{width:100%;max-width:460px;max-height:100%;overflow-y:auto;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.shot .sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.shot .sheet-x{flex:none;width:32px;height:32px;padding:0;font:inherit;font-size:20px;line-height:1;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,border-color .15s}.shot .sheet-x:hover{color:var(--text);border-color:var(--muted)}.shot .sheet h2{margin-bottom:0;font-size:13px;font-weight:700;letter-spacing:var(--tr-hint);text-transform:uppercase;color:var(--muted)}.shot .row{padding:12px 0;border-bottom:1px solid var(--line-soft)}.shot .rk{display:block;margin-bottom:9px;font-size:12px;font-weight:700;color:var(--muted-strong)}.shot .opts{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.shot .unit{font-size:12px;color:var(--muted)}.shot .opt-input{display:inline-flex;align-items:center;gap:6px}.shot .opt-btn{padding:8px 14px;font:inherit;font-size:13px;font-weight:600;color:var(--muted-strong);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.shot .opt-btn:hover{color:var(--text);background:var(--card-hover)}.shot .opt-btn.active{color:var(--green-bright);background:var(--green-dim);border-color:var(--green)}.shot .num-in{width:76px;padding:8px;text-align:center;font:inherit;font-size:13px;font-weight:600;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm)}.shot .num-in:focus{outline:none;border-color:var(--green)}.shot .num-in::-webkit-inner-spin-button,.shot .num-in::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shot .num-in{-moz-appearance:textfield;appearance:textfield}.shot .tog-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.shot .tog-row span{font-size:13px;font-weight:600;color:var(--muted-strong)}.shot .tog{position:relative;flex:none;width:48px;height:27px;padding:0;background:var(--card);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:background .15s,border-color .15s}.shot .tog:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:left .15s,background .15s}.shot .tog.on{background:var(--green-dim);border-color:var(--green)}.shot .tog.on:after{left:23px;background:var(--green-bright)}.shot .voice-slot{margin:16px 0}.shot .sheet-foot{display:flex;gap:8px;margin-top:18px}.shot .sheet-foot .prim{flex:1;padding:11px;font:inherit;font-size:13px;font-weight:700;color:var(--on-green);background:var(--green);border:1px solid var(--green);border-radius:10px;cursor:pointer;transition:background .15s}.shot .sheet-foot .prim:hover{background:var(--green-hover)}.shot .sheet-note{margin-top:14px;font-size:11px;line-height:1.8;color:var(--muted)}.shot .sheet-note kbd{font-size:10px;font-family:inherit;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:1px 5px}@media(max-width:640px){.shot{--shot-top: 60px}.shot .shot-hint{font-size:11px}.shot .dk{min-width:40px;height:40px;padding:0 10px;font-size:12px}.shot .dk svg{width:17px;height:17px}}@media(orientation:landscape)and (max-height:560px){.shot .num.d1{font-size:min(58vw,86vh)}.shot .num.d2{font-size:min(46vw,80vh)}.shot .num.d3{font-size:min(34vw,66vh)}.shot.run .num.d1{font-size:min(58vw,104vh)}.shot.run .num.d2{font-size:min(46vw,96vh)}.shot.run .num.d3{font-size:min(34vw,78vh)}.shot .shot-hint{bottom:calc(10px + env(safe-area-inset-bottom))}}.shot.rot{inset:50% auto auto 50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}.shot.rot .num.d1{font-size:min(58vh,86vw)}.shot.rot .num.d2{font-size:min(46vh,80vw)}.shot.rot .num.d3{font-size:min(34vh,66vw)}.shot.rot.run .num.d1{font-size:min(58vh,104vw)}.shot.rot.run .num.d2{font-size:min(46vh,96vw)}.shot.rot.run .num.d3{font-size:min(34vh,78vw)}.shot.rot .shot-hint{bottom:calc(10px + env(safe-area-inset-left))}