:root{--bg1: #1b2350;--bg2: #070a1a;--ink: #f3f5ff;--dim: #98a2d0;--gold: #ffc83d;--green: #62e08a;--panel: rgba(18, 24, 54, .78);--line: rgba(255,255,255,.14);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;color:var(--ink);font:15px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at 50% 30%,var(--bg1),var(--bg2) 72%);overscroll-behavior:none}.hidden{display:none!important}button{font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:calc(8px + var(--safe-t)) 14px calc(8px + var(--safe-b));gap:6px}#bar,#infoRow,#banner,#dock{width:100%;max-width:560px}#bar{display:flex;align-items:center;gap:10px;min-height:52px}.stat{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 12px;min-height:48px}.stat span,.lbl{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.stat b{font-size:22px;font-variant-numeric:tabular-nums}#chain{min-width:0;font-weight:800;color:#2a2100;background:var(--gold);border-radius:999px;padding:0 12px;height:32px;line-height:32px;font-size:13px;opacity:0;transition:opacity .15s;white-space:nowrap}#chain.show{opacity:1}#pauseBtn,#menuBtn,#helpBtn{width:48px;height:48px;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-size:18px}#infoRow{display:flex;align-items:stretch;gap:10px;min-height:52px}#nextBox,#dangerBox{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4px 10px}#nextBox{flex:0 0 auto}#nextCv{display:block;height:28px}#dangerBox{flex:1;min-width:0;overflow:hidden}#dangerBox b{font-size:15px}#dangerBox.tight b{color:#ffb37a}#helpers{display:flex;gap:8px}#helpers button{width:50px;flex:0 0 auto;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-size:18px;line-height:1;display:grid;place-items:center;padding:2px 0}#helpers button small{display:block;font-size:10px;color:var(--dim);margin-top:1px}#helpers button[aria-pressed=true]{background:var(--gold);border-color:transparent}#helpers button[aria-pressed=true] small{color:#5b4a10}#helpers button:disabled{opacity:.35;cursor:default}#banner{min-height:28px;text-align:center;font-weight:800;font-size:16px;color:var(--gold);text-shadow:0 2px 10px #000a;display:flex;align-items:center;justify-content:center}#banner.dim{color:var(--dim);font-weight:600;font-size:14px}#stage{flex:1;width:100%;display:flex;align-items:flex-start;justify-content:center;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}#field{position:relative}#cv{display:block;touch-action:none;border-radius:16px}#coach{position:absolute;left:50%;top:38%;transform:translate(-50%);max-width:92%;text-align:center;background:var(--gold);color:#2a2100;font-weight:800;padding:10px 14px;border-radius:14px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:2}#coach.show{opacity:1}#dock{display:flex;gap:10px;align-items:center}#dropBtn{flex:1;height:64px;border-radius:18px;border:0;background:var(--green);color:#07270f;font-size:22px;font-weight:900;letter-spacing:.08em}#dropBtn:active{filter:brightness(.9)}#dropBtn:disabled{opacity:.45}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow-y:auto;background:#050816a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px;z-index:20}.card{margin:auto;width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card h2{margin:0 0 12px;font-size:26px}.modes{display:grid;gap:8px;margin-bottom:12px}.modeBtn{text-align:left;border-radius:14px;border:1px solid var(--line);background:#ffffff12;padding:10px 14px;min-height:56px}.modeBtn b{display:block;font-size:17px}.modeBtn small{color:var(--dim)}.modeBtn[aria-pressed=true]{background:var(--gold);color:#2a2100;border-color:transparent}.modeBtn[aria-pressed=true] small{color:#5b4a10}.row{display:flex;align-items:center;gap:10px;min-height:44px}.row input{width:22px;height:22px}.how{padding-left:20px;margin:0 0 14px;line-height:1.6}.foot{display:flex;gap:10px;margin-top:10px}.foot button{flex:1;min-height:52px;border-radius:14px;border:1px solid var(--line);background:#ffffff14;font-weight:700;font-size:16px}.foot .primary{background:var(--gold);color:#2a2100;border-color:transparent}.more{text-align:center;color:var(--dim);font-size:13px;margin:14px 0 0}.more a{color:var(--gold)}#overScore{font-size:40px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}#overInfo{color:var(--dim);margin:4px 0 8px}#shareText{white-space:pre-wrap;background:#0000004d;border-radius:12px;padding:10px;font:14px/1.4 ui-monospace,Menlo,monospace;margin:0 0 6px}@media (max-height: 520px) and (orientation: landscape){#app{flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px 14px;padding:6px 10px}#bar{flex-direction:column;width:170px;max-width:none}#bar .stat{width:100%}#infoRow{flex-direction:column;width:170px;max-width:none;order:1}#stage{flex:0 0 auto;width:auto;order:0}#banner{position:absolute;top:4px;left:50%;transform:translate(-50%);width:auto;z-index:3;pointer-events:none}#dock{flex-direction:column;width:120px;order:2}#dropBtn{width:100%;flex:0 0 auto;height:56px}}@media (prefers-reduced-motion: reduce){#chain,#coach{transition:none}}@media (max-height: 700px) and (orientation: portrait){#app{gap:4px;padding-top:calc(6px + var(--safe-t));padding-bottom:calc(6px + var(--safe-b))}#bar{min-height:44px}.stat{min-height:44px;padding:2px 12px}.stat b{font-size:20px}#pauseBtn,#menuBtn,#helpBtn{width:44px;height:44px}#infoRow{min-height:44px}#nextBox,#dangerBox{padding:2px 10px}#banner{min-height:22px;font-size:14px}#dropBtn{height:56px}#helpers button{min-height:44px}}@media (max-height: 520px) and (orientation: landscape){#infoRow{flex-direction:column}#nextBox,#helpers{width:100%}#helpers button{flex:1;min-height:44px}}