@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";body{background:url(/assets/grid-tile-IVPsWupP.png) repeat;background-size:400px 400px;background-color:#f1f8e9;margin:0;font-family:DM Sans,sans-serif}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.content-card{background:#fff;padding:2rem;border-radius:1rem;max-width:800px;width:100%;box-shadow:0 4px 16px #0000001a;margin:auto;text-align:center}.header-block{text-align:center;margin-bottom:2rem}.header-block h2{margin-bottom:.5rem}.header-block h1{margin-bottom:.75rem;font-size:2.5rem}.header-block .online-count{margin-bottom:1rem;font-size:1.2rem}.btn,.btn-solo,.btn-duel,.hint-btn,.btn-leaderboard,.submit-btn,.btn-back{border:none;border-radius:999px;padding:.9rem 2.2rem;font-size:1.25rem;font-weight:400;min-width:140px;cursor:pointer;color:#fff;box-shadow:0 3px 10px #28a7451c;transition:box-shadow .12s,background .12s,transform .12s;outline:none}.btn-solo,.hint-btn{background:#0288d1}.btn-solo:hover,.btn-solo:focus,.hint-btn:hover,.hint-btn:focus{background:#0277bd;transform:translateY(-2px)}.hint-badge{display:inline-flex;align-items:center;background:#0006;color:#fff;border-radius:12px;padding:.4rem .8rem;font-size:.9rem;transition:background .2s}.hint-badge:hover{background:#0009;cursor:default}.btn-leaderboard{background:#008865}.btn-duel,.submit-btn,.btn-back,.btn-close{background:#7cb342}.btn-duel:hover,.btn-duel:focus,.submit-btn:hover,.submit-btn:focus,.btn-back:hover,.btn-back:focus,.btn-leaderboard:hover{background:#689f38;transform:translateY(-2px);box-shadow:0 6px 12px #7cb34229}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.login-title{margin-bottom:1.5rem;color:#333;font-size:2rem;font-weight:700}.login-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.tab-btn{flex:1;padding:.5rem;background:#ddd;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;color:#333;transition:background .2s}.tab-btn.active,.tab-btn:hover{background:#28a745;color:#fff}.btn-guest{margin-bottom:1rem;background:#007bff;color:#fff}.btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:2rem;cursor:pointer;transition:background .2s}.btn-primary{background:#28a745;color:#fff}.btn-primary:hover{background:#218838}.login-form{display:flex;flex-direction:column;gap:.75rem}.input-field{padding:.75rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:2rem;outline:none;transition:border-color .2s}.input-field:focus{border-color:#28a745}.button-group{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.play-input-group{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.content-card h2,.content-card h1,.content-card p{color:#263238;margin-top:0}.play-card{color:#263238;text-align:center}.play-heading{margin-top:0;margin-bottom:1rem}.flag-wrapper{margin:0 auto 1rem}.play-flag{max-width:100%;max-height:50vh;border:4px solid #0288D1;border-radius:8px}.play-timer{font-size:1.1rem;margin-bottom:1rem}.hints-list{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0;justify-content:center;align-content:center}.hint-text{background:#0000000d;padding:.5rem 1rem;border-radius:.5rem;font-family:monospace;font-size:1.25rem;letter-spacing:.5rem}.guess-input{width:100%;max-width:300px;padding:.75rem;font-size:1rem;box-sizing:border-box;border:2px solid #ccc;border-radius:25px}.total-score{font-weight:500;margin:0}.alert.incorrect{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#dc3545;color:#fff;padding:.75rem 1.25rem;border-radius:1.5rem;margin-bottom:1rem;z-index:10;font-size:1.1rem}.results-title{margin:0 0 1rem;color:#263238}.results-scores p{margin:.5rem 0;font-size:1.1rem;color:#263238}.results-outcome{margin:1.5rem 0;color:#0288d1}.alert{position:absolute;top:16px;left:50%;transform:translate(-50%) translateY(-100%);color:#fff;padding:.75rem 1.25rem;border-radius:4px;animation:slideDown .5s ease forwards;z-index:10}.alert.incorrect,.alert.opponent-correct{background:#dc3545}.alert.correct-answer{background:#28a745}.alert.opponent-left{background:#dc3545}.alert.skip-answer{background:#ffc107;color:#000}@keyframes slideDown{to{transform:translate(-50%) translateY(0)}}