@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9ece7;background:#101313;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 45%,#1b2420 0,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c5f276;outline-offset:5px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5f276}main{max-width:1220px;margin:0 auto;padding:52px 40px 40px;display:grid;grid-template-columns:1fr 490px;align-items:center;gap:50px}.intro{align-self:center;padding-bottom:45px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px;color:#c5f276;display:flex;align-items:center;gap:11px}.eyebrow span{width:24px;height:1px;background:#c5f276}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(46px,5.4vw,76px);font-weight:500;letter-spacing:-5px;line-height:1.09;margin:26px 0}h1 em{font-style:normal;color:#c5f276}.intro>p{font-size:15px;line-height:1.9;color:#929c95}.game-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#8f9a92;margin:0 3px 15px}.game-heading>span:first-child{color:#c6cec7}.game-heading i{margin-right:7px}.arena{border:1px solid #41483c;border-radius:22px;padding:20px 24px;background:linear-gradient(140deg,#252d25,#171d19);box-shadow:0 30px 70px #0005}.scoreboard{display:flex;justify-content:center;align-items:center;gap:30px;padding:0 0 19px}.score{display:flex;align-items:center;gap:15px}.team{font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:6px}.player-score i{background:#6098ff}.computer-score i{background:#f27870}.score strong{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:500}.score-divider{font-size:24px;color:#596153}.computer-score{flex-direction:row-reverse}.table-frame{position:relative;max-width:350px;margin:auto;padding:8px;border-radius:15px;background:#0a100e;border:1px solid #4a5546;box-shadow:0 0 0 4px #111812,inset 0 0 12px #000}.table-frame canvas{display:block;width:100%;aspect-ratio:5/7;border-radius:8px;touch-action:none;cursor:crosshair}.rail{position:absolute;height:3px;width:36%;left:32%;background:#ef7770;top:4px;box-shadow:0 0 15px #ef777077}.rail-bottom{top:auto;bottom:4px;background:#719bff;box-shadow:0 0 15px #719bff77}.goal-message{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;pointer-events:none;text-align:center;font-size:26px;font-weight:700;color:#c5f276;text-shadow:0 2px 20px #000;animation:goal .25s ease-out}@keyframes goal{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.game-controls{display:flex;gap:12px;max-width:350px;margin:20px auto 0}.play-button{flex:1;background:#c5f276;color:#1a2812;border:1px solid #c5f276;border-radius:8px;padding:12px;font-size:12px;font-weight:700;display:flex;justify-content:center;gap:10px;align-items:center}.play-button:hover{background:#d5ffa1}.play-button>span{font-size:18px}.reset-button{border:1px solid #475041;background:transparent;color:#b6c1b5;border-radius:8px;padding:10px 16px;font-size:20px}.reset-button span{font-size:11px;margin-left:6px}.reset-button:hover{background:#ffffff0a}.how-to{display:flex;align-items:center;gap:12px;padding:17px 4px;color:#859188}.how-to p{font-size:10px;line-height:1.8;margin:0}.how-to strong{color:#c3cdc4;font-size:11px;font-weight:500}.control-icon{font-size:22px;border:1px solid #394238;border-radius:8px;width:34px;height:36px;display:grid;place-items:center}.how-to kbd{margin-left:auto;font:9px DM Sans,sans-serif;color:#9caa9d}.how-to kbd span{color:#67746a;margin-left:5px}@media(min-width:1500px){main{padding-top:70px;padding-bottom:60px}}@media(max-width:900px){main{grid-template-columns:1fr 420px;gap:26px;padding:40px 25px}h1{letter-spacing:-3px}.arena{padding:20px}}@media(max-width:700px){main{display:flex;flex-direction:column;gap:26px;padding:35px 20px 20px}.intro{width:100%;text-align:center;padding:0}.eyebrow{justify-content:center;font-size:9px}h1{font-size:48px;margin:17px 0;letter-spacing:-3px}h1 br{display:none}.intro>p{font-size:12px;line-height:1.7}.game-section{width:100%;max-width:430px}.arena{padding:18px}.table-frame{max-width:310px}.scoreboard{gap:22px}.score{gap:10px}.how-to kbd{display:none}}@media(prefers-reduced-motion:reduce){.goal-message{animation:none}}main{min-height:100svh}@media(max-width:700px){h1 br{display:block}}