:root{--bg: #0e1116;--panel: #181d25;--line: #2a323d;--ink: #eef3f7;--dim: #93a4b3;--accent: #5a8fc0;--good: #3fae6f;--bad: #c0564f;--before: #c6814a;--after: #5a8fc0}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(900px 560px at 50% -8%,#16202a,var(--bg));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}#app{width:100%;max-width:520px;padding:12px 12px 26px}header{text-align:center;margin-bottom:6px}h1{margin:0;font-size:26px;letter-spacing:5px;font-weight:800;color:var(--accent)}.sub{margin:4px 0 0;color:var(--dim);font-size:13px;line-height:1.4}.bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center;margin:12px 0}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{background:none;border:none;color:var(--dim);padding:6px 13px;font:600 13px system-ui;cursor:pointer}.seg button.active{background:var(--accent);color:#06151f}.btn{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:7px 14px;border-radius:999px;font:700 13px system-ui;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.big{margin-top:14px;padding:10px 20px;font-size:15px}.scoreboard{display:flex;gap:8px;justify-content:center;margin:8px 0 14px}.readout{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font:800 18px system-ui;text-align:center;min-width:78px}.readout span{display:block;font:600 10px system-ui;letter-spacing:1px;color:var(--dim);margin-bottom:2px}.windowwrap{margin:0 0 16px}.winlabels{display:flex;justify-content:space-between;font:600 12px system-ui;color:var(--dim);margin-bottom:4px}.winbar{position:relative;height:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.winfill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#3a6fa0,var(--accent));transition:left .35s ease,width .35s ease}.winfill.pinned{background:linear-gradient(90deg,#2f9c63,var(--good))}.wincaption{text-align:center;font:600 12px system-ui;color:var(--dim);margin-top:5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 16px;text-align:center;min-height:120px;display:flex;flex-direction:column;justify-content:center}.prompt{color:var(--dim);font:600 13px system-ui}.anchorline{color:var(--dim);font:600 13px system-ui;margin-bottom:10px}.anchorline b{color:var(--ink)}.anchorevent{font:800 20px system-ui;line-height:1.3}.anchoryear{margin-top:8px;font:800 22px system-ui;color:var(--accent);letter-spacing:1px}.calls{display:flex;gap:10px;margin:14px 0}.callbtn{flex:1;padding:16px 0;border:1px solid var(--line);border-radius:12px;font:800 16px system-ui;cursor:pointer;color:var(--ink);background:var(--panel);transition:transform .05s,border-color .15s}.callbtn:hover:not(:disabled){border-color:var(--accent)}.callbtn:active:not(:disabled){transform:scale(.97)}.callbtn.before{border-color:#553820}.callbtn.before:hover:not(:disabled){border-color:var(--before)}.callbtn.after{border-color:#244055}.callbtn:disabled{opacity:.4;cursor:default}.history{margin-top:6px}.hrow{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--panel);font:600 13px system-ui}.hrow.good{border-color:#245a3a}.hrow.bad{border-color:#5a2c28}.hcall{color:var(--dim);min-width:64px}.hname{flex:1}.hmark{font-weight:800}.hrow.good .hmark{color:var(--good)}.hrow.bad .hmark{color:var(--bad)}.overlay{position:fixed;inset:0;background:#080b0fd1;display:flex;align-items:center;justify-content:center;padding:16px}.overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:380px;width:100%;text-align:center}.panel h2{margin:0 0 10px;color:var(--accent);font-size:22px}.reveal{color:var(--dim);font-size:14px;line-height:1.5}.reveal b{color:var(--ink);font-size:17px}.reveal .ry{color:var(--accent);font-weight:800}.finalstats{display:flex;gap:10px;justify-content:center;margin:16px 0 4px}.finalstats div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;flex:1;font:600 11px system-ui;color:var(--dim)}.finalstats div span{display:block;font:800 18px system-ui;color:var(--ink);margin-bottom:2px}