@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC&family=Press+Start+2P&display=swap";body{background-color:#1a1a1a;color:#fff;font-family:"Noto Serif TC",serif;text-align:center;margin:0;display:flex;justify-content:center;align-items:center;min-height:100svh;padding:20px;box-sizing:border-box;background:#1a1a1a;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 130px 140px,#eee,#0000),radial-gradient(2px 2px at 160px 50px,#ddd,#0000),radial-gradient(2px 2px at 250px 100px,#eee,#0000),radial-gradient(2px 2px at 300px 350px,#eee,#0000),radial-gradient(2px 2px at 100px 300px,#eee,#0000),radial-gradient(2px 2px at 50px 250px,#ddd,#0000),radial-gradient(2px 2px at 380px 80px,#fff,#0000),radial-gradient(2px 2px at 180px 380px,#eee,#0000),radial-gradient(2px 2px at 280px 150px,#ddd,#0000);background-repeat:repeat;background-size:400px 400px}#root{width:100%}img,canvas{image-rendering:pixelated}.App{max-width:800px;width:100%;margin:0 auto;padding-bottom:80px}.App-header h1{font-family:"Press Start 2P",cursive;color:#ca464d;font-size:2.2rem;margin-bottom:0;text-shadow:4px 4px 0px #000}.App-header .subtitle{font-family:"Noto Serif TC",serif;color:#fff;font-size:1rem;margin-top:10px}.pixel-button{font-family:"Noto Serif TC",serif;background-color:#ca464d;color:#fff;border:2px solid #000;padding:15px 25px;font-size:1.2rem;cursor:pointer;box-shadow:4px 4px #000;transition:all .1s ease-in-out;text-transform:uppercase;margin-top:20px}.pixel-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.pixel-button:active{transform:translate(4px,4px);box-shadow:0 0 #000}.share-warning{font-size:.9rem;line-height:.6rem;color:#f7c40b;margin-top:56px;max-width:400px;margin-left:auto;margin-right:auto}#welcome-screen h2{font-size:1.5rem;line-height:1.5;margin-top:40px;margin-bottom:40px;font-family:"Noto Serif TC",serif}.welcome-buttons{display:flex;flex-direction:column;align-items:center}.simple-mode-button{background-color:#4caf50}#quiz-screen .question-text{font-size:1.6rem;line-height:1.5;margin-bottom:12px;min-height:100px}.answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.answer-button{background-color:#333;color:#fff;border:2px solid #555;padding:20px;font-size:1rem;cursor:pointer;transition:background-color .2s;height:100px;display:flex;justify-content:center;align-items:center;line-height:1.4}@media (hover: hover){.answer-button:hover{background-color:#ca464d;border-color:#ca464d}}.answer-button:active{background-color:#9e3a3f;border-color:#9e3a3f}.progress-bar{margin-top:40px;width:100%;height:20px;background-color:#333;border:2px solid #000}.progress-bar-inner{height:100%;background-color:#ca464d;width:0%;transition:width .5s}#result-screen{padding:40px;margin-bottom:20px}#result-screen .result-image{max-width:100%;height:auto;border:4px solid #000;box-shadow:4px 4px #000}#result-screen h2{font-family:"Noto Serif TC",serif;color:#ca464d;font-size:2rem}#result-screen .result-name{font-size:2.5rem;font-weight:700;margin-bottom:20px}#result-screen .result-description{font-size:1.2rem;line-height:1.6;margin-bottom:40px}#result-screen .result-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}#result-screen .result-buttons .pixel-button{margin:0}@media (max-width: 768px){body{padding:15px}.App-header h1{font-size:1.8rem}.App-header .subtitle{font-size:.9rem}.answers-grid{grid-template-columns:1fr;gap:15px}.answer-button{height:auto;min-height:40px;font-size:.9rem}#quiz-screen .question-text{font-size:1.3rem;min-height:80px}#result-screen{padding:12px;margin-bottom:24px}#result-screen h2{font-size:1.5rem}#result-screen .result-name{font-size:2rem}#result-screen .result-description{font-size:1rem;margin-bottom:12px}.pixel-button{padding:12px 20px;font-size:1rem}.recharts-polar-angle-axis-tick-value{font-size:.75rem}}.share-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.share-preview-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;max-height:90vh;overflow-y:auto}.share-preview-content img{max-width:90vw;max-height:70vh;margin-bottom:20px}.share-preview-content p{color:#fff;font-size:1.2rem;margin-bottom:20px}.share-preview-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.App-footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#1a1a1a;box-sizing:border-box}.footer-logo img{height:30px}.footer-icons a{color:#fff;margin-left:12px;font-size:1.2rem}.footer-icons a:hover{color:#ca464d}.shooting-star{position:fixed;width:4px;height:4px;background-color:#fff;border-radius:50%;opacity:0;animation:shoot 3s linear forwards;z-index:9999;box-shadow:0 0 10px 2px #fffc}@keyframes shoot{0%{transform:rotate(225deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(225deg) translate(-500px);opacity:0}}