*{box-sizing:border-box;margin:0;padding:0}body{padding:max(2rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:#111827;background-color:#f3f4f6;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.container{max-width:720px;margin:0 auto;position:relative}.sticky-top{top:calc(-1 * max(2rem, env(safe-area-inset-top)) + 0px);z-index:100;padding-top:max(2rem, env(safe-area-inset-top));margin-top:calc(-1 * max(2rem, env(safe-area-inset-top)));background-color:#f3f4f6;transition:background-color .3s;position:sticky}[data-theme=dark] .sticky-top{background-color:#111827}header{text-align:center;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;margin-bottom:1rem;padding:2rem 1.5rem;transition:background .3s,box-shadow .3s;position:relative;box-shadow:0 4px 16px #3b82f640}header h1{color:#fff;letter-spacing:2px;font-size:2.5rem;font-weight:700}header p{color:#ffffffd9;margin-top:.5rem;font-size:1rem}.version{opacity:.35;letter-spacing:.5px;color:#ffffff80;margin-top:.25rem;font-size:.65rem;font-weight:400;display:block}.dark-toggle-btn{color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.dark-toggle-btn:hover{background:#ffffff59;transform:scale(1.1)}.dark-toggle-btn:active{transform:scale(.95)}.dark-toggle-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.dark-toggle-icon{font-size:1.2rem;line-height:1}.worldcup-btn{cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;line-height:1;text-decoration:none;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:.75rem;right:4rem}.worldcup-btn:hover{background:#ffffff59;transform:scale(1.1)}.worldcup-btn:active{transform:scale(.95)}.worldcup-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}[data-theme=dark] .worldcup-btn{background:#ffffff1a}[data-theme=dark] .worldcup-btn:hover{background:#fff3}.cards{flex-direction:column;gap:1.25rem;padding-top:4px;display:flex}.no-results{text-align:center;opacity:.5;padding:3rem 1rem;font-size:1rem;display:block}.card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;scroll-margin-top:4rem;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .3s;position:relative;box-shadow:0 1px 3px #0000000a}.card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.card:active{transform:scale(.98)}.card:focus-visible{outline-offset:3px;outline:3px solid #3b82f6}.card:nth-child(2n){background:#f8fafc}.card-meta{margin-bottom:.5rem}.card-number{color:#3b82f6;font-size:.8rem;font-weight:700}.question{color:#111827;font-size:1.2rem;font-weight:600;line-height:1.6;transition:color .3s}.answer{color:#059669;opacity:0;border-top:2px solid #e5e7eb;max-height:0;margin-top:0;padding-top:0;font-size:1.15rem;font-weight:700;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s .1s,margin-top .3s,padding-top .3s,border-color .3s;overflow:hidden}.card.revealed .answer{opacity:1;max-height:200px;margin-top:1rem;padding-top:1rem}.hint{color:#9ca3af;margin-top:.75rem;font-size:.8rem;transition:opacity .3s,height .3s,margin .3s}.card.revealed .hint{opacity:0;height:0;margin:0}.cards.always-reveal .answer{opacity:1;max-height:200px;margin-top:1rem;padding-top:1rem}.cards.always-reveal .hint{opacity:0;height:0;margin:0}.toolbar{align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.search-box{flex:1;position:relative}.search-box input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.search-box input::placeholder{color:#9ca3af}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.2rem;line-height:1;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear:hover{color:#111827;background:#0000000d}.search-count{color:#9ca3af;pointer-events:none;font-size:.8rem;position:absolute;top:50%;right:3rem;transform:translateY(-50%)}.reveal-toggle-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:color .2s,background-color .2s,border-color .2s,transform .2s;display:flex}.reveal-toggle-btn:hover{color:#3b82f6;border-color:#bfdbfe}.reveal-toggle-btn:active{transform:scale(.95)}.reveal-toggle-btn:focus-visible{outline-offset:2px;outline:3px solid #3b82f6}.reveal-toggle-btn[aria-pressed=true]{color:#fff;background:#3b82f6;border-color:#3b82f6}.reveal-toggle-btn[aria-pressed=true]:hover{background:#2563eb;border-color:#2563eb}.reveal-icon-on{display:none}.reveal-icon-off,.reveal-toggle-btn[aria-pressed=true] .reveal-icon-on{display:block}.reveal-toggle-btn[aria-pressed=true] .reveal-icon-off{display:none}[data-theme=dark] .reveal-toggle-btn{color:#9ca3af;background:#1f2937;border-color:#374151}[data-theme=dark] .reveal-toggle-btn:hover{color:#60a5fa;border-color:#60a5fa}[data-theme=dark] .reveal-toggle-btn[aria-pressed=true]{color:#fff;background:#2563eb;border-color:#2563eb}[data-theme=dark] .reveal-toggle-btn[aria-pressed=true]:hover{background:#3b82f6;border-color:#3b82f6}.random-btn{color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;line-height:1;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:.75rem;left:4.25rem}.random-btn:hover{background:#ffffff59;transform:scale(1.1)}.random-btn:active{transform:scale(.95)}.random-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.shuffle-btn{color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:.75rem;left:.75rem}.shuffle-btn:hover{background:#ffffff59;transform:scale(1.1)}.shuffle-btn:active{transform:scale(.95)}.shuffle-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.inline-random-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;margin:0 auto;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 2px 8px #3b82f64d}.inline-random-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.inline-random-btn:active{transform:scale(.96)}.inline-random-btn:focus-visible{outline-offset:3px;outline:3px solid #3b82f6}[data-theme=dark] .inline-random-btn{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 2px 8px #1e40af66}[data-theme=dark] .inline-random-btn:hover{box-shadow:0 4px 16px #1e40af80}footer{text-align:center;padding-bottom:max(1rem, env(safe-area-inset-bottom));color:#9ca3af;margin-top:2rem;font-size:.85rem;transition:color .3s}.scroll-top-btn{bottom:max(1.5rem, env(safe-area-inset-bottom));cursor:pointer;z-index:999;color:#fff;opacity:0;pointer-events:none;background:#3b82f6;border:none;border-radius:50%;width:48px;height:48px;font-size:1.25rem;line-height:1;transition:opacity .3s,transform .3s,background-color .2s,box-shadow .2s;position:fixed;right:1.5rem;transform:translateY(12px);box-shadow:0 4px 12px #3b82f64d}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.scroll-top-btn:active{transform:scale(.92)}.scroll-top-btn:focus-visible{outline-offset:3px;outline:3px solid #3b82f6}@keyframes cardReveal{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}.card.revealed{animation:.25s cardReveal}[data-theme=dark] body{color:#f3f4f6;background-color:#111827}[data-theme=dark] header{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 16px #1e40af66}[data-theme=dark] .version{color:#fff6}[data-theme=dark] .dark-toggle-btn{color:#fff;background:#ffffff1a}[data-theme=dark] .dark-toggle-btn:hover{background:#fff3}[data-theme=dark] .card{background:#1f2937;border-color:#374151;box-shadow:0 1px 3px #0003}[data-theme=dark] .card:hover{border-color:#60a5fa;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .card:nth-child(2n){background:#1a2332}[data-theme=dark] .card-number{color:#60a5fa}[data-theme=dark] .question{color:#f3f4f6}[data-theme=dark] .answer{color:#34d399;border-top-color:#374151}[data-theme=dark] .hint,[data-theme=dark] .cards:empty:after{color:#6b7280}[data-theme=dark] .search-box input{color:#f3f4f6;background:#1f2937;border-color:#374151}[data-theme=dark] .search-box input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}[data-theme=dark] .search-box input::placeholder,[data-theme=dark] .search-clear{color:#6b7280}[data-theme=dark] .search-clear:hover{color:#f3f4f6;background:#ffffff1a}[data-theme=dark] .search-count{color:#6b7280}[data-theme=dark] .random-btn{background:#ffffff1a}[data-theme=dark] .random-btn:hover{background:#fff3}[data-theme=dark] .shuffle-btn{background:#ffffff1a}[data-theme=dark] .shuffle-btn:hover{background:#fff3}[data-theme=dark] footer{color:#6b7280}[data-theme=dark] .scroll-top-btn{background:#2563eb;box-shadow:0 4px 12px #2563eb66}[data-theme=dark] .scroll-top-btn:hover{background:#3b82f6;box-shadow:0 6px 20px #3b82f680}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=480px){body{padding:1rem .75rem}header{border-radius:12px;padding:3.5rem 1rem 1.5rem}header h1{font-size:1.75rem}header p{font-size:.8rem}.card{padding:1.2rem}.question{font-size:1rem}.answer{font-size:.95rem}.random-btn{width:40px;height:40px;font-size:1rem;top:.5rem;left:3.25rem}.shuffle-btn{width:40px;height:40px;top:.5rem;left:.5rem}.dark-toggle-btn{width:40px;height:40px;top:.5rem;right:.5rem}.worldcup-btn{width:40px;height:40px;font-size:1rem;top:.5rem;right:3.25rem}}@media (width>=481px) and (width<=768px){body{padding:1.5rem 1rem}.container{max-width:600px}header h1{font-size:2rem}}@media (width>=1440px){.container{max-width:800px}.cards{gap:1.5rem}}