*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f5ff;--surface:#fff;--border:#e2dff7;--text:#1a1730;--text-muted:#6a6593;--accent:#6c5ce7;--accent-hover:#5849c2;--accent2:#fd79a8;--accent3:#00cec9;--on-accent:#fff;--dot:#d8d3f7;--nav-bg:#ffffffeb;--error:#c0392b;--shadow:0 2px 16px #6c5ce71a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#14121f;--surface:#1f1b2e;--border:#322c45;--text:#f0ecff;--text-muted:#a9a2c8;--accent:#9d8ff5;--accent-hover:#b0a4ff;--accent2:#ff8fc0;--accent3:#4fe3dd;--on-accent:#14121f;--dot:#272135;--nav-bg:#191526eb;--error:#ff8a7a;--shadow:0 2px 16px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);background-image:radial-gradient(circle, var(--dot) 1px, transparent 1px);background-size:28px 28px;min-height:100vh;font-family:Georgia,serif;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:50px;padding:.55rem 1.3rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s,transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:inline-block}.btn:active{transform:scale(.94)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px #6c5ce759}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px #6c5ce773}.btn-ghost{color:#fff;background:#ffffff26;border:1.5px solid #ffffff59}.btn-ghost:hover{background:#ffffff40}input[type=text],input[type=password]{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.55rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .15s}input:focus{border-color:var(--accent)}.error{color:var(--error);margin-top:.4rem;font-size:.875rem}nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:1.5rem;height:58px;padding:0 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 20px #6c5ce714}nav .logo{color:var(--accent);letter-spacing:-.3px;align-items:center;gap:.4rem;font-size:1.15rem;font-weight:700;display:flex}nav .logo-star{font-size:1rem}nav .spacer{flex:1}.theme-toggle{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.3rem;font-size:1.1rem;line-height:1;display:flex}nav a,nav button.nav-link{color:var(--text-muted);background:0 0;border:none;padding:0;font-size:.9rem;transition:color .15s}nav a:hover,nav button.nav-link:hover{color:var(--accent)}.games-section{max-width:1260px;margin:0 auto;padding:0 1.25rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:.75rem 0 1.5rem;display:grid}.game-card{cursor:pointer;aspect-ratio:4/3;-webkit-tap-highlight-color:transparent;border-radius:18px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000021}.game-card:hover{transform:translateY(-8px)scale(1.04);box-shadow:0 18px 44px #00000038}.game-card:active{transition-duration:80ms;transform:scale(.96)}.game-card-icon{width:100%;height:100%;position:absolute;inset:0}.game-card-icon svg{width:100%;height:100%;display:block}.game-card-badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000007a;border-radius:50px;padding:3px 7px;font-size:.6rem;font-weight:700;position:absolute;top:8px;right:8px}.game-card-footer{background:linear-gradient(#0000,#000000b8 70%);padding:1.5rem .75rem .65rem;position:absolute;bottom:0;left:0;right:0}.game-card-title{color:#fff;text-shadow:0 1px 6px #0009;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.game-card-best{z-index:2;color:#ffe566;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:50px;padding:3px 7px;font-size:.62rem;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 1px 4px #00000040}.home-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;padding:1.25rem 0 .25rem;display:flex}.home-search{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.home-search-icon{opacity:.55;pointer-events:none;font-size:.9rem;position:absolute;left:.9rem}.home-search input[type=search]{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow);appearance:none;border-radius:50px;outline:none;padding:.6rem 2.4rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.home-search input[type=search]::-webkit-search-cancel-button{display:none}.home-search input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce733}.home-search-clear{background:var(--border);width:26px;height:26px;color:var(--text);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;right:.45rem}.home-search-clear:hover{background:var(--accent);color:#fff}.home-random{white-space:nowrap}.search-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem 4rem}.search-empty p{margin-bottom:1.1rem;font-size:1.05rem}.search-empty strong{color:var(--text)}@media (width<=640px){.home-random{flex:1}}.game-page{flex-direction:column;align-items:center;min-height:calc(100vh - 56px);padding:1.5rem 1rem 3rem;display:flex}.game-title-bar{align-items:center;gap:1rem;width:100%;max-width:600px;margin-bottom:1rem;display:flex}.game-restart-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-muted);box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:color .15s,background .15s,transform .25s;display:flex}.game-restart-btn:hover{color:var(--accent);background:var(--border)}.game-restart-btn:active{transform:rotate(-180deg)}.game-canvas-wrap{aspect-ratio:4/3;background:#111;border-radius:12px;width:100%;max-width:540px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000026}.game-canvas-wrap canvas{width:100%;height:auto;display:block}.game-info{flex-wrap:wrap;gap:1.5rem;width:100%;max-width:540px;margin-top:1rem;display:flex}.game-instructions{background:var(--surface);border:1px solid var(--border);min-width:200px;color:var(--text-muted);border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.85rem}.game-score-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:180px;padding:.75rem 1rem}.score-display{color:var(--accent);text-align:center;font-size:2rem;font-weight:700}.score-label{text-align:center;color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;padding:1.25rem 0 0;font-size:.78rem;font-weight:700;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.canvas-overlay{color:#fff;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000ad;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex;position:absolute;inset:0}.canvas-overlay h2{margin-bottom:.1rem;font-size:1.8rem}.canvas-overlay p{opacity:.85;margin:0;font-size:1rem}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-overlay>*{z-index:1;position:relative}.canvas-overlay>.confetti{z-index:0}.confetti-piece{border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-8%}@keyframes confetti-fall{0%{opacity:1;transform:rotate(var(--rot,0deg));top:-8%}90%{opacity:1}to{opacity:0;transform:rotate(calc(var(--rot,0deg) + 620deg));top:108%}}.leaderboard-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.9rem}.leaderboard-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.4rem .6rem;font-weight:400}.leaderboard-table td{border-bottom:1px solid var(--border);padding:.4rem .6rem}.leaderboard-table tr:last-child td{border-bottom:none}.rank-gold{color:#f9a825;font-weight:700}.rank-silver{color:#90a4ae;font-weight:700}.rank-bronze{color:#a1887f;font-weight:700}.auth-page{max-width:380px;margin:4rem auto;padding:0 1rem}.auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:2rem}.auth-card h2{margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-muted);margin-bottom:.3rem;font-size:.85rem;display:block}.auth-footer{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.875rem}.auth-footer a{color:var(--accent)}.hero{text-align:center;max-width:800px;margin:0 auto;padding:3rem 1rem .75rem}.hero h1{background:linear-gradient(135deg, var(--accent) 20%, var(--accent2) 80%);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:3.6rem;line-height:1.05}.hero-sub{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem;font-size:.82rem}.hero-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem;display:flex}.hero-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:50px;padding:.3rem .85rem;font-size:.78rem}.hero-marquee{margin:1.25rem 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.hero-marquee-inner{gap:.6rem;width:max-content;animation:55s linear infinite marquee;display:flex}.hero-marquee-item{cursor:pointer;border-radius:12px;flex-shrink:0;width:72px;height:54px;transition:transform .15s;overflow:hidden;box-shadow:0 2px 10px #0000001f}.hero-marquee-item:hover{transform:scale(1.08)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.mute-btn{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow);z-index:200;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:background .15s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.mute-btn:hover{background:var(--border)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--accent);color:#fff;box-shadow:var(--shadow);border-radius:0 0 10px 10px;padding:.55rem 1rem;font-weight:700;transition:top .15s;position:absolute;top:-3.5rem;left:.5rem}.skip-link:focus{outline:3px solid var(--accent3);outline-offset:2px;top:0}#main-content:focus{outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}.game-card:focus-visible{outline-offset:0;box-shadow:0 0 0 4px var(--accent), 0 12px 32px #00000040;outline:3px solid #fff}.game-canvas-wrap canvas:focus-visible{outline:3px solid var(--accent3);outline-offset:-3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-marquee-inner{animation:none!important}.game-card:hover{transform:none}}@media (width>=900px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (width>=1200px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=640px){.hero h1{letter-spacing:-1px;font-size:2.4rem}.game-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem 0 1.25rem}.games-section{padding:0 .85rem}nav{gap:.75rem;padding:0 1rem}}