*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d1023;color:#f5f6ff;font:16px/1.8 system-ui,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:auto;padding:22px}nav,footer div{display:flex;gap:20px;flex-wrap:wrap}nav a,footer a{color:#b9bfdb}.brand{font-weight:900;font-size:24px;color:#b69aff}main{max-width:1120px;margin:auto;padding:0 20px}.hero{padding:85px 24px;text-align:center;background:radial-gradient(ellipse at 50% 15%,#393073 0%,#161936 55%,transparent 78%);border-radius:35px}.hero h1{font-size:clamp(35px,6vw,70px);line-height:1.2;margin:16px 0}.hero em{font-style:normal;color:#b69aff}.hero p{max-width:600px;margin:0 auto 28px;color:#c9cce0}.tag{background:#352c60;color:#d4c7ff;padding:7px 17px;border-radius:40px}.btn{display:inline-block;background:linear-gradient(120deg,#895bff,#e75bc8);border:0;color:white;padding:12px 25px;border-radius:13px;font-weight:700}.secondary{background:#292d50;border:1px solid #53577a;color:#fff;padding:10px 16px;border-radius:12px}.ad{margin:34px auto;padding:20px;border:1px dashed #45496d;text-align:center;color:#7e86ab;border-radius:12px;font-size:13px;min-height:75px}h2{font-size:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.game-card{background:linear-gradient(145deg,#222746,#171a33);color:white;border:1px solid #34395d;border-radius:22px;text-align:right;padding:25px;transition:.2s;min-height:215px}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px);border-color:#b89bff}.game-card span{font-size:45px}.game-card h3{margin:8px 0}.game-card p,.info p{color:#b9c0d8}.play{background:#171b37;border:1px solid #363b63;border-radius:25px;padding:25px;margin:35px 0}.play-head,.play-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.play-actions{margin-top:22px;justify-content:center}#game-content{text-align:center;min-height:160px}.choice{display:block;width:min(100%,500px);margin:10px auto;background:#2a2f52;border:1px solid #535b84;border-radius:13px;color:white;padding:12px}.choice:hover{background:#44447a}.big{font-size:clamp(30px,6vw,55px);font-weight:800}.muted{color:#b9c0d8}.stats{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.reaction-box{min-height:240px;display:grid;place-items:center;border-radius:20px;background:#bd4955;cursor:pointer;font-size:25px;font-weight:bold;user-select:none}.reaction-box.ready{background:#299d79}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,90px));justify-content:center;gap:10px;margin:18px}.tile{height:75px;background:#6042a1;border:0;border-radius:12px;color:white;font-size:31px}.tile.flipped{background:#343e69}.sequence-grid{display:grid;grid-template-columns:repeat(2,110px);gap:12px;justify-content:center;margin:20px}.pad{height:110px;border:3px solid transparent;border-radius:20px;opacity:.65}.pad.lit{opacity:1;filter:brightness(1.6);border-color:white;transform:scale(1.04)}.info{padding:40px 0}footer{border-top:1px solid #313656;padding:30px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:#a9b1d2}dialog{background:#202442;color:white;border:1px solid #666b9d;border-radius:24px;max-width:min(92vw,520px);padding:30px;text-align:center}dialog::backdrop{background:#07091bdc}.close{float:left;background:transparent;color:white;border:0}.tutorial-animation{height:145px;display:grid;place-items:center;font-size:70px;animation:pulse 1.5s infinite alternate}@keyframes pulse{from{transform:scale(.85);opacity:.65}to{transform:scale(1.1);opacity:1}}.page{max-width:850px;margin:60px auto;padding:0 24px;min-height:60vh}.page p,.page li{color:#c3c8de}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}nav{gap:12px;font-size:14px}.hero{padding:65px 14px}.play{padding:16px}.cards{grid-template-columns:1fr 1fr}.game-card{padding:16px;min-height:195px}.game-card h3{font-size:17px}.sequence-grid{grid-template-columns:repeat(2,95px)}.pad{height:95px}}
/* Version 2 enhancements */
:root{color-scheme:dark}html{scroll-behavior:smooth}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #64e8ef;outline-offset:3px}.game-card{transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0005}.odd-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:460px;margin:20px auto}.odd-grid button{font-size:clamp(20px,4vw,32px);padding:10px 0;background:#20274c;border:1px solid #495381;border-radius:12px}.tap-target{display:block;margin:18px auto;min-height:130px;min-width:min(90%,360px);border:0;border-radius:20px;background:linear-gradient(135deg,#3ad5b6,#4c7eff);color:#07172c;font-weight:900;font-size:26px}.tap-target:disabled{opacity:.5}.rps-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#game-content input{padding:12px;border:1px solid #6475a9;border-radius:12px;background:#171d3d;color:#fff;font-size:18px;max-width:90%}#game-content form{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}#game-content form label{width:100%;text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
