:root{--panel:#0c101cdb;--panel-solid:#121828;--line:#ffffff1f;--text:#f2f4f8;--muted:#a8b0c2;--accent:#f2c94c;--out:#ff5a4f;--safe:#5ad1ff;--best:#4cd18a;--ok:#f2c94c;--bad:#ff6b5f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#0a0f1c;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}kbd{min-width:1.6em;font:inherit;text-align:center;color:var(--muted);border:1px solid #ffffff59;border-bottom-width:2px;border-radius:5px;margin-right:.45em;padding:.05em .4em;font-size:.8em;display:inline-block}.hud{color:#1b2440;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;min-width:260px;position:fixed;top:16px;left:16px;overflow:hidden;box-shadow:0 6px 24px #00000059}.hud-title{color:#fff;background:#1b2440;padding:6px 12px;font-size:14px;font-weight:700}.hud-row{align-items:center;gap:16px;padding:8px 12px;display:flex}.hud-outs{align-items:center;gap:5px;font-size:13px;font-weight:800;display:flex}.hud-outs i{border:2px solid #c5cad6;border-radius:50%;width:14px;height:14px}.hud-outs i.on{background:var(--out);border-color:var(--out)}.hud-bases{width:52px;height:38px}.hud-bases rect{fill:#e6e9ef;stroke:#c5cad6;stroke-width:1.5px}.hud-bases rect.on{fill:var(--accent);stroke:#c9a12c}.hud-speed{color:#59617a;margin-left:auto;font-size:13px}.hud-speed b{color:#1b2440;font-size:20px}.crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 2px #00000059}.tags{pointer-events:none;position:fixed;inset:0}.tag{background:var(--panel);border:1px solid var(--accent);color:var(--text);white-space:nowrap;pointer-events:auto;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:16px;font-weight:800;position:absolute;transform:translate(-50%,-100%)}.tag.edge{opacity:.85;border-style:dashed;transform:translate(-50%,-50%)}.tag:hover{background:var(--accent);color:#1b2440}.tag kbd{color:inherit}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:22%;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border-radius:8px;padding:10px 26px;font-size:30px;font-weight:900;animation:.25s ease-out pop}.toast.out{color:var(--out)}.toast.safe{color:var(--safe)}@keyframes pop{0%{opacity:0;transform:scale(1.4)}}.decision{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;width:min(720px,100vw - 32px);padding:14px 16px 16px;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.decision-title{margin-bottom:10px;font-size:22px;font-weight:900}.decision-timer{background:#ffffff1f;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.decision-timer div{background:var(--accent);transform-origin:0;width:100%;height:100%}.decision-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button{font:inherit;cursor:pointer}.decision-buttons button{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:8px;padding:10px 16px;font-size:17px;font-weight:700}.decision-buttons button:hover{border-color:var(--accent)}.help{color:var(--muted);white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none;font-size:13px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.overlay{background:#0508108c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;width:min(640px,100%);max-height:calc(100vh - 32px);padding:24px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 4px;font-size:26px}.card h2{color:var(--muted);margin:20px 0 8px;font-size:15px;font-weight:700}.card p{margin:0;line-height:1.65}.eyebrow{color:var(--accent);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:800}.situation{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chip{background:#ffffff14;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}.difficulties{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.difficulties button{border:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff0a;border-radius:10px;padding:12px 10px}.difficulties button b{margin-bottom:4px;font-size:16px;display:block}.difficulties button span{color:var(--muted);font-size:12px;line-height:1.4}.difficulties button.selected{border-color:var(--accent);background:#f2c94c1f}.actions{gap:8px;margin-top:22px;display:flex}.primary,.secondary{border-radius:10px;flex:1;padding:13px 16px;font-size:17px;font-weight:800}.primary{background:var(--accent);color:#1b2440;border:none}.secondary{border:1px solid var(--line);color:var(--text);background:0 0}.primary kbd{color:#1b2440;border-color:#1b244066}.grade{border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block}.grade.best{color:var(--best);background:#4cd18a29}.grade.ok{color:var(--ok);background:#f2c94c29}.grade.bad{color:var(--bad);background:#ff6b5f29}.result-state{color:var(--muted);font-size:15px}.stat-row{gap:10px;margin-top:14px;display:flex}.stat{background:#ffffff0d;border-radius:10px;flex:1;padding:10px 12px}.stat small{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.stat b{font-size:20px}.timing{border-collapse:collapse;width:100%;font-size:14px}.timing td,.timing th{border-bottom:1px solid var(--line);text-align:left;padding:7px 6px}.timing th{color:var(--muted);font-weight:600}.timing .out{color:var(--out);font-weight:800}.timing .safe{color:var(--safe);font-weight:800}.alt{border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:14px;display:flex}.alt+.alt{margin-top:4px}.alt.chosen{background:#ffffff12}.alt .alt-name{font-weight:700}.alt .alt-res{color:var(--muted);text-align:right}.alt .badge{color:var(--best);margin-left:6px;font-size:12px}.note{color:var(--muted);margin-top:10px;font-size:14px}.hud-batter{background:#e6e9ef;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}.replay-banner{background:var(--panel);border:1px solid var(--line);pointer-events:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%)}.menu-card{word-break:keep-all;width:min(1180px,100%);padding:18px 26px}.menu-grid{grid-template-columns:minmax(320px,400px) 1fr;align-items:start;gap:28px;display:grid}.menu-side .modes{margin-top:14px}.menu-side .difficulties button span{font-size:12px}.menu-side .gen-toggle{margin-top:12px}.menu-main .tabs{margin-top:0}.menu-main .items{gap:5px}.menu-main .item{padding:8px 14px}.controls{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:7px 12px;font-size:13px;display:grid}.controls>span:nth-child(odd){white-space:nowrap;gap:3px;display:flex}.controls kbd{font-size:12px}.controls .ctl-label{color:var(--text);font-size:12px}.controls-note{color:var(--muted);font-size:12px;margin-top:8px!important}@media (width<=960px){.menu-grid{grid-template-columns:1fr}}.tabs{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px;display:grid}.tab{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-bottom:none;border-radius:10px 10px 0 0;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.tab b{color:var(--text);font-size:16px}.tab span{font-variant-numeric:tabular-nums;font-size:12px}.tab.selected{border-color:var(--accent);background:#f2c94c1f}.items{border:1px solid var(--line);border-radius:0 0 10px 10px;flex-direction:column;gap:6px;padding:10px;display:flex}.item{color:var(--text);text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.item:hover,.item:focus-visible{border-color:var(--accent);outline:none}.item-main{flex-direction:column;gap:3px;min-width:0;display:flex}.item-main b{font-size:16px}.item-main small{color:var(--muted);font-size:13px}.item-side{flex-shrink:0;align-items:center;gap:8px;display:flex}.kind{color:var(--muted);font-size:12px}.status{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.status.best{color:var(--best);background:#4cd18a29}.status.ok{color:var(--ok);background:#f2c94c29}.status.bad{color:var(--bad);background:#ff6b5f29}.status.none{color:var(--muted);background:#ffffff0f}.actions.wrap{flex-wrap:wrap}.actions.wrap button{flex:140px;font-size:15px}.table-wrap{overflow-x:auto}.alt.col{flex-direction:column;gap:4px}.alt.col .alt-res{text-align:left;line-height:1.5}.badge.ok{color:var(--ok)}.badge.bad{color:var(--bad)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.random-row{align-items:center;gap:12px;margin-top:4px;margin-bottom:0;display:flex}.random-row .random-desc{color:var(--muted);flex:1;font-size:13px;line-height:1.5}.random-row button{border-radius:8px;flex:none;padding:11px 14px;font-size:15px;font-weight:800}.decision-call{color:var(--safe);margin:-4px 0 10px;font-size:17px;font-weight:800}.gen-toggle{cursor:pointer;align-items:flex-start;gap:8px;padding:4px 2px 8px;font-size:14px;display:flex}.gen-toggle input{accent-color:var(--accent);margin-top:3px}.gen-toggle small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.brief-grid{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 16px;display:grid}@media (width<=480px){.brief-grid{grid-template-columns:1fr}}.brief-box{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.brief-label{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:800}.brief-sit{align-items:center;gap:14px;display:flex}.brief-bases{flex-shrink:0;width:64px;height:47px}.brief-bases rect{fill:#ffffff1a;stroke:#ffffff59;stroke-width:1.5px}.brief-bases rect.on{fill:var(--accent);stroke:var(--accent)}.brief-sit-text{flex-direction:column;gap:2px;display:flex}.brief-sit-text b{align-items:center;gap:8px;font-size:24px;display:flex}.brief-sit-text>span{font-size:16px;font-weight:700}.brief-outs{gap:4px;display:inline-flex}.brief-outs i{border:2px solid #fff6;border-radius:50%;width:12px;height:12px}.brief-outs i.on{background:var(--out);border-color:var(--out)}.brief-main{text-wrap:balance;font-size:24px;line-height:1.25}.brief-sub{color:var(--muted);font-size:14px}.decision-buttons button.pending,.tag.pending{background:var(--accent);border-color:var(--accent);color:#1b2440}.decision-buttons button.pending kbd,.tag.pending kbd{color:#1b2440;border-color:#1b244073}.brief-main.hidden-ball{color:var(--muted);font-size:32px}.modes{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}@media (width<=480px){.modes{grid-template-columns:1fr}}.modes button{border:1px solid var(--line);color:var(--text);text-align:left;background:#ffffff0a;border-radius:10px;padding:12px 14px}.modes button b{margin-bottom:3px;font-size:16px;display:block}.modes button span{color:var(--muted);font-size:12px;line-height:1.4}.modes button.selected{border-color:var(--accent);background:#f2c94c1f}.result-card{width:min(1240px,100%);padding:20px 26px}.result-grid{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:28px;display:grid}.result-side{flex-direction:column;display:flex}.result-side>h2:first-child{margin-top:0}.result-side .actions{margin-top:auto;padding-top:18px}.result-card .explain{font-size:16.5px;line-height:1.7}.result-card .alt{padding:6px 10px}.result-card h1{font-size:24px}.result-card .card h2,.result-card h2{margin:14px 0 6px}@media (width<=960px){.result-grid{grid-template-columns:1fr}}.menu-main{flex-direction:column;align-self:stretch;display:flex}.channel-links{justify-content:flex-end;gap:8px;margin-top:auto;padding-top:10px;display:flex}.channel{color:#fff;border-radius:8px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.channel b{letter-spacing:.02em;background:#ffffff38;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:900}.channel:hover,.channel:focus-visible{filter:brightness(1.12);outline:none}.channel.soop{background:#1f5bff}.channel.youtube{background:#e62117}.intro{z-index:5;background:#050810d1}.intro-card{text-align:center;word-break:keep-all;width:min(560px,100%);padding:32px 32px 22px}@media (width<=480px){.intro-card{padding:24px 18px 18px}.intro-card h1{font-size:25px}}@media (pointer:coarse){.intro-start kbd{display:none}}.intro-card h1{font-size:30px}.card .intro-lead{color:var(--text);margin:14px 0 18px;font-size:16px}.intro-points{text-align:left;border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:10px;margin:0 0 24px;padding:14px 18px 14px 34px;font-size:14.5px;line-height:1.6}.intro-points li+li{margin-top:6px}.intro-points b{color:var(--text)}.intro-start{width:100%}.intro-skip{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:inline-flex}.intro-channels{border-top:1px solid var(--line);justify-content:center;margin-top:18px;padding-top:14px}.intro-channels .channel{white-space:nowrap;padding:5px 11px;font-size:12px}.intro-link{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-right:auto;padding:7px 4px;font-size:13px;font-weight:700}.intro-link:hover,.intro-link:focus-visible{color:var(--text);outline:none}@media (pointer:coarse){.decision{pointer-events:none}.decision button{pointer-events:auto}}@media (height<=500px){.decision{padding:8px 10px 10px;bottom:6px}.decision-title{font-size:15px}.decision-buttons button{padding:6px 10px;font-size:13px}.help{display:none}}.setting-row{align-items:flex-start;gap:14px;margin-top:12px;display:flex}.setting-row .gen-toggle{margin-top:0!important}.setting-row>.gen-toggle{flex:1}.sound-ctl{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.sound-ctl input[type=range]{width:110px;accent-color:var(--accent)}