:root{color-scheme:dark;--bg:#101119;--panel:#1a1b28;--text:#eeedf9;--muted:#a7a7be;--line:#36364d;--accent:#c3a7ff;--focus:#e4d3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,sans-serif}main{max-width:1140px;margin:auto;padding:30px}a{color:var(--accent)}header{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}header a{text-decoration:none}header span,.eyebrow{color:var(--muted)}.intro{margin:42px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:clamp(36px,6vw,60px);letter-spacing:-3px;line-height:1.1;margin:14px 0}h1 span{color:var(--accent);margin-left:16px}.intro p{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.game,aside{background:var(--panel);border:1px solid var(--line);border-radius:18px}.game{overflow:hidden;align-self:start}.score{display:flex;justify-content:space-between;padding:20px;font-size:13px}.score span:last-child{color:var(--muted)}.stage{position:relative;aspect-ratio:4/3;background:radial-gradient(ellipse at center,#302845,#151620)}#game{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}#targets{position:absolute;inset:0}.target{position:absolute;transform:translate(-50%,-50%);width:23%;height:32%;background:transparent;border:1px solid transparent;border-radius:20px;padding:0;display:flex;align-items:end;justify-content:center;color:var(--text)}.target span{background:#161421e6;padding:2px 12px;border-radius:12px;font-size:12px}.target:hover:not(:disabled){background:#c3a7ff14;border-color:#c3a7ff77}.target:disabled{opacity:.6}#result{padding:0 20px 12px;text-align:center;color:var(--accent)}aside{padding:20px}h2{font-size:20px;margin:0 0 12px}#connection{font-weight:600}#players,.fine{font-size:12px;color:var(--muted)}fieldset{border:0;padding:0;margin:0}label{display:block;font-size:12px;color:var(--muted);margin:12px 0}input,select,textarea,button,.button{font:inherit;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:10px;width:100%}input,select{margin-top:5px}button,.button{cursor:pointer;text-align:center;text-decoration:none;font-size:12px}.primary{background:var(--accent);color:#201330;font-weight:700;margin-top:4px}button:hover:not(:disabled),.button:hover:not(.disabled){border-color:var(--accent)}button:disabled,.disabled{opacity:.45;cursor:default}.disabled{pointer-events:none}.pair{display:flex;gap:8px;margin:10px 0}.pair>*{flex:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}details{margin:18px 0;color:var(--muted);font-size:12px}summary{cursor:pointer;color:var(--text)}ol{padding-left:18px}#feedback{font-size:12px;color:var(--accent)}footer{font-size:12px;color:var(--muted);margin:24px 0} @media(max-width:760px){main{padding:18px}.layout{grid-template-columns:1fr}.intro{margin-top:30px}header{font-size:9px}.score{font-size:11px;padding:14px}}