:root{--ink:#183b3a;--muted:#4d6261;--teal:#246b68;--teal-dark:#164c49;--aqua:#dff3ef;--cream:#fffaf0;--gold:#f2b84b;--line:#b7d3cf;--white:#fff;--focus:#6b39c6;--danger:#8b3b2e;--shadow:0 6px 0 rgba(24,59,58,.12)}
*{box-sizing:border-box}html{font-size:18px}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#edf8f5 0,#fff 36rem);font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.65}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:5px solid var(--focus);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-6rem;background:#fff;padding:1rem;z-index:20}.skip-link:focus{top:1rem}.site-header{height:74px;padding:0 max(1rem,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:.8rem;background:var(--teal-dark);color:#fff;border-bottom:6px solid var(--gold);font-weight:800}.site-header p{margin:0}.brand-mark{display:flex;gap:3px;align-items:flex-end}.brand-mark span{display:block;width:10px;background:#fff;border-radius:2px 2px 0 0}.brand-mark span:nth-child(1){height:20px}.brand-mark span:nth-child(2){height:28px}.brand-mark span:nth-child(3){height:16px}main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.screen{min-height:calc(100vh - 150px)}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1{font-size:clamp(2.7rem,7vw,5rem);line-height:1.15;letter-spacing:.03em;margin-bottom:1rem}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.3}.eyebrow{color:var(--teal-dark);font-weight:900;letter-spacing:.08em;margin-bottom:.35rem}.hero-sign,.panel,.scene-panel,.level-card,.result-card{background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:var(--shadow)}.hero-sign{padding:clamp(2rem,6vw,5rem);text-align:center;overflow:hidden;position:relative}.subtitle{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:800}.building-row{height:90px;display:flex;justify-content:center;align-items:end;gap:12px;margin-top:2rem;border-bottom:8px solid var(--teal-dark)}.building{width:110px;border:5px solid var(--teal-dark);border-bottom:0;background:var(--aqua);position:relative}.building:before{content:"";position:absolute;inset:18px;opacity:.55;background:repeating-linear-gradient(90deg,var(--teal) 0 12px,transparent 12px 24px)}.b1{height:60px}.b2{height:90px}.b3{height:72px}.button-row,.quiz-nav,.answer-area{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.center{justify-content:center}.button-row button,.quiz-nav button,.answer-area button{min-height:64px;padding:.7rem 1.5rem;border-radius:14px;border:3px solid var(--ink);font-weight:900;cursor:pointer}.big-button{font-size:1.25rem;min-width:190px}.primary{background:var(--gold);box-shadow:0 5px 0 #a97717}.secondary{background:#fff;box-shadow:0 5px 0 var(--line)}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(3px);box-shadow:none}button:disabled{opacity:.42;cursor:not-allowed}.reading-panel{padding:clamp(1.5rem,5vw,3.5rem);max-width:820px;margin:auto}.large-copy{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700}.safety-note{padding:1.2rem 1.4rem;border:4px solid #9b542e;border-radius:16px;background:#fff4dd;color:#572b1b;font-size:1.15rem;font-weight:800}.safety-note strong{display:inline-block;background:#572b1b;color:#fff;padding:.1rem .7rem;border-radius:20px}.compact{text-align:center;margin-bottom:1.5rem}.section-heading{text-align:center;margin-bottom:2rem}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.level-card{padding:1.5rem;text-align:left;cursor:pointer;min-height:270px}.level-card:hover{border-color:var(--teal);background:#f9fffd}.level-number{display:inline-grid;place-items:center;width:52px;height:52px;background:var(--teal);color:#fff;border-radius:50%;font-size:1.4rem;font-weight:900}.level-card h3{font-size:1.45rem;line-height:1.45}.learning-tags{display:flex;flex-wrap:wrap;gap:.5rem}.learning-tags span{background:var(--aqua);border:2px solid var(--line);border-radius:30px;padding:.2rem .7rem;font-weight:700}.quiz-top{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}.level-badge{display:inline-block;padding:.3rem .85rem;background:var(--teal-dark);color:#fff;border-radius:30px;font-weight:900;margin-bottom:.4rem}.question-count{font-size:1.25rem;font-weight:900;margin:0}.progress-track{height:24px;background:#fff;border:3px solid var(--ink);border-radius:20px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--gold);transition:width .2s}.scene-panel{padding:clamp(1.4rem,4vw,2.7rem);text-align:center;margin:1.5rem 0}.scene-panel h2{white-space:pre-line;margin-bottom:0}.choices-field{border:0;padding:0;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.facility-card{position:relative;min-height:290px;padding:1rem;background:#fff;border:4px solid var(--ink);border-radius:20px;box-shadow:var(--shadow);cursor:pointer}.facility-card[aria-pressed="true"]{border:7px solid var(--focus);background:#f2ecff}.facility-card[aria-pressed="true"]:after{content:"✓";position:absolute;right:10px;top:8px;display:grid;place-items:center;width:42px;height:42px;background:var(--focus);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:900}.facility-card img{display:block;width:130px;height:130px;object-fit:contain;margin:0 auto .5rem}.formal-name{display:block;font-size:1.35rem;font-weight:900}.easy-name{display:block;color:var(--muted);font-weight:700}.facility-card rt{font-size:.65em}.feedback{margin-top:1.5rem;padding:1.4rem;border:4px solid var(--ink);border-radius:18px;background:var(--cream);font-size:1.15rem}.feedback h3{font-size:1.55rem;margin:.1rem 0 .5rem}.feedback p{margin-bottom:.4rem}.feedback.correct{border-color:var(--teal-dark);background:#eaf8f3}.feedback.try-again{border-color:#9b542e;background:#fff4dd}.answer-area{justify-content:center}.quiz-nav{border-top:3px dashed var(--line);padding-top:1.5rem}.quiz-nav button{flex:1}.result-message{font-size:1.4rem;font-weight:900;white-space:pre-line}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.summary-box{padding:1rem;text-align:center;background:#fff;border:3px solid var(--ink);border-radius:16px}.summary-box strong{display:block;font-size:2.2rem}.result-list{display:grid;gap:1.2rem}.result-card{padding:1.3rem}.result-card h3{font-size:1.3rem}.result-card dl{display:grid;grid-template-columns:10rem 1fr;gap:.4rem 1rem}.result-card dt{font-weight:900}.result-card dd{margin:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.narrow-only{display:none}
@media(max-width:800px){html{font-size:17px}main{width:min(100% - 1rem,700px);padding-top:1.2rem}.level-grid,.choice-grid{grid-template-columns:1fr}.level-card{min-height:0}.facility-card{min-height:190px;display:grid;grid-template-columns:130px 1fr;align-items:center;text-align:left}.facility-card img{grid-row:1/3;margin:0}.quiz-top{grid-template-columns:1fr;gap:.6rem}.quiz-nav{flex-direction:column}.summary-grid{grid-template-columns:1fr}.result-card dl{grid-template-columns:1fr;gap:.1rem}.result-card dd{margin-bottom:.6rem}}
@media(max-width:440px){.narrow-only{display:block}.facility-card{grid-template-columns:95px 1fr;min-height:160px}.facility-card img{width:90px;height:90px}.button-row{flex-direction:column}.button-row button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}