@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#09090d;--card:#15151d;--card2:#1d1d27;--line:#2a2a36;--text:#f7f7f8;--muted:#9999a8;--yellow:#ffe01b;--green:#5be39c;--red:#ff6174}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#28242f,transparent 35%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b;background:#09090ddd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.logo{font:700 22px "Space Grotesk"}.logo b{color:var(--yellow)}nav{display:flex;gap:24px;color:var(--muted);font-weight:600;font-size:14px}nav a:hover{color:#fff}main{max-width:1180px;margin:auto;padding:0 20px}.hero{text-align:center;padding:90px 10px 85px}.pill{display:inline-block;color:var(--muted);font-size:11px;letter-spacing:.16em;font-weight:700}.hero h1{font:700 clamp(52px,9vw,96px)/.9 "Space Grotesk";margin:25px 0 20px}.hero h1 em{color:var(--yellow);font-style:normal}.hero p{color:var(--muted);font-size:19px;margin-bottom:34px}.hero p strong{color:#fff}.mega{width:310px;height:310px;max-width:85vw;border-radius:50%;background:var(--yellow);color:#111;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 16px #ffe01b0d,0 25px 90px #ffe01b18;transition:.2s}.mega:hover{transform:translateY(-5px) scale(1.025)}.mega span{font-size:42px}.mega b{font:700 28px "Space Grotesk";margin-top:5px}.mega small{opacity:.6;margin-top:6px}.quick-links{margin-top:22px;color:var(--muted)}section.mood,.games-section{padding:45px 0}.section-title{display:flex;align-items:center;gap:15px;margin-bottom:22px}.section-title>span{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-weight:700}.section-title small,.library-head>small,.admin-head>small,.login>small{color:var(--muted);font-weight:700;letter-spacing:.16em;font-size:11px}.section-title h2{font:700 34px "Space Grotesk";margin:3px 0}.section-title>a{margin-left:auto;color:var(--muted)}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s}.mood-card:hover,.game-card:hover{transform:translateY(-3px);border-color:#555565;background:var(--card2)}.mood-card i{font-style:normal;font-size:30px;display:block;margin-bottom:13px}.mood-card b{display:block}.mood-card small{display:block;color:var(--muted);margin:5px 0 13px;line-height:1.4}.mood-card label{color:#777787;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:21px;min-height:260px;display:flex;flex-direction:column;transition:.2s}.game-card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.game-card-top strong{font-size:42px}.game-card-top label{background:var(--green);color:#0c1710;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}.game-card>small{color:var(--muted)}.game-card h3{font:700 23px "Space Grotesk";margin:7px 0}.game-card p{color:var(--muted);line-height:1.45;margin:0 0 20px}.game-card footer{margin-top:auto;display:flex;justify-content:space-between;color:#777787;font-size:12px}.big-cta{margin:80px 0;padding:40px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(120deg,#171721,#101016);display:flex;justify-content:space-between;align-items:center;gap:25px}.big-cta h2{font:700 35px "Space Grotesk";margin:7px 0}.big-cta p{color:var(--muted)}.yellow-btn{background:var(--yellow);color:#111;border:0;border-radius:13px;padding:14px 19px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.yellow-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.soft-btn{background:var(--card2);border:1px solid var(--line);color:#fff;border-radius:13px;padding:13px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.library,.admin{padding-top:55px;padding-bottom:80px}.library-head h1,.admin-head h1{font:700 clamp(44px,7vw,72px) "Space Grotesk";margin:12px 0}.library-head p,.admin-head p{color:var(--muted);font-size:17px}.search{display:flex;gap:10px;margin:35px 0 15px}.search input{flex:1;background:var(--card);border:1px solid var(--line);color:#fff;border-radius:13px;padding:14px;outline:0}.search button{background:var(--yellow);border:0;border-radius:13px;padding:0 22px;font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.chips a{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 13px;color:var(--muted);font-size:13px}.chips a.on,.chips a:hover{background:var(--card2);color:#fff}.play-page{max-width:960px;padding-top:38px;padding-bottom:70px}.back{color:var(--muted);display:inline-block;margin-bottom:28px}.play-head{display:flex;gap:20px;align-items:center;margin-bottom:25px}.play-icon{width:100px;height:100px;border-radius:25px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;font-size:50px;flex:none}.play-head small{color:var(--muted)}.play-head h1{font:700 45px "Space Grotesk";margin:6px 0}.play-head p{color:var(--muted);margin:0}.play-box{background:var(--card);border:1px solid var(--line);border-radius:25px;padding:18px;min-height:570px;box-shadow:0 25px 80px #0005}.how{background:#0f0f15;border-radius:15px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13px}.how b{color:#fff;white-space:nowrap}.game-inner{min-height:470px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:25px 10px}.loading{display:grid;place-items:center;min-height:400px;color:var(--muted)}.scorebar{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-bottom:25px}.scorebar b{color:#fff}.target{width:min(330px,80vw);height:210px;border:0;border-radius:25px;background:#292934;color:#fff;font:700 25px "Space Grotesk";cursor:pointer}.target.wait{background:#343440}.target.go{background:var(--green);color:#111}.target.bad{background:var(--red)}.react{display:flex;flex-direction:column;align-items:center}.react p,.hint{color:var(--muted)}.big-click{width:270px;height:270px;border-radius:50%;border:0;background:var(--yellow);font:700 34px "Space Grotesk";color:#111;cursor:pointer;margin:auto}.mathq,.big-question{font:700 clamp(34px,6vw,58px) "Space Grotesk";margin:20px auto 30px}.answer{display:flex;max-width:540px;margin:auto;gap:9px}.answer input{flex:1;background:#101016;border:1px solid var(--line);border-radius:13px;color:#fff;text-align:center;font-size:19px;padding:14px;outline:0}.feedback{min-height:28px;color:var(--muted);margin-top:15px}.three,.two,.options{display:grid;gap:12px;max-width:650px;margin:auto}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.three button,.two button,.options button{border:1px solid var(--line);background:var(--card2);color:#fff;border-radius:15px;padding:20px;min-height:100px;font-size:18px;font-weight:700;cursor:pointer}.three button{font-size:42px}.three small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.three button:hover,.two button:hover,.options button:hover{border-color:#666677;background:#292934}.emoji-grid,.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px;margin:auto}.emoji{aspect-ratio:1;border:1px solid var(--line);background:var(--card2);border-radius:14px;font-size:34px;cursor:pointer}.number-big{font:700 100px "Space Grotesk";margin:10px}.memory{font-size:45px;min-height:70px;margin:20px}.color-word{font:700 62px "Space Grotesk";margin:20px}.color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:650px;margin:auto}.color-options button{border:0;border-radius:12px;padding:14px 5px;font-weight:800;color:#111;cursor:pointer}.typing-target{font:700 28px "Space Grotesk";line-height:1.5;max-width:700px;margin:20px auto;padding:20px;border-radius:15px;background:#101016}.typing-input{width:min(700px,100%);height:130px;resize:none;background:#101016;border:1px solid var(--line);border-radius:15px;color:#fff;padding:15px;outline:0}.tap-area{height:330px;position:relative;background:#101016;border-radius:18px;margin:auto;max-width:750px}.tap-area button{position:absolute;transform:translate(-50%,-50%);width:90px;height:90px;border:0;border-radius:50%;background:var(--yellow);color:#111;font-weight:800}.timer-number{font:700 100px "Space Grotesk";color:var(--yellow)}.mission{font-size:30px}.result{padding:30px}.trophy{font-size:65px}.result small{color:var(--muted);letter-spacing:.15em;font-weight:800}.result h2{font:700 46px "Space Grotesk";margin:10px 0}.result p{color:var(--muted);font-size:17px}.result-buttons,.bottom-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.bottom-actions{margin-top:15px}.admin-card,.login{max-width:850px;margin:25px auto;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:25px}.login{max-width:480px}.login h1{font:700 35px "Space Grotesk"}.login form,.admin-form{display:grid;gap:14px}.admin-form{grid-template-columns:1fr 1fr}.admin-form .full{grid-column:1/-1}.admin-form label,.login label{display:flex;flex-direction:column;gap:6px;color:#bbb;font-size:13px;font-weight:700}.admin-form input,.admin-form textarea,.admin-form select,.login input{background:#101016;border:1px solid var(--line);color:#fff;border-radius:12px;padding:13px;outline:0}.admin-form textarea{min-height:100px;resize:vertical}.check{display:flex!important;flex-direction:row!important;align-items:center}.error,.success{padding:12px 14px;border-radius:12px;margin:15px auto}.error{background:#ff617415;color:#ff9aa8}.success{background:#5be39c15;color:#8df0bb}footer{text-align:center;border-top:1px solid #ffffff0a;color:#666674;padding:30px;font-size:13px}
@media(max-width:800px){.mood-grid{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr 1fr}.admin-form{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.big-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.topbar{padding:0 16px}.topbar nav{gap:12px;font-size:12px}.hero{padding-top:65px}.hero h1{font-size:54px}.mega{width:280px;height:280px}.mood-grid,.game-grid{grid-template-columns:1fr}.section-title h2{font-size:28px}.play-head{align-items:flex-start}.play-head h1{font-size:34px}.play-icon{width:78px;height:78px;font-size:38px}.play-box{padding:12px}.game-inner{padding:20px 5px}.three{grid-template-columns:1fr 1fr 1fr}.two{grid-template-columns:1fr}.color-options{grid-template-columns:repeat(2,1fr)}.answer{flex-direction:column}.answer .yellow-btn{width:100%}.tap-area{height:300px}.result h2{font-size:36px}}