:root{--sky:#8ecae6;--blue-green:#219ebc;--deep:#023047;--amber:#ffb703;--orange:#fb8500;--cream:#fffaf0;--white:#fff;--muted:#547080;--border:#02304724;--shadow:0 28px 80px #02304726}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--deep);background:radial-gradient(circle at 4% 2%, #8ecae659, transparent 25rem), radial-gradient(circle at 96% 42%, #ffb70324, transparent 24rem), var(--cream);min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.page-shell{width:min(1160px,100% - 40px);margin:0 auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:90px;display:flex}.brand,.about-link,footer a{color:inherit;font-weight:800;text-decoration:none}.brand{align-items:center;gap:12px;font-size:1.05rem;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--white);background:var(--blue-green);border-radius:50%;place-items:center;display:grid;transform:rotate(12deg)}.about-link{border-bottom:2px solid var(--orange);padding-bottom:4px;font-size:.9rem}.hero{text-align:center;padding:76px 0 56px}.eyebrow,.section-kicker{color:var(--blue-green);letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:900}.live-dot,.status-dot{background:var(--amber);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #ffb7032b}.hero h1{color:var(--deep);letter-spacing:-.075em;margin:15px 0 20px;font-size:clamp(3.3rem,8vw,6.7rem);line-height:.88}.hero h1 em{color:var(--orange);font-family:Georgia,Times New Roman,serif;font-weight:500}.hero>p{width:min(590px,100%);color:var(--muted);margin:0 auto;font-size:1.08rem;line-height:1.7}.game-picker{margin-bottom:26px}.picker-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.picker-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.game-options{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.game-option{min-height:92px;color:var(--deep);text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffffb8;border-radius:16px;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:16px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative;box-shadow:0 10px 30px #0230470f}.game-option:hover{border-color:var(--blue-green);transform:translateY(-3px)}.game-option.active{color:var(--white);background:var(--deep);border-color:var(--deep)}.game-option-icon{width:50px;height:50px;color:var(--deep);background:var(--amber);border-radius:13px;place-items:center;font-size:1.65rem;font-weight:900;display:grid}.game-option strong,.game-option small{display:block}.game-option strong{margin-bottom:4px;font-size:1rem}.game-option small{color:var(--muted);font-size:.76rem}.game-option.active small{color:var(--sky)}.game-option i{color:var(--orange);align-self:start;font-family:Georgia,serif;font-size:.8rem}.game-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.game-topbar,.game-footer{justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.section-kicker{margin:0 0 7px}.game-topbar h2{margin:0;font-size:2rem;line-height:1}.difficulty-control{align-items:center;gap:12px;display:flex}.difficulty-control label{color:var(--muted);font-size:.8rem;font-weight:800}.select-wrap{position:relative}.select-wrap:after{content:"⌄";pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-58%)}select{appearance:none;min-width:128px;color:var(--deep);cursor:pointer;background:#8ecae63d;border:1px solid #219ebc47;border-radius:10px;padding:10px 35px 10px 14px;font-weight:800}.scoreboard{min-height:100px;color:var(--white);background:var(--deep);grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 30px;display:grid}.score-side{align-items:center;gap:20px;display:flex}.cpu-side{justify-content:flex-end}.score-side strong{min-width:1ch;color:var(--amber);font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.score-label{text-transform:uppercase;letter-spacing:.08em;font-weight:900}.score-middle{color:var(--sky);letter-spacing:.14em;flex-direction:column;align-items:center;gap:8px;font-size:.63rem;font-weight:900;display:flex}.score-dots{gap:5px;display:flex}.score-dots i{background:var(--orange);border-radius:50%;width:4px;height:4px}.canvas-wrap{aspect-ratio:960/520;touch-action:none;background:#eaf8fc;margin:0;position:relative;overflow:hidden}#arcade-game{width:100%;height:100%;display:block}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#023047c9;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .18s,visibility .18s;display:flex;position:absolute;inset:0}.game-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay-icon{width:54px;height:54px;color:var(--deep);background:var(--amber);border-radius:50%;place-items:center;margin-bottom:16px;font-size:1.6rem;display:grid}.overlay-title{color:var(--white);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,2.8rem);font-weight:900}.overlay-copy{color:var(--sky);margin:8px 0 22px}.primary-button,.control-button{cursor:pointer;border:0;font-weight:900;transition:transform .13s,box-shadow .13s,opacity .13s}.primary-button{color:var(--deep);background:var(--amber);box-shadow:0 8px 0 var(--orange);border-radius:12px;padding:13px 20px}.primary-button:hover,.control-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:active,.control-button:active:not(:disabled){transform:translateY(1px)}.primary-button span{margin-left:12px}.point-flash{pointer-events:none;position:absolute;inset:0}.point-flash.flash-player{animation:.55s ease-out player-flash}.point-flash.flash-cpu{animation:.55s ease-out cpu-flash}@keyframes player-flash{0%{box-shadow:inset 0 0 0 999px #ffb70373}to{box-shadow:inset 0 0 0 999px #ffb70300}}@keyframes cpu-flash{0%{box-shadow:inset 0 0 0 999px #fb85005c}to{box-shadow:inset 0 0 0 999px #fb850000}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{width:10px;height:16px;animation:2.8s cubic-bezier(.2,.7,.3,1) forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{to{transform:translate3d(var(--drift), 580px, 0) rotate(820deg);opacity:.05}}.game-footer{border-top:1px solid var(--border)}.game-status{color:var(--muted);margin:0;font-size:.82rem;font-weight:800}.game-status .status-dot{background:var(--blue-green);width:7px;height:7px;box-shadow:none}.game-status.playing .status-dot{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25}}.controls{gap:9px;display:flex}.control-button{color:var(--deep);border:1px solid var(--border);background:#edf5f7;border-radius:10px;padding:11px 16px}.control-button.start-button{color:var(--white);background:var(--blue-green);border-color:var(--blue-green)}.control-button:disabled{opacity:.42;cursor:not-allowed}.icon-button{width:43px;padding:10px;font-size:1.25rem}.about{grid-template-columns:80px minmax(0,1fr) 180px;align-items:center;gap:44px;padding:110px 30px;display:grid}.about-number{color:var(--orange);align-self:start;font-family:Georgia,serif;font-size:1.4rem;font-style:italic}.about-copy h2{letter-spacing:-.055em;margin:8px 0 18px;font-size:clamp(2.2rem,5vw,4.3rem);line-height:1}.about-copy h2 span{color:var(--blue-green);font-family:Georgia,serif;font-style:italic;font-weight:500;display:block}.about-copy>p:last-child{max-width:650px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.75}.about-badge{width:154px;height:154px;color:var(--deep);background:var(--amber);border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(8deg)}.about-badge span{font-size:3.5rem}.orbit-text{letter-spacing:.13em;text-align:center;font-size:.56rem;font-weight:900;position:absolute;inset:11px}footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;padding:28px 0 36px;font-size:.8rem;display:flex}footer p{margin:0}@media (width<=720px){.page-shell{width:min(100% - 24px,1160px)}.site-header{height:74px}.about-link{display:none}.hero{padding:52px 0 40px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.picker-heading{display:block}.picker-heading h2{margin-top:6px}.game-options{grid-template-columns:1fr}.game-option{grid-template-columns:44px 1fr auto;min-height:76px}.game-option-icon{width:44px;height:44px}.game-topbar,.game-footer{padding:18px}.game-topbar{align-items:flex-end}.difficulty-control{display:block}.difficulty-control label{margin-bottom:5px;display:block}select{min-width:112px}.scoreboard{min-height:78px;padding:8px 18px}.score-side{gap:9px}.score-side strong{font-size:2.35rem}.score-label{font-size:.72rem}.score-middle span{font-size:.52rem}.canvas-wrap{aspect-ratio:auto;min-height:260px}.game-footer{flex-direction:column;gap:16px}.controls{width:100%}.control-button:not(.icon-button){flex:1}.about{grid-template-columns:1fr;gap:24px;padding:80px 12px}.about-number{display:none}.about-badge{width:120px;height:120px}footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}