:root{--green: #0a7d3b;--green-lit: #4cf08a;--red: #9b1b1b;--red-lit: #ff5d5d;--yellow: #b59100;--yellow-lit: #ffe14d;--blue: #16407d;--blue-lit: #5aa9ff;--gap: 14px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(circle at 50% 30%,#1b2030,#0a0d14);color:#e8ecf5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:18px 12px 32px;gap:16px}.title{font-size:30px;font-weight:800;letter-spacing:6px;text-transform:uppercase;margin:4px 0 0;color:#f2f4fb;text-shadow:0 2px 12px rgba(90,169,255,.35)}.hud{display:flex;gap:22px;font-size:15px;align-items:baseline}.hud b{font-size:22px;color:#fff}.hud .label{opacity:.65;text-transform:uppercase;letter-spacing:1px;font-size:11px}.status{min-height:22px;font-size:15px;letter-spacing:.5px;opacity:.9;text-align:center}.disc{position:relative;width:min(82vw,420px);height:min(82vw,420px);border-radius:50%;background:#14171f;padding:var(--gap);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--gap);box-shadow:0 18px 50px #0009,inset 0 0 0 6px #05070b}.pad{cursor:pointer;border:none;outline:none;opacity:.72;transition:opacity 90ms linear,filter 90ms linear,transform 60ms ease;filter:saturate(.85) brightness(.8)}.pad:active{transform:scale(.985)}.pad.lit{opacity:1;filter:saturate(1.6) brightness(1.6)}.pad.g{background:var(--green);border-radius:100% 0 0}.pad.r{background:var(--red);border-radius:0 100% 0 0}.pad.y{background:var(--yellow);border-radius:0 0 0 100%}.pad.b{background:var(--blue);border-radius:0 0 100%}.pad.g.lit{background:var(--green-lit);box-shadow:0 0 40px var(--green-lit)}.pad.r.lit{background:var(--red-lit);box-shadow:0 0 40px var(--red-lit)}.pad.y.lit{background:var(--yellow-lit);box-shadow:0 0 40px var(--yellow-lit)}.pad.b.lit{background:var(--blue-lit);box-shadow:0 0 40px var(--blue-lit)}.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34%;height:34%;border-radius:50%;background:linear-gradient(160deg,#20242e,#0c0e14);box-shadow:inset 0 0 0 4px #05070b,0 6px 18px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;letter-spacing:3px;font-size:13px;color:#cdd4e4;text-transform:uppercase;pointer-events:none}.hub .round-num{font-size:30px;color:#fff;line-height:1}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}button.btn{cursor:pointer;font:inherit;font-weight:700;letter-spacing:1px;padding:10px 22px;border-radius:10px;border:1px solid #3a4458;background:linear-gradient(180deg,#2b3346,#1a2030);color:#eef2fb;transition:filter 90ms ease,transform 60ms ease}button.btn:hover{filter:brightness(1.15)}button.btn:active{transform:translateY(1px)}button.btn.primary{background:linear-gradient(180deg,#2f7be0,#1d56a8);border-color:#4f93ff}select.diff{font:inherit;padding:9px 12px;border-radius:10px;background:#1a2030;color:#eef2fb;border:1px solid #3a4458}.disc.locked .pad{cursor:default}.standing{margin:6px 0 0;min-height:1.2em;text-align:center;font-weight:600;color:#ffd564}