:root{color-scheme:dark;--bg:#070e1c;--line:#273b56;--cyan:#61f0e2;--mint:#a8ffcf;--amber:#ffc15a;--text:#eaf5ff;--muted:#8ea4bb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#113452,transparent 40%),var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header,main{width:min(1280px,calc(100% - 32px));margin:auto}header{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c}.brand{color:var(--cyan);text-decoration:none;font-weight:900;letter-spacing:.12em}.brand span{color:white;font-size:12px;margin-left:8px}.tag,.eyebrow{font:700 10px ui-monospace,monospace;letter-spacing:.15em;color:var(--cyan)}.intro{padding:30px 0 18px;max-width:700px}.intro h1{font-size:clamp(45px,7vw,74px);line-height:.88;margin:10px 0}.intro h1 em{font-style:normal;color:var(--mint)}.intro>p:not(.eyebrow){color:var(--muted)}.facts{display:flex;gap:7px;flex-wrap:wrap}.facts span{border:1px solid var(--line);border-radius:30px;padding:6px 9px;color:#bdd1df;font:9px ui-monospace,monospace}.shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.card{background:linear-gradient(145deg,#112137,#0a1423);border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 15px 40px #0004}.head{display:flex;gap:12px;align-items:center;justify-content:space-between;padding-bottom:12px;font:10px ui-monospace,monospace;color:var(--muted)}.score{font-size:24px;color:var(--mint)}button{cursor:pointer}.head button{background:#12233a;color:var(--text);border:1px solid var(--line);padding:7px 10px;border-radius:7px}.pitch{position:relative;aspect-ratio:12/7;overflow:hidden;border-radius:9px;border:1px solid #29435e}.pitch canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#06111bdd;backdrop-filter:blur(6px)}.overlay[hidden]{display:none}.overlay h2{font-size:clamp(24px,4vw,40px);line-height:1.05;margin:8px}.overlay p{max-width:490px;color:#b3c6d5;font-size:13px}.start{background:linear-gradient(90deg,var(--cyan),var(--mint));border:0;border-radius:8px;padding:12px 18px;font-weight:900;color:#07141c}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px}.controls p,aside p{color:var(--muted);font-size:11px}.controls b{color:var(--cyan);font:700 10px ui-monospace,monospace}.controls>div:first-child p{margin:4px 0}.controls #choices{display:flex;gap:6px}.controls button{background:#102238;color:white;border:1px solid #38526e;border-radius:8px;padding:11px 9px;font-weight:800;font-size:10px}.controls button:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 13px #61f0e244}.controls button:disabled{opacity:.4}aside h2{font-size:16px;margin:0}aside h3{font:700 10px ui-monospace,monospace;color:#b7c9d6;margin:17px 0 8px}aside h3 span{float:right;color:var(--muted)}.bar{display:grid;grid-template-columns:50px 1fr 34px;gap:7px;align-items:center;margin:7px 0;font:10px ui-monospace,monospace;color:#bdd1df}.track{height:7px;background:#1c3045;border-radius:9px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,#25c8ba,#a8ffcf);transition:width .3s}#feed{max-height:235px;overflow:auto;padding-left:18px;font-size:10px;color:var(--muted)}#feed li{padding:5px 0;border-bottom:1px solid #ffffff10}#feed strong{color:var(--mint)}#feed .saved{color:var(--amber)}aside>small{color:#7f93a7;font-size:9px}footer{padding:20px 0;color:#71869d;font:9px ui-monospace,monospace;letter-spacing:.1em}@media(max-width:900px){.shell{grid-template-columns:1fr}.head{flex-wrap:wrap}.controls{align-items:stretch;flex-direction:column}.controls #choices button{flex:1}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}aside h2,aside p,#feed,aside>small{grid-column:1/-1}}@media(max-width:600px){header,main{width:calc(100% - 20px)}header{height:58px}.tag{font-size:8px}.card{padding:9px}.head{font-size:8px;gap:5px}.score{font-size:20px}.controls #choices{width:100%}.controls button{flex:1}aside{display:block}footer{font-size:8px}}