*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050b15;color:#f3f7ff}body{background:radial-gradient(circle at top,#132647,#050b15 55%)}button,select,input{font:inherit}.shell{width:min(1180px,calc(100% - 22px));margin:auto;padding:22px 0 55px}.hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px;border:1px solid #263d65;border-radius:26px;background:linear-gradient(135deg,#132241,#0c162b);box-shadow:0 24px 80px #0006}.eyebrow{font-size:12px;letter-spacing:2px;color:#8295bd}.hero h1{margin:7px 0;font-size:clamp(34px,5vw,56px)}.hero p{color:#a8b7d4;margin:0}.badge,.ghost,select{background:#1b2b4b;border:1px solid #38517f;color:#fff;border-radius:12px;padding:10px 14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.stats div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:16px;border:1px solid #24385d;border-radius:18px;background:#0d172a}.stats span{grid-row:1/3;font-size:25px}.stats b{font-size:23px}.stats small{color:#7182a5}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{margin:28px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.game{overflow:hidden;border:1px solid #243a60;border-radius:20px;background:linear-gradient(180deg,#101b31,#0a1324);padding:15px}.game:hover{border-color:#5577b1;transform:translateY(-1px)}.game-hero{height:145px;border-radius:15px;display:grid;place-items:center;font-size:80px;background:linear-gradient(135deg,#0e3552,#071725);border:1px solid #294b70}.game-hero.dinner_dash{background:linear-gradient(135deg,#57351b,#21130c)}.game-hero.farm_frenzy{background:linear-gradient(135deg,#5c813a,#1c3d1c)}.game h3{font-size:23px;margin:13px 2px 7px}.game p{min-height:72px;color:#99aaca}.btn{border:0;background:linear-gradient(135deg,#5b79ff,#4c5fea);color:#fff;padding:11px 15px;border-radius:12px;font-weight:800;cursor:pointer}.panel{margin-top:18px;padding:20px;border:1px solid #243a60;border-radius:22px;background:#0a1426}.game-top{display:flex;justify-content:space-between;gap:14px}.game-area,.canvas-wrap{position:relative}.game-hud{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#0e1a30;border:1px solid #2a4168;border-radius:15px 15px 0 0}.canvas-wrap{height:min(66vh,620px);min-height:430px;border:1px solid #2a4168;border-top:0;border-radius:0 0 15px 15px;overflow:hidden;background:#07111e}.canvas-wrap canvas{display:block;width:100%;height:100%}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.end-card{pointer-events:auto;background:#0b1527eF;border:1px solid #4a6493;border-radius:20px;padding:24px;text-align:center;box-shadow:0 24px 70px #0008}.end-card h3{font-size:30px;margin:0 0 8px}.touch-controls{display:none;position:absolute;left:12px;bottom:12px;gap:6px;flex-wrap:wrap;width:145px}.touch-controls button{width:43px;height:43px;border:1px solid #5b7097;border-radius:10px;background:#101c31d9;color:#fff;font-weight:900}.guess-box{padding:35px;min-height:400px;display:grid;place-items:center;text-align:center}.guess-row{display:flex;gap:10px;margin:18px 0}.guess-row input{width:180px;padding:12px;border-radius:12px;border:1px solid #38517d;background:#081120;color:#fff}.status{padding:10px 14px;border-radius:12px;background:#15243e;color:#cbd6eb}.leaderboard{border:1px solid #24385d;border-radius:18px;padding:8px 16px;background:#0d172a}.leaderboard .row{display:grid;grid-template-columns:50px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #1f3150}.leaderboard .row:last-child{border-bottom:0}.empty{padding:22px;text-align:center;color:#7888a9}footer{text-align:center;color:#60708e;font-size:12px;margin-top:30px}@media(max-width:760px){.hero{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr}.canvas-wrap{min-height:400px}.touch-controls{display:flex}.shell{width:min(100% - 12px,1180px)}.guess-row{flex-direction:column}}