.page{background:linear-gradient(135deg,#e8e8e8 0%,#d0d0d0 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.home-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:550px;padding:40px 32px;animation:.5s fadeUp;box-shadow:0 20px 60px #0000001f}.home-title{color:#111;font-size:1.8rem;font-weight:800;line-height:1.3}.home-subtitle{color:#888;margin-bottom:20px;font-size:.95rem}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87171,#dc2626);border:none;border-radius:20px;padding:14px 40px;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:translateY(-2px)}.start-btn:active{transform:translateY(0)}.home-desc{text-align:left;color:#444;margin-bottom:16px;font-size:.95rem;line-height:1.7}.home-img{background:linear-gradient(135deg,#fca5a5,#f87171);border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 12px;font-size:5rem;display:flex}.version{color:#bbb;margin-top:8px;font-size:.8rem}.game-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border-radius:24px;width:100%;max-width:560px;padding:36px 28px;animation:.4s fadeUp;box-shadow:0 25px 60px #00000024}.game-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;transition:background .2s}.icon-btn:hover{background:#f0f0f0}.change-mode-btn{cursor:pointer;color:#555;background:0 0;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:.9rem;transition:all .2s}.change-mode-btn:hover{color:#222;border-color:#999}.game-title{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2.2rem;font-weight:800}.mode-badge{background:var(--mode-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block}.game-sub{text-align:center;color:#9ca3af;margin-bottom:20px}.select-section{margin-bottom:8px;padding:8px 0}.select-label{color:#4b5563;text-align:left;margin-bottom:12px;font-size:1rem;font-weight:600}.radio-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.radio-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px;transition:all .2s;display:flex;position:relative}.radio-card.active-blue{background:#eff6ff;border-color:#3b82f6}.radio-card.active-purple{background:#faf5ff;border-color:#9333ea}.radio-card:hover{border-color:#d1d5db}.radio-card .emoji{font-size:1.6rem}.radio-card .radio-label{color:#111;font-size:.95rem;font-weight:600}.radio-card .radio-label.blue{color:#1d4ed8}.radio-card .radio-label.purple{color:#7e22ce}.check-badge{width:18px;height:18px;position:absolute;top:8px;right:8px}.action-row{justify-content:center;gap:16px;margin:20px 0;display:flex}.q-card{text-align:center;border-radius:20px;margin-top:16px;padding:28px 24px;animation:.5s fadeUp}.q-card.truth-card{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:2px solid #60a5fa}.q-card.dare-card{background:linear-gradient(135deg,#7f1d1d,#ef4444);border:2px solid #f87171}.q-type{margin-bottom:10px;font-size:1.4rem;font-weight:700}.q-type.truth{color:#bfdbfe}.q-type.dare{color:#fecaca}.q-text{color:#fff;text-shadow:0 2px 4px #0003;font-size:1.25rem;font-weight:500;line-height:1.7}.dropdown-wrap{margin-top:24px;position:relative}.dropdown-label{letter-spacing:.1em;text-transform:uppercase;color:#818cf8;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.dropdown-btn{color:#fff;cursor:pointer;background:#18181b;border:2px solid #3f3f46;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:1rem;font-weight:600;transition:border-color .2s;display:flex}.dropdown-btn:hover,.dropdown-btn.open{border-color:#6366f1}.dropdown-btn svg{color:#6366f1;flex-shrink:0}.dropdown-overlay{z-index:10;position:fixed;inset:0}.dropdown-menu{z-index:20;background:#18181b;border:2px solid #3f3f46;border-radius:12px;width:100%;position:absolute;top:calc(100% + 8px);overflow:hidden;box-shadow:0 8px 30px #0000004d}.dropdown-item{cursor:pointer;color:#e4e4e7;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.95rem;transition:background .15s;display:flex}.dropdown-item:hover{color:#fff;background:#6366f1}.dropdown-item.active{color:#a5b4fc;background:#27272a;border-left:4px solid #6366f1}.modal-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:24px;width:100%;max-width:420px;min-height:200px;padding:28px 24px 60px;animation:.25s fadeUp;position:relative}.modal-title{text-align:center;color:#111;margin-bottom:16px;font-size:1.2rem;font-weight:700}.modal-buttons{flex-direction:column;gap:10px;display:flex}.mode-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-size:1.1rem;font-weight:600;transition:opacity .2s,transform .15s}.mode-btn:hover{opacity:.9;transform:scale(.99)}.mode-normal{background:#3b82f6}.mode-hard{background:#dc2626}.mode-all{background:linear-gradient(135deg,#9333ea,#ec4899,#dc2626)}.help-btn{color:#555;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:4px;padding:8px;font-size:1rem;display:flex}.help-btn:hover{color:#111}.modal-close-bar{background:#f9fafb;border-top:1px solid #f0f0f0;border-radius:0 0 24px 24px;justify-content:flex-end;padding:12px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.modal-close-bar button{color:#666;cursor:pointer;background:0 0;border:none;font-size:.95rem}.modal-close-bar button:hover{color:#111}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.game-title{font-size:1.7rem}.game-card{padding:24px 16px}}.btn-c{cursor:pointer;z-index:1;border:none;border-radius:16px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 25px #00000026}.btn-c:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-c:hover:before{left:100%}.btn-c:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0003}.btn-c:active{transform:translateY(-1px)}.btn-random{color:#fff;background:linear-gradient(135deg,#f7c655,#ec6b48);margin-bottom:30px;padding:18px 40px;font-size:1.2rem}.btn-truth{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-dare{color:#fff;background:linear-gradient(135deg,#ec4848,#be1818)}