:root{color:#fff1fb;background:#3f0d2f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#ff6dd0,#8e1e62 42%,#4d113a 100%);min-height:100vh;margin:0}a,button{color:inherit}button,select{background:#7a1f56;border:1px solid #f9a8d4;border-radius:.5rem;padding:.4rem .7rem}.app-shell{min-height:100vh}.top-nav{background:#4c103899;border-bottom:1px solid #f472b6;padding:1rem 1.5rem}.brand{text-transform:uppercase;letter-spacing:.14em;text-shadow:2px 2px #5b133f,4px 4px #29091d;font-family:Courier New,Lucida Console,Monaco,monospace;font-weight:700;text-decoration:none}.menu-header h1{text-transform:uppercase;letter-spacing:.12em;text-shadow:2px 2px #5b133f,4px 4px #29091d;font-family:Courier New,Lucida Console,Monaco,monospace}.page-content{max-width:1100px;margin:0 auto;padding:1rem}.game-shell .page-content{max-width:100%;margin:0;padding:0}.menu-header p{color:#ffd5ef}.settings{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.game-card{cursor:pointer;background:#7c2459b8;border:1px solid #f472b6;border-radius:.75rem;padding:1rem;transition:transform .12s,box-shadow .12s}.game-card:hover,.game-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.game-card a{margin-top:.5rem;display:inline-block}.game-page{flex-direction:column;align-items:center;gap:.6rem;min-height:100vh;padding:.35rem .5rem .5rem;display:flex}.back-btn{align-self:flex-start;width:fit-content}.hud{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hud-stats{gap:1rem;display:flex}.hud-actions{gap:.5rem;display:flex}.exit-btn{color:#fff;background:#ff1f3d;border-color:#ffe4ea;font-weight:700;box-shadow:0 0 0 2px #ffffff2e}.canvas-game{flex-direction:column;flex:1;justify-content:space-between;gap:.75rem;width:100%;display:flex}.canvas-stage{flex:1;place-items:center;display:grid}.game-canvas{width:min(99vw, calc((100vh - 160px) * (var(--game-ratio))));touch-action:none;border:1px solid #f9a8d4;border-radius:.5rem;height:auto;max-height:calc(100vh - 160px)}.touch-controls{grid-template-columns:repeat(3,minmax(70px,1fr));gap:.5rem;display:grid}.overlay{background:#370c28c7;place-items:center;display:grid;position:fixed;inset:0}.overlay-content{background:#751f53;border:1px solid #f9a8d4;border-radius:.75rem;width:min(360px,90vw);padding:1rem}.overlay-actions{gap:.75rem;display:flex}.connect4-board{--connect4-cell-size:clamp(54px, 11vmin, 96px);grid-template-columns:repeat(7, var(--connect4-cell-size));gap:clamp(.18rem,1vmin,.5rem);width:fit-content;margin:0 auto;display:grid}.connect4-game{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.cell{width:var(--connect4-cell-size);height:var(--connect4-cell-size);background:#5e1844;border:1px solid #f9a8d4;border-radius:999px}.player-1{background:#ffe600}.player-2{background:#ff1f3d}.game-theme-tetris{background:linear-gradient(#2313418c,#0d061eb3)}.game-theme-pacman{background:linear-gradient(#581c877a,#2d0b4cb3)}.game-theme-pong{background:linear-gradient(#0b546b7a,#052934b3)}.game-theme-connect4{background:linear-gradient(#7c2d126b,#4a1708ad)}@media (width<=768px){.settings,.hud{flex-direction:column;align-items:flex-start}}