:root{color-scheme:dark;font-family:Inter,ui-rounded,system-ui,sans-serif;background:#071b27;color:#f4fbff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 20% 20%,#174a56,#071b27 60%,#031018)}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:auto;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:#03131dcc;backdrop-filter:blur(12px)}.card{width:min(620px,100%);border:1px solid #a9fff73b;border-radius:30px;padding:clamp(22px,5vw,38px);background:linear-gradient(145deg,#123b46f2,#092530f2);box-shadow:0 30px 90px #0009;text-align:center}.card.compact{width:min(470px,100%)}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff12;color:white;text-decoration:none;font-size:25px}.icon{font-size:56px;margin:8px 0}.eyebrow{color:#7ee8da;font-size:12px;font-weight:900;letter-spacing:.17em}h1,h2{margin:8px 0 12px}h1{font-size:clamp(36px,8vw,60px);line-height:1}p{color:#d2edf1;line-height:1.55}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;text-align:left}.settings label{display:grid;gap:7px;color:#bfe0e4;font-size:12px;font-weight:700}select,button{min-height:46px;border:1px solid #b9fff333;border-radius:14px;background:#061b25;color:white;padding:0 14px;font:inherit}button{cursor:pointer;font-weight:800}.primary{width:100%;border:0;background:linear-gradient(135deg,#8af3df,#f8d785);color:#08242b;box-shadow:0 10px 30px #77e5d52e}.card small{display:block;margin-top:16px;color:#a9c9ce;line-height:1.5}.hud{position:fixed;z-index:5;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #c9fff32b;border-radius:18px;background:#041821d9;backdrop-filter:blur(10px);box-shadow:0 12px 35px #0007}.hud div{min-width:84px;text-align:center}.hud span{display:block;color:#86b9bf;font-size:9px;font-weight:800;letter-spacing:.08em}.hud b{font-size:18px}.hud button{width:42px;min-height:42px;padding:0}.result-score b{font-size:48px;color:#91f5e2}@media(max-width:620px){.settings{grid-template-columns:1fr}.card{border-radius:24px}.hud{top:calc(8px + env(safe-area-inset-top));width:calc(100% - 16px);justify-content:center;gap:3px}.hud div{min-width:66px}.hud button{width:38px}.hud span{font-size:8px}}