:root{--page:#17191d;--blue:#4169e1;--white:#f5f7fb}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}button,input{touch-action:manipulation}body{margin:0;background:radial-gradient(circle at 7% 0,#242a38 0 8%,transparent 34%),var(--page);color:var(--white);font-family:Arial,sans-serif}header{max-width:1000px;margin:auto;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;font:12px monospace}header a{color:var(--blue);font-size:15px;text-decoration:none}header p{margin:0}main{max-width:900px;margin:auto;padding:34px 25px 70px}.simon{width:min(100%,500px);margin:auto;padding:22px 28px 24px;border:7px solid #12161c;border-radius:46px;background:linear-gradient(145deg,#3a4351,#1a2029);box-shadow:inset 2px 2px #ffffff1f,inset -6px -7px #090b0f,12px 17px 0 #0004;zoom:.8}.simon.off{filter:saturate(.5) brightness(.72)}.simon.off button,.simon.off input:not(#power){pointer-events:none}h1{margin:0 0 15px;color:var(--blue);text-align:center;font:500 24px monospace;letter-spacing:.28em}.top-controls{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin-bottom:18px}.top-controls button{height:35px;border:2px solid #9eabba;border-radius:4px;background:#303947;color:#f6f8fc;font:700 11px monospace;letter-spacing:.04em;cursor:pointer}.top-controls .start{background:#f0f3f8;color:#10151b;border-color:#fff}.top-controls button:active{transform:translateY(1px)}.color-pad{width:min(100%,365px);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:11px;border:7px solid #090b0f;border-radius:50%;background:#11151b;box-shadow:inset 0 0 23px #000,0 9px 14px #0009}.lens{border:0;min-height:0;cursor:pointer;box-shadow:inset 0 3px 9px #fff5,inset 0 -10px 17px #0009;transition:filter .08s,box-shadow .08s}.lens.red{border-radius:100% 17px 17px 17px;background:#db443b}.lens.blue{border-radius:17px 100% 17px 17px;background:var(--blue)}.lens.green{border-radius:17px 17px 17px 100%;background:#3ba15a}.lens.yellow{border-radius:17px 17px 100% 17px;background:#e6bb36}.lens.lit{filter:brightness(1.8) saturate(1.35);box-shadow:0 0 19px 7px currentColor,inset 0 2px 9px #fff9}.red.lit{color:#f26052}.blue.lit{color:#7098ff}.green.lit{color:#63e381}.yellow.lit{color:#ffe36d}.lens.eliminated{filter:brightness(.16) saturate(.12);box-shadow:inset 0 3px 9px #000,inset 0 -10px 17px #000;cursor:not-allowed}.switches{display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:9px;margin-top:20px}.switch{display:grid;grid-template-columns:1fr;align-items:center;min-width:0;padding:8px 7px 7px;border:1px solid #596477;border-radius:6px;background:#10141a;text-align:center}.switch>span{min-height:22px;font:500 10px monospace;letter-spacing:.08em;color:#d1d9e7}.switch input[type=range]{width:100%;margin:0;accent-color:var(--blue)}.switch output{display:none}.switch small{display:flex;justify-content:space-between;margin-top:3px;color:#aeb8c9;font:8px monospace}.switch small b{font-weight:400}.power-switch input{position:absolute;opacity:0}.power-switch i{height:21px;padding:2px;border:1px solid #4c586a;border-radius:3px;background:#06080b;cursor:pointer}.power-switch i b{display:block;width:29px;height:15px;border-radius:2px;background:#e1e7f1;box-shadow:0 1px 2px #000;transition:transform .12s}.power-switch input:checked+i b{transform:translateX(calc(100% - 2px));background:var(--blue)}.power-switch em,.power-switch strong{font:8px monospace;color:#aeb8c9}.power-switch em{float:left;font-style:normal}.power-switch strong{float:right;font-weight:400}.power-switch input:checked~em{opacity:.35}.power-switch input:not(:checked)~strong{opacity:.35}.status{max-width:760px;margin:28px auto 0;padding:12px 0;border-top:1px solid #626b70;border-bottom:1px solid #626b70;color:var(--blue);text-align:center;font:500 14px monospace}.manual{max-width:760px;margin:27px auto 0}.manual-kicker{margin:0 0 7px;color:var(--blue);font:500 12px monospace;letter-spacing:.12em}.manual h2{margin:0 0 20px;font:600 42px/.95 Georgia,serif;letter-spacing:-.05em}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.manual-grid article{padding:20px 0;border-top:1px solid #424a55;line-height:1.55}.manual-grid h3{margin:0 0 8px;color:var(--blue);font:500 16px monospace}.manual-grid p{margin:0}footer{padding:24px 30px;border-top:1px solid #626b70;color:#fff;font-size:12px;line-height:1.45}@media(max-width:640px){header{padding:20px}header p{display:none}main{padding:28px 15px 50px}.simon{padding:18px 15px 20px;border-width:5px;border-radius:33px}.color-pad{width:min(100%,330px)}.switches{gap:5px}.switch{padding:7px 5px}.switch>span{font-size:8px}.power-switch i b{width:24px}.manual h2{font-size:36px}.manual-grid{grid-template-columns:1fr}footer{padding:22px 20px 30px}}