:root{--type-normal:#a8a878;--type-fire:#f5761c;--type-water:#6890f0;--type-electric:#ffc400;--type-grass:#5eb134;--type-ice:#25c3c9;--type-fighting:#c03028;--type-poison:#a040a0;--type-ground:#9e5a2d;--type-flying:#967ce4;--type-psychic:#f85888;--type-bug:#8e9c0b;--type-rock:#917f1f;--type-ghost:#705898;--type-dragon:#7038f8;--type-dark:#705848;--type-steel:#9494a7;--type-fairy:#df7c92;--super-effective:#dc1e08;--not-very-effective:#0178c8;--no-effect:#8345b3;--font-primary:"Noto Sans JP","Helvetica Neue",Arial,sans-serif;--background-color:#f0f8ff;--container-bg:hsla(0,0%,100%,.9);--text-color:#333;--button-text-color:#fff;--timer-bar-bg:#e0e0e0;--timer-bar-fill:#4caf50;--score-color:coral;--modal-backdrop:rgba(0,0,0,.6)}.hidden{display:none!important}#contents div.game-container{background-color:var(--container-bg);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:600px;padding:20px;position:relative;text-align:center;width:90%}#contents div.timer-bar-section{background-color:var(--timer-bar-bg);border-radius:5px;height:25px;margin-bottom:25px;overflow:hidden;padding:0}#contents div.timer-bar{background-color:var(--timer-bar-fill);border-radius:5px;display:block;height:100%;padding:0;transition:width .2s linear,background-color .5s ease;width:100%}#contents div.sphere-section{gap:10px;margin:20px auto 40px}#contents div.sphere-section,#contents div.type-circle{align-items:center;display:flex;justify-content:center;padding:0}#contents div.type-circle{background-color:var(--type-normal);border:4px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.2);color:var(--button-text-color);font-size:1.2em;font-weight:700;height:100px;line-height:1.25;overflow:hidden;overflow-wrap:break-word;position:relative;text-align:center;width:100px;word-break:keep-all}#contents div.type-circle:before{background-image:var(--icon-url);background-position:50%;background-repeat:no-repeat;background-size:90%;content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}#contents div.type-circle span{position:relative;z-index:1}#contents div.type-circle.type-fire,.answers-section .type-fire{background-color:var(--type-fire)}#contents div.type-circle.type-water,.answers-section .type-water{background-color:var(--type-water)}#contents div.type-circle.type-electric,.answers-section .type-electric{background-color:var(--type-electric)}#contents div.type-circle.type-grass,.answers-section .type-grass{background-color:var(--type-grass)}#contents div.type-circle.type-ice,.answers-section .type-ice{background-color:var(--type-ice)}#contents div.type-circle.type-fighting,.answers-section .type-fighting{background-color:var(--type-fighting)}#contents div.type-circle.type-poison,.answers-section .type-poison{background-color:var(--type-poison)}#contents div.type-circle.type-ground,.answers-section .type-ground{background-color:var(--type-ground)}#contents div.type-circle.type-flying,.answers-section .type-flying{background-color:var(--type-flying)}#contents div.type-circle.type-psychic,.answers-section .type-psychic{background-color:var(--type-psychic)}#contents div.type-circle.type-bug,.answers-section .type-bug{background-color:var(--type-bug)}#contents div.type-circle.type-rock,.answers-section .type-rock{background-color:var(--type-rock)}#contents div.type-circle.type-ghost,.answers-section .type-ghost{background-color:var(--type-ghost)}#contents div.type-circle.type-dragon,.answers-section .type-dragon{background-color:var(--type-dragon)}#contents div.type-circle.type-dark,.answers-section .type-dark{background-color:var(--type-dark)}#contents div.type-circle.type-steel,.answers-section .type-steel{background-color:var(--type-steel)}#contents div.type-circle.type-fairy,.answers-section .type-fairy{background-color:var(--type-fairy)}.super-effective{color:var(--super-effective)}.not-very-effective{color:var(--not-very-effective)}.no-effect{color:var(--no-effect)}#contents div.question-section{font-size:1.3em;margin-bottom:25px;min-height:40px;padding:0}#contents div.answers-section{display:flex;flex-direction:column;padding:0}.answers-section button{align-items:center;background-color:var(--type-normal);border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--button-text-color);cursor:pointer;display:flex;font-size:1.1em;font-weight:700;gap:8px;height:auto;line-height:28px;margin-bottom:12px;padding:12px 15px;transition:background-color .2s ease,transform .1s ease,opacity .2s ease;white-space:nowrap;width:100%}.answers-section button .type-icon{flex-shrink:0;height:28px;width:28px}.answers-section button:hover{opacity:.9;transform:translateY(-2px)}.answers-section button:active{box-shadow:0 1px 2px rgba(0,0,0,.1);transform:translateY(0)}.answers-section button:disabled{cursor:not-allowed}.answers-section button:not(.correct-highlight):disabled{background-color:#999;color:#ccc;opacity:.6}.answers-section button:disabled:hover{opacity:.6;transform:none}.answers-section button.correct-highlight{border:3px solid #ff754f;box-shadow:0 0 0 3px #ff754f,0 0 10px 3px #ff754f}#contents div#game-stats{align-items:center;background-color:rgba(0,0,0,.05);border-radius:6px;color:var(--text-color);display:flex;justify-content:space-between;margin-top:20px;padding:10px 15px}#contents div#correct-counter,#contents div#question-counter,#contents div#score-display{font-size:1.1em;font-weight:700;padding:0}#contents div#score-display{color:var(--score-color)}#contents div#question-counter{color:#555}#contents div.right-stats{display:flex;flex-direction:column;padding:0;text-align:right}#contents div#correct-counter{color:#555}#contents div.results-container{background:#fff;border-radius:12px;display:none;margin:20px auto;max-width:600px;padding:24px 0;text-align:center}#contents div.results-container.show{display:block}#contents div.results-content{margin:0 auto;max-width:420px;padding:0}.share-thumbnail{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:var(--font-primary);height:630px;justify-content:center;max-width:none;padding-top:60px;text-align:center;width:1200px}.share-thumbnail .thumb-score{font-size:120px;font-weight:700;line-height:1em;margin-bottom:60px}.share-thumbnail .thumb-summary{font-size:48px;font-weight:700;line-height:1em;margin-bottom:40px}.share-thumbnail .thumb-rank{font-size:64px;font-weight:700;line-height:1em}#contents div.results-container.show div.results-content{animation:sphere-initial-approach .4s ease-out}.results-content button{background:#ffb509;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin-top:15px;padding:10px 16px;text-decoration:none}.results-content button.x-btn{align-items:center;background:#000 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjEyMjciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxMjAwIDEyMjciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03MTQuMTYzIDUxOS4yODQgMTE2MC44OSAwaC0xMDUuODZMNjY3LjEzNyA0NTAuODg3IDM1Ny4zMjggMEgwbDQ2OC40OTIgNjgxLjgyMUwwIDEyMjYuMzdoMTA1Ljg2Nmw0MDkuNjI1LTQ3Ni4xNTIgMzI3LjE4MSA0NzYuMTUySDEyMDBMNzE0LjEzNyA1MTkuMjg0ek01NjkuMTY1IDY4Ny44MjhsLTQ3LjQ2OC02Ny44OTQtMzc3LjY4Ni01NDAuMjRoMTYyLjYwNGwzMDQuNzk3IDQzNS45OTEgNDcuNDY4IDY3Ljg5NCAzOTYuMiA1NjYuNzIxSDg5Mi40NzZMNTY5LjE2NSA2ODcuODU0eiIvPjwvc3ZnPg==) no-repeat;background-position:8px;background-size:18px 18px;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:34px;margin:20px auto;padding:0 10px 0 32px}#contents div.countdown-overlay{align-items:center;background:rgba(0,0,0,.7);border-radius:10px;color:#fff;display:flex;flex:1;font-size:6em;font-weight:700;justify-content:center;left:0;padding:0;pointer-events:none;top:0;width:100%}.results-content a.share-btn:hover,.results-content button:hover{opacity:.9}#contents div.results-score{background:linear-gradient(90deg,#50adff,#ff57bb);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:3em;font-weight:700;line-height:1.6;margin:10px 0;padding:0;-webkit-text-fill-color:transparent}#contents div.results-summary{font-size:1.6em;margin:10px 0 20px;padding:0}.correctCount{font-size:1.4em}#contents div.results-rank{font-size:1.4em;font-weight:700;margin:10px 0 20px;padding:0}.results-content button.replay-btn{background:#44b51a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.4em;height:auto;padding:12px 24px}.replay-btn:hover{opacity:.9}#contents div.results-title{background:linear-gradient(90deg,#50adff,#ff57bb);background-clip:text;-webkit-background-clip:text;color:var(--type-fire);color:transparent;font-size:2.2em;font-weight:700;line-height:1;margin-top:0;padding:0;-webkit-text-fill-color:transparent}@keyframes sphere-initial-approach{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.sphere-initial-approach-active{animation:sphere-initial-approach .4s ease-out forwards}@keyframes sphere-slow-approach{60%,to{transform:translateY(0)}80%{transform:translateY(-5px)}}.sphere-slow-approach-active{animation:sphere-slow-approach 1s ease-in-out infinite}@keyframes screen-shake-effect{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}}.screen-shake-active{animation:screen-shake-effect .35s}@keyframes parry{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.parry-animation-active{animation:parry .3s ease-out}@keyframes sphere-blink-collapse{0%{opacity:1;transform:rotate(0) translateY(0)}10%{opacity:0}20%{opacity:1}30%{opacity:0}40%{opacity:1}50%{opacity:0}60%{opacity:1}70%{opacity:0}80%{opacity:1}to{opacity:1;transform:rotate(30deg) translateY(20px)}}.sphere-blink-collapse-active{animation:sphere-blink-collapse .8s ease-in-out forwards;transform-origin:bottom center}@keyframes circle-spin-fade{0%{opacity:1;transform:rotate(0) translateY(0)}10%{opacity:0}20%{opacity:1}30%{opacity:0}40%{opacity:1}50%{opacity:0}60%{opacity:1}70%{opacity:0}80%{opacity:1}to{opacity:0;transform:rotate(30deg) translateY(20px)}}.circle-spin-fade-active{animation:circle-spin-fade .8s ease-in-out forwards;transform-origin:bottom center}@keyframes confetti-fall{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.type-circle{font-size:.9em;height:80px;line-height:1.2;width:80px}}#start-game-btn{background:#ffb915;border:none;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;height:auto;padding:12px 24px;transition:background-color .2s,transform .2s}#contents div#best-score-display,#contents div.best-score{color:var(--type-fire);font-size:1.2em;font-weight:700;margin-top:20px;padding:0}#contents div.new-best-msg{color:var(--type-fire);font-size:1.4em;font-weight:700;margin:10px 0;padding:0}#start-game-btn:hover{background:var(--type-fire);transform:translateY(-2px)}#start-game-btn:active{transform:translateY(0)}.results-content a.share-btn,button{user-select:none;-webkit-user-select:none}.end-text{color:var(--type-fire);font-size:2em;font-weight:700}#contents div.review-section{margin-top:40px;padding:0;text-align:left}.review-section ol{counter-reset:question-counter;list-style:none;margin-left:20px;padding-left:0}.review-question-text:before{content:"Q" counter(question-counter) ". ";counter-increment:question-counter}.review-question{margin-bottom:30px}#contents div.review-question-text{font-weight:700;margin-bottom:10px;padding:0}.review-options{list-style:none;padding-left:30px}ul.review-options li{background:transparent;padding:0}.review-options li.correct-answer{font-weight:700;position:relative}.review-options li.correct-answer:before{content:"\25B6";left:-1.5em;position:absolute;top:0}#loading-overlay{align-items:center;background:rgba(0,0,0,.6);color:#fff;display:flex;font-size:2em;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}