body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{height:100%;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}.footer{margin-top:auto;text-align:center;padding:1rem;font-size:.85rem;background-color:#1a1a1a;color:#f5e6c8}.footer a{color:#f5e6c8;text-decoration:none}.footer a:hover{text-decoration:underline}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.start-title{font-size:1.4rem;color:#f5e6c8;padding:.5rem 1rem;transition:all .3s ease}.start-button{font-size:1.5rem;padding:1rem 2rem}.difficulty-options{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;font-family:serif}.difficulty-options label{position:relative;cursor:pointer;font-size:1.4rem;color:#f5e6c8;padding:.5rem 1rem;border:2px solid #e0c88a;border-radius:10px;background:#ffffff0d;transition:all .3s ease;display:flex;align-items:center}.difficulty-options label:hover{background-color:#ffffff1a;color:#fff8d6;border-color:#f5d37e}.difficulty-options input[type=radio]{display:none}.difficulty-options label{font-size:1.4rem;padding:.5rem 1rem;border:2px solid #e0c88a;border-radius:10px;background:#ffffff0d;color:#f5e6c8;cursor:pointer;transition:all .3s ease}.difficulty-options label:hover{background-color:#ffffff1a;border-color:#f5d37e}.difficulty-options label.selected{font-weight:700;box-shadow:0 0 12px #ffffff4d}label.selected.easy{background-color:#ffc0cb33;box-shadow:0 0 10px #ffb6c1e6}label.selected.normal{background-color:#90ee9033;box-shadow:0 0 10px #90ee90e6}label.selected.hard{background-color:#add8e633;box-shadow:0 0 10px #add8e6e6}@media (max-width: 768px){.difficulty-options{flex-direction:column;gap:1rem;align-items:center}.difficulty-options label{width:80%;text-align:center;font-size:1.2rem;padding:.8rem 1rem}.start-button{width:80%;font-size:1.3rem;padding:1rem}.quiz-frame{width:100%;max-width:100vw;border-width:4px}.scroll-area img{max-width:85%;max-height:85%}}.choices{margin-top:1rem}.choice-button{margin:.8rem 0;min-height:3rem}.result-text{font-size:2rem;margin-top:1rem;min-height:2.5rem;text-align:center;color:#f5e6c8;text-shadow:0 0 8px rgba(245,230,200,.5)}.next-button{margin-top:1rem;padding:.5rem 1rem}.choice-button,.next-button{background-color:#fffc;color:#333;border:2px solid #aaa;padding:.8rem 1.5rem;font-size:1.2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:.5rem}.choice-button:hover,.next-button:hover{background-color:#f5e6c8;color:#222;border-color:#e0c88a}.start-button{font-size:1.5rem;padding:1rem 2rem;background-color:#f5e6c8;color:#222;border:2px solid #e0c88a;border-radius:10px;transition:all .3s ease}.start-button:hover{background-color:#fff}.mask{width:160px;height:160px;overflow:hidden;margin:0 auto;border:2px solid #444}.quiz-frame{width:100%;max-width:960px;aspect-ratio:16 / 9;background-color:#000;overflow:hidden;position:relative;border:8px solid #585461;box-shadow:0 0 20px #0006}.scroll-area{width:100%;height:100%;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.scroll-area img{max-width:70%;max-height:70%;object-fit:contain;opacity:0;transition:opacity .2s ease}.scroll-area.active{animation:scroll-left 1s linear forwards}.scroll-area.active img{opacity:1}.fusuma.left{position:absolute;top:0;left:0;height:100%;width:50.4%;z-index:2;object-fit:cover;pointer-events:none;transition:transform .5s ease}.fusuma.right{position:absolute;top:0;right:0;height:100%;width:50.4%;z-index:2;object-fit:cover;pointer-events:none;transition:transform .5s ease}.quiz-frame.closing .left,.quiz-frame.closing .right{transform:translate(0);transition:transform .3s cubic-bezier(.8,0,.2,1)}.quiz-frame.open-easy .left{transform:translate(-40%)}.quiz-frame.open-easy .right{transform:translate(40%)}.quiz-frame.open-easy .scroll-area.active{animation:scroll-left 1s linear forwards}.quiz-frame.open-normal .left{transform:translate(-15%)}.quiz-frame.open-normal .right{transform:translate(15%)}.quiz-frame.open-normal .scroll-area.active{animation:scroll-left .8s linear forwards}.quiz-frame.open-hard .left{transform:translate(-4%)}.quiz-frame.open-hard .right{transform:translate(4%)}.quiz-frame.open-hard .scroll-area.active{animation:scroll-left .6s linear forwards}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width: 768px){.quiz-frame{width:100%;border-width:4px;border-radius:0}.result-text{flex-direction:column;align-items:center}.choice-button{width:80%}.result-text{font-size:1.4rem;padding:0 1rem;line-height:1.4}}.result-screen{text-align:center;color:#f5e6c8;margin-top:2rem}.result-screen h2{font-size:3rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(245,230,200,.6)}.result-screen p{font-size:1.5rem;margin-bottom:2rem;color:#eee}.restart-button{background-color:#f5e6c8;color:#222;border:2px solid #e0c88a;border-radius:10px;padding:1rem 2rem;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.restart-button:hover{background-color:#fff;color:#000;border-color:#e0c88a}.loading-screen{height:100vh;width:100%;background-color:#2e2b3d;color:#f5e6c8;display:flex;justify-content:center;align-items:center;font-size:2rem;font-family:"Noto Serif JP",serif}.app-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem 1rem 4rem}.title{font-size:2.5rem;font-weight:700;white-space:nowrap;line-break:strict;text-align:center;color:#f5e6c8;text-shadow:0 0 5px rgba(255,255,255,.3);margin-bottom:1rem}body{background-image:url(/assets/haikei-x5mhC3QC.png);background-repeat:repeat;background-position:center top;background-attachment:fixed;background-size:cover}h1{font-size:3rem;color:#f5e6c8;text-shadow:0 0 5px rgba(245,230,200,.5);letter-spacing:.1em;margin-bottom:2rem}@media (max-width: 768px){.title{font-size:2rem}}@media (max-width: 480px){.title{font-size:1.6rem}}