@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{--app-height: 100%;--mint: 160 60% 88%;--lavender: 260 60% 90%;--peach: 20 90% 88%;--sky: 200 80% 90%;--lemon: 48 90% 85%;--coral: 12 80% 65%;--purple-soft: 260 50% 60%;--teal: 170 50% 50%;--bg-warm: 40 30% 97%;--card-border: 220 20% 92%}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Fredoka,Noto Sans TC,sans-serif;background:hsl(var(--bg-warm));-webkit-tap-highlight-color:transparent}.game-card{border-radius:20px;border:1.5px solid hsl(var(--card-border));box-shadow:0 2px 8px -2px #0000000f,0 4px 16px -4px #00000014;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px -6px #0000001a}.btn-3d{position:relative;transition:all .15s;border-radius:16px;font-weight:600;letter-spacing:.3px;cursor:pointer}.btn-3d-coral{background:hsl(var(--coral));border-bottom:4px solid hsl(12 70% 52%);color:#fff}.btn-3d-coral:hover{background:#eb6847}.btn-3d-purple{background:hsl(var(--purple-soft));border-bottom:4px solid hsl(260 50% 48%);color:#fff}.btn-3d-purple:hover{background:#7953c6}.btn-3d-lemon{background:hsl(var(--lemon));border-bottom:4px solid hsl(48 70% 70%);color:#7a4d1f}.btn-3d-lemon:hover{background:#fae89e}.btn-3d-teal{background:hsl(var(--teal));border-bottom:4px solid hsl(170 50% 38%);color:#fff}.btn-3d-orange{background:hsl(var(--coral));border-bottom:4px solid hsl(12 70% 52%);color:#fff}.btn-3d-orange:hover{background:#eb6847}.btn-3d-yellow{background:hsl(var(--lemon));border-bottom:4px solid hsl(48 70% 70%);color:#7a4d1f}.btn-3d-yellow:hover{background:#fae89e}.btn-3d:active{transform:translateY(3px);border-bottom-width:1px}.floating{animation:floating 4s ease-in-out infinite}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(8px)}to{transform:translate(0)}}.bg-pattern{background-image:radial-gradient(hsl(var(--sky) / .3) 1.5px,transparent 1.5px);background-size:32px 32px}.glass-bar{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsl(var(--card-border))}.progress-bar-track{background:hsl(var(--sky));border-radius:999px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,hsl(var(--teal)),#2eb8a1);border-radius:999px;transition:width .5s ease;height:100%}.option-card{background:#fff;border:2px solid hsl(var(--card-border));border-bottom:5px solid hsl(var(--card-border));border-radius:16px;transition:all .15s;cursor:pointer}.option-card:hover{border-color:hsl(var(--teal));transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001a}.option-card:active{transform:translateY(2px);border-bottom-width:2px}.option-card.correct{background:hsl(var(--mint));border-color:#3c9}.option-card.wrong{opacity:.35}.scrollbar-hide::-webkit-scrollbar{display:none}