@charset "UTF-8";
:root{--ink:#123654;--muted:#516b80;--blue:#1064b6;--deep:#174c80;--sky:#eaf6ff;--line:#c9dfef;--pink:#ce628d;--gold:#cda759;--white:#fff;--radius:24px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:var(--ink);background:#f2f9fe;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-underline-offset:5px}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ce628d;outline-offset:5px}button:disabled{opacity:.58}[hidden]{display:none!important}h1,h2,h3,p{margin:0}img{max-width:100%;object-fit:contain}button{color:inherit}ruby{ruby-align:center}rt{font-size:.5em;font-weight:500}h2:focus,h1:focus{outline:none}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:15px;z-index:20}.skip:focus{top:12px}
.site-header{max-width:1280px;margin:auto;padding:25px 46px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px;text-decoration:none;line-height:1}.brand span{color:var(--pink)}.brand small{display:block;font-size:10px;letter-spacing:.05em;font-weight:600;margin-top:10px}.site-header nav{display:flex;gap:28px;font-size:12px;font-weight:700}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}main{max-width:1200px;margin:auto;padding:0 32px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--blue)}
.intro{display:grid;grid-template-columns:1.12fr 1fr;gap:18px 24px;padding-top:48px}.intro-copy{padding:14px 0 24px}.intro-overline{font-size:15px;margin:24px 0 14px;font-weight:700}.intro h1{font-size:clamp(42px,4.9vw,66px);letter-spacing:-.05em;line-height:1.23;font-weight:900}.intro h1>span{font-size:.61em;letter-spacing:.01em}.intro h1 em{font-style:normal;color:var(--blue)}.intro-lead{font-size:15px;line-height:2;margin-top:24px;color:var(--muted)}.intro-facts{display:flex;gap:26px;margin:28px 0 24px;font-size:10px;color:var(--muted)}.intro-facts span{display:flex;align-items:baseline;gap:5px}.intro-facts b{font-size:29px;line-height:1;color:var(--deep);font-variant-numeric:tabular-nums}.primary{border:0;border-radius:14px;background:var(--blue);color:white;min-height:54px;padding:16px 25px;font-size:15px;font-weight:800;box-shadow:0 5px 0 #084d90;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#075496;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #084d90}.primary:disabled{box-shadow:none}.start{min-width:310px;max-width:100%;text-align:left;display:flex;justify-content:space-between;gap:20px}.quiet{font-size:11px;color:var(--muted);line-height:1.8;margin-top:16px}.personal-best{font-size:12px;color:#4e6b81;margin-top:9px;min-height:20px}
.intro-art{position:relative;min-height:460px;display:flex;align-items:flex-end;justify-content:center;background:#deeffa;border-radius:240px 240px 36px 36px;padding:0 5px 88px;margin-top:0}.mascot{width:57%;height:275px;position:relative;z-index:1;filter:drop-shadow(0 15px 13px #365e7c14)}.mascot.pao{margin-right:-34px;margin-left:-24px}.mascot.rabi{margin-left:-5px;margin-right:-28px}.goal-seal{position:absolute;top:26px;left:50%;transform:translateX(-50%);text-align:center;display:flex;align-items:center;flex-direction:column;color:var(--deep)}.goal-seal svg{width:58px;height:48px;fill:#e8c887;stroke:#9c742c;stroke-width:2;stroke-linejoin:round}.goal-seal>span{font-size:12px;letter-spacing:.2em;font-weight:800;margin:4px 0}.goal-seal b{font-size:15px}.art-caption{position:absolute;bottom:26px;text-align:center;font-size:12px;color:#4e6b81}.art-caption span{display:block;font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:8px}.intro-rules{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);margin-top:32px;padding:28px 0 32px}.intro-rules>div{display:flex;gap:12px;align-items:flex-start}.rule-number{color:#6a93b4;font-size:12px;line-height:24px}.intro-rules p{font-size:12px;line-height:1.8}.intro-rules strong{display:block;font-size:13px}.intro-rules p>span{color:var(--muted);font-size:11px}
.play{padding-top:20px}.play-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.play-top p{font-size:12px;letter-spacing:.04em}.play-top strong{font-size:16px;margin-left:4px}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:12px 8px;text-decoration:underline;text-underline-offset:4px}.arena{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:30px;align-items:start}.quiz-column{min-width:0}.round-info{display:flex;align-items:center;gap:17px;margin-bottom:12px}.round-info>p{font-size:13px;white-space:nowrap}.round-info strong{font-size:35px;line-height:1;font-variant-numeric:tabular-nums}.round-info>p>span{color:#6b8295}.level-label{font-size:11px;font-weight:700;color:var(--blue);background:#dfedfa;padding:6px 10px;border-radius:6px}.streak{font-size:12px;margin-left:auto;font-weight:700}.progress-track{height:5px;background:#d5e7f3;border-radius:10px;margin-bottom:23px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--blue);transition:width .4s}
.question-card{background:white;border:1px solid #d4e6f3;border-radius:var(--radius);padding:30px;box-shadow:0 12px 36px #1c426209}.question-card h2{font-size:23px;line-height:1.8;margin:17px 0 24px;letter-spacing:.01em;overflow-wrap:anywhere}.question-card h2 ruby{line-height:2.25}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{display:flex;align-items:center;gap:13px;text-align:left;background:#f7fbfe;border:1.5px solid #c9dfef;border-radius:13px;padding:16px;min-height:84px;position:relative;font-size:15px;font-weight:700;line-height:1.8}.choice .letter{background:#e5eff8;color:#466a87;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;flex:none;font-size:13px;line-height:1}.choice:hover:not(:disabled){background:#eaf4ff;border-color:#77aede}.choice[aria-pressed="true"]{border-color:var(--blue);background:#e5f2ff;box-shadow:0 0 0 1px var(--blue)}.choice[aria-pressed="true"] .letter{color:white;background:var(--blue)}.choice:disabled{opacity:1}.choice.eliminated{border-color:#e2eaf0;color:#7c8d9a;background:#f8fafc;font-weight:400}.choice.eliminated .letter{background:#eff2f5;color:#8597a5}.choice.is-correct{border-color:#277762;background:#edf8f3}.choice.is-correct .letter{background:#277762;color:#fff}.choice.is-wrong{border-color:#ac7399;background:#fbf1f8}.choice-status{display:block;font-size:11px;color:inherit;margin-top:3px}.answer-action{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:22px}.answer-action p{font-size:12px;color:var(--muted);line-height:1.7}.answer-action button{font-size:13px;flex-shrink:0}.answer-action button span{margin-left:20px}.hint-box{margin-top:23px;background:#ecf6ff;border:1px solid var(--line);border-radius:14px;padding:12px 15px;display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.8}.hint-box img{flex:none;border-radius:50%}.hint-box strong,.hint-box p>span{display:block}.hint-box strong{font-size:11px;color:var(--blue)}
.section-label{display:flex;justify-content:space-between;align-items:center;margin:24px 0 13px}.section-label h2{font-size:14px}.section-label>span{font-size:11px;color:var(--muted)}.lifeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lifeline-grid button{border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 5px 15px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.lifeline-grid button:not(:disabled):hover{background:#e8f3fc;border-color:#93b9da}.lifeline-grid img,.lifeline-icon{height:48px;width:62px}.lifeline-grid img{object-fit:contain}.lifeline-grid strong{font-size:12px;margin-top:3px}.lifeline-grid small{font-size:10px;color:var(--muted);line-height:1.5}.fifty-icon{display:grid;place-items:center;color:var(--blue);font-size:20px;font-weight:900;letter-spacing:-1px}.lifeline-grid button.used{opacity:.65;background:#edf3f7}.lifeline-grid button.used small{font-weight:700;color:#536e83}.assist-status{font-size:12px;color:var(--blue);min-height:20px;margin-top:10px;line-height:1.7}
.journey{border:1px solid var(--line);border-radius:var(--radius);padding:25px 21px;background:#e8f3fb;text-align:center}.journey h2{font-size:17px;margin:9px 0 21px}.journey .eyebrow{font-size:9px;letter-spacing:.16em}.journey ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.journey li{display:flex;align-items:center;gap:13px;min-height:34px;padding:5px 11px;border-radius:8px;text-align:left;font-size:11px;border:1px solid transparent}.journey li b{font-size:13px;width:20px;font-variant-numeric:tabular-nums}.journey li .step-mark{margin-left:auto;font-size:11px}.journey li.milestone{border-color:#abc7de;background:#f4faff;font-weight:700}.journey li.current{background:var(--deep);color:white;border-color:var(--deep)}.journey li.done{color:#286d5a;background:#dceee7}.journey-friends{display:flex;justify-content:center;margin:20px -13px 6px}.journey-friends img{width:58%;height:115px}.journey-friends img+img{margin-left:-25px}.journey>p:last-child{font-size:11px;line-height:1.8;color:#4c6d87}.feedback{margin-top:18px;padding:25px 28px;border:1px solid #aac9dd;border-radius:20px;background:#f9fdff;animation:arrive .22s ease-out}.feedback h2{font-size:23px;margin:10px 0 13px}.feedback .correct-copy{font-size:15px;font-weight:700;color:#276c59;margin-bottom:17px;line-height:1.8}.feedback p,.explanation-block{font-size:13px;line-height:1.95;margin-bottom:12px;white-space:pre-line}.feedback .eyebrow{font-size:10px;color:var(--blue)}.answer-note{background:#ecf3f9;border-radius:10px;padding:14px 16px;margin:15px 0}.answer-note h3{font-size:12px;margin-bottom:6px}.answer-note p{margin-bottom:0}.sources{font-size:11px;margin:17px 0;line-height:1.85}.sources summary{cursor:pointer;font-weight:700;padding:8px 0}.sources ul{padding-left:20px;margin:8px 0}.sources a{overflow-wrap:anywhere}.next{width:100%;margin-top:8px}
.result{max-width:750px;margin:35px auto 0;text-align:center}.result h1{font-size:35px;line-height:1.5;margin:16px 0}.result>p{font-size:14px;line-height:1.9}.result>.eyebrow{font-size:11px}.diploma{position:relative;background:#fffdf7;border:2px solid #cbb37b;box-shadow:0 12px 40px #5d4b1920;border-radius:9px;outline:1px solid #e0cda2;outline-offset:-10px;padding:36px 24px 28px;max-width:550px;margin:28px auto}.diploma-ribbon{font-size:9px;font-weight:800;letter-spacing:.18em;color:#92713b}.diploma svg{width:65px;height:60px;fill:#e8c887;stroke:#9c742c;stroke-width:2;stroke-linejoin:round;margin-top:20px}.diploma>p{font-size:12px;color:#745f3b;line-height:1.9}.diploma h2{font-size:34px;color:#74592d;margin:8px 0 14px;font-weight:900;letter-spacing:.07em}.diploma-friends{display:flex;align-items:center;justify-content:center;margin:17px auto 10px}.diploma-friends img{width:120px;height:110px}.diploma-friends b{font-size:52px;font-weight:800;color:var(--deep);white-space:nowrap;line-height:1}.diploma-friends b span{font-size:18px}.diploma small{display:block;font-size:10px;color:#806e51;line-height:1.8;margin-top:4px}.score-card{margin:25px auto;background:#e0f0fc;border-radius:20px;padding:30px;max-width:400px}.score-card>span{font-size:12px}.score-card p{margin:10px 0;color:var(--blue)}.score-card b{font-size:68px;font-weight:800;line-height:1.4}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 14px}.secondary{background:#fff;border:1px solid #b7d0e4;border-radius:13px;padding:13px 20px;min-height:49px;font-size:13px;font-weight:700}.secondary:hover{background:#e6f2fc}.review{text-align:left;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.review>summary{font-size:14px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}.review-item{border-top:1px solid var(--line);padding:20px 4px;margin-top:15px}.review-item h3{font-size:15px;line-height:1.9;margin:8px 0 12px}.review-item p{font-size:12px;line-height:1.9;margin-bottom:10px;white-space:pre-line}.review-item>small{color:var(--blue);font-size:11px}.review-answer{font-weight:700;color:#256d58}.library-link{font-size:13px;display:inline-block;margin:9px 0}.follow{margin-top:20px;font-size:12px!important;color:var(--muted)}#share-status{color:var(--blue);font-size:12px}
footer{border-top:1px solid var(--line);max-width:1136px;padding:26px 0 32px;margin:50px auto 0;font-size:10px;color:var(--muted);line-height:2;text-align:center}footer p:first-child{font-size:11px;font-weight:700}footer a{display:inline-block;margin:13px 20px 0 0}dialog{border:1px solid var(--line);border-radius:23px;padding:30px;max-width:calc(100% - 32px);width:390px;box-shadow:0 20px 80px #12365436;color:var(--ink)}dialog::backdrop{background:#1438526e}dialog h2{font-size:19px;line-height:1.6}dialog p{font-size:13px;line-height:1.9;margin:17px 0 25px;color:var(--muted)}dialog button{width:100%;margin-top:12px}.noscript{padding:30px;line-height:2;background:white}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti i{position:absolute;width:7px;height:13px;background:var(--blue);top:-20px;animation:fall 2.7s ease-in forwards;transform:rotate(20deg)}@keyframes fall{to{transform:translateY(105vh) rotate(480deg)}}@keyframes arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.intro-art{min-height:510px}.mascot{height:315px}.goal-seal{top:35px}}
@media(max-width:920px){.site-header{padding:24px 30px}.intro{gap:20px;padding-top:30px}.intro-facts{gap:14px}.intro-facts span{flex-wrap:wrap;max-width:100px}.intro-art{min-height:430px}.mascot{height:235px}.arena{grid-template-columns:minmax(0,1fr) 185px;gap:19px}.journey{padding:22px 12px}.question-card{padding:25px}.choices{grid-template-columns:1fr}.choice{min-height:67px}.answer-action{align-items:stretch;flex-direction:column;gap:12px}.answer-action button{width:100%}.journey-friends img{height:95px}}
@media(max-width:640px){.site-header{padding:21px 20px}.brand{font-size:22px}.brand small{font-size:8px;margin-top:8px}.site-header nav{font-size:10px;gap:17px}.site-header nav a:last-child{display:none}main{padding:0 20px}.intro{grid-template-columns:1fr;padding-top:20px;gap:0}.intro-copy{text-align:center;padding:0}.intro .eyebrow{font-size:10px}.intro-overline{font-size:12px;margin:18px 0 8px}.intro h1{font-size:46px;line-height:1.25}.intro h1>span{font-size:.56em}.intro-lead{font-size:12px;line-height:1.85;margin-top:16px}.intro-facts{justify-content:center;gap:18px;margin:19px 0}.intro-facts span{font-size:9px;max-width:none;flex-wrap:nowrap;gap:3px}.intro-facts b{font-size:24px}.start{width:100%;min-width:0;max-width:370px;margin:auto;min-height:55px;font-size:15px;padding:16px 23px}.quiet{font-size:10px;margin-top:13px}.personal-best{font-size:11px;min-height:0}.intro-art{grid-row:2;min-height:240px;max-width:360px;width:100%;justify-self:center;padding:40px 15px 42px;margin-top:25px;border-radius:120px 120px 28px 28px}.mascot{height:185px;width:54%}.mascot.pao{margin-left:-24px;margin-right:4px}.mascot.rabi{margin-left:0;margin-right:-27px}.goal-seal{top:16px;background:#eaf6ffeb;border-radius:13px;padding:7px 9px;z-index:2;width:95px}.goal-seal svg{height:29px;width:37px}.goal-seal>span{font-size:9px;margin:2px 0}.goal-seal b{font-size:9px}.art-caption{bottom:14px;font-size:10px}.art-caption span{display:none}.intro-rules{grid-template-columns:1fr;gap:18px;margin-top:24px;padding:24px 3px 5px}.intro-rules strong{font-size:12px}.intro-rules p>span{font-size:11px}.play{padding-top:9px}.play-top{margin-bottom:19px}.play-top p{font-size:10px}.play-top strong{font-size:13px}.text-button{font-size:10px}.arena{display:block}.round-info{gap:10px;margin-bottom:10px}.round-info strong{font-size:30px}.round-info>p{font-size:11px}.level-label{font-size:10px;padding:5px 8px}.streak{font-size:10px}.progress-track{margin-bottom:18px}.question-card{padding:21px 18px 23px;border-radius:19px}.question-card h2{font-size:19px;line-height:1.85;margin:15px 0 19px}.question-card .eyebrow{font-size:9px}.choices{gap:9px}.choice{padding:12px 13px;gap:10px;font-size:14px;min-height:66px;line-height:1.8;border-radius:10px}.choice .letter{width:27px;height:27px;font-size:12px;align-self:center}.choice ruby{line-height:2.1}.answer-action{margin-top:18px;gap:12px}.answer-action p{font-size:11px}.answer-action button{font-size:13px;min-height:49px;padding:14px 12px}.hint-box{padding:11px;gap:8px;font-size:12px}.hint-box img{width:43px;height:43px}.lifeline-grid{gap:7px}.lifeline-grid button{border-radius:13px;padding:9px 3px 12px}.lifeline-grid strong{font-size:10px}.lifeline-grid small{font-size:8px}.lifeline-grid img,.lifeline-icon{height:42px;width:52px}.fifty-icon{font-size:18px}.section-label h2{font-size:12px}.section-label>span{font-size:10px}.section-label{margin-top:22px}.assist-status{font-size:11px}.journey{margin-top:20px;padding:19px}.journey .eyebrow{display:none}.journey h2{font-size:13px;margin:0 0 14px;text-align:left}.journey ol{flex-direction:row-reverse;gap:4px}.journey li{flex:1;padding:5px 0;display:flex;justify-content:center;min-height:30px}.journey li>b{font-size:11px;width:auto}.journey li>span{display:none}.journey-friends,.journey>p:last-child{display:none}.feedback{padding:22px 18px;border-radius:17px}.feedback h2{font-size:21px}.feedback p{font-size:12px}.feedback .correct-copy{font-size:14px}.feedback .eyebrow{font-size:9px}.feedback .next{font-size:13px}.result{margin-top:24px}.result h1{font-size:27px}.result>p{font-size:12px}.diploma{margin:23px 0;padding:29px 14px 22px}.diploma h2{font-size:29px;letter-spacing:.01em}.diploma-friends img{width:95px;height:95px}.diploma-friends b{font-size:43px}.diploma-friends b span{font-size:15px}.diploma>p{font-size:11px}.diploma small{font-size:9px}.diploma-ribbon{font-size:8px;letter-spacing:.1em}.result-actions{gap:10px}.result-actions .primary{width:100%;font-size:13px}.result-actions .secondary{font-size:11px;flex:1;padding:13px 10px}.library-link{font-size:12px;line-height:1.8}.follow{font-size:10px!important}footer{padding:23px 21px 28px;margin-top:34px;font-size:9px}footer p:first-child{font-size:10px}.review-item h3{font-size:14px}.review>summary{font-size:12px}}
@media(max-width:350px){main{padding:0 14px}.site-header{padding:20px 16px}.intro h1{font-size:41px}.intro-facts{gap:13px}.intro-facts b{font-size:21px}.question-card{padding:20px 15px}.lifeline-grid strong{font-size:9px}.lifeline-grid small{font-size:7px}.diploma-friends img{width:78px}.diploma-friends b{font-size:37px}.diploma h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}