:root{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;color:#18251d;background:#f4faf3;font-size:18px;line-height:1.65}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:10}.site-header{display:flex;justify-content:space-between;align-items:center;padding:.65rem clamp(1rem,4vw,3rem);background:#265d38;color:#fff;font-weight:800}.version{font-size:.75rem}.screen{display:none;padding:clamp(1rem,3vw,2.5rem);min-height:calc(100vh - 58px)}.screen.active{display:block}.panel,.quiz-shell{max-width:1100px;margin:auto;background:#fff;border:2px solid #cadecd;border-radius:24px;padding:clamp(1rem,4vw,2.5rem);box-shadow:0 5px 18px #17381d18}.narrow{max-width:720px}.hero{text-align:center;max-width:850px}.hero h1,h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.35;margin:.5rem 0}.subtitle{font-size:clamp(1.15rem,3vw,1.55rem);font-weight:700}.hero-cards{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:4rem}.hero-cards img{width:82px;height:82px}.link-mark{font-size:2.2rem}.button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.center{justify-content:center}button{min-height:60px;border:3px solid #30573c;border-radius:14px;background:#fff;color:#183820;padding:.65rem 1.2rem;font-weight:800;cursor:pointer}button:hover{background:#eef8ef}button:focus-visible,input:focus-visible{outline:5px solid #ffbf47;outline-offset:3px}.primary{background:#2c713e;color:#fff}.primary:hover{background:#205b30}button:disabled{opacity:.45;cursor:not-allowed}.notice{background:#fff8df;border:3px solid #c18317;border-radius:16px;padding:1.2rem;margin-top:1.5rem;font-weight:700}.source-note{margin-top:1.2rem;padding:1rem;border:2px solid #66747d;border-radius:14px;background:#f3f6f7;font-size:.9rem}.source-note summary{font-weight:900;cursor:pointer}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.mode-card{border:5px solid #247542;border-radius:20px;padding:1.3rem;text-align:center}.mode-card.challenge{border-color:#315da5}.mode-symbols{font-size:2rem;font-weight:900}.mode-card button{width:100%}fieldset{border:2px solid #aac4af;border-radius:16px;margin:1rem 0;padding:1rem}legend{font-weight:900;font-size:1.15rem}.option-row,.check-grid{display:flex;flex-wrap:wrap;gap:.75rem}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.option-row label,.check-grid label{display:flex;align-items:center;gap:.5rem;padding:.7rem;border:2px solid #c7d7ca;border-radius:12px;background:#fafdfa;min-height:56px}.compact{grid-template-columns:repeat(2,minmax(0,1fr))}input{width:25px;height:25px;accent-color:#28713d}.form-message{font-weight:800;color:#9a3e00}.quiz-top{display:flex;justify-content:space-between;align-items:center}.badge{background:#e2f1e5;border-radius:999px;padding:.3rem .9rem;font-weight:900}.progress{height:18px;background:#dde7df;border-radius:999px;overflow:hidden;margin:.8rem 0}.progress span{display:block;height:100%;background:#3a8c4d;transition:width .2s}.quiz-shell>h1{text-align:center;font-size:clamp(1.5rem,4vw,2.3rem)}.vegetable-card,.origin-card{position:relative;border:6px solid #718177;border-radius:20px;background:#fff;padding:1rem}.vegetable-card{max-width:430px;margin:auto;text-align:center}.vegetable-card img{width:min(220px,55vw);height:160px;object-fit:contain}.vegetable-name{font-size:1.7rem;font-weight:900}.hint-symbol{position:absolute;top:.35rem;right:.5rem;font-size:2rem;line-height:1}.choice-heading{text-align:center}.origin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.origin-card{min-height:240px;width:100%;color:#18251d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding-top:2.3rem}.shape-button{min-height:0;width:100%;padding:.25rem;border:0;background:transparent}.shape-button:hover{background:#eef3f5}.origin-card .prefecture-shape{display:block;width:auto;max-width:100%;height:auto;max-height:105px;margin:auto}.origin-select{width:100%;min-height:64px;border:0;padding:.25rem;background:transparent;display:flex;flex-direction:column;align-items:center}.origin-select:hover{background:#eef8ef}.origin-card .prefecture{font-size:1.35rem;font-weight:900;line-height:1.8}.origin-card .region{font-size:.95rem}.origin-card.selected{box-shadow:inset 0 0 0 4px #222}.origin-select:focus-visible,.shape-button:focus-visible{outline:3px dashed #111;outline-offset:4px}.origin-select:disabled{opacity:1;cursor:default}.selection-note{font-size:.8rem;font-weight:900}.card-status{display:block;margin-top:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.85rem;font-weight:900}.card-status.correct{background:#e2f3e5;color:#174e25}.card-status.incorrect{background:#fff0d7;color:#713b00}.feedback{max-width:760px;margin:1rem auto 0;min-height:1px;border-radius:14px;text-align:center;font-size:1.15rem;font-weight:800}.feedback:not(:empty){padding:1rem;background:#f5f7e9;border:3px solid #788646}.pair-display{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.pair-display img{width:90px;height:90px;object-fit:contain}.utility{justify-content:center;border-top:2px dashed #c7d7ca;padding-top:1rem}.hidden{display:none!important}ruby{ruby-position:over}rt{font-size:70%;font-weight:700}.result-list{display:grid;gap:.8rem}.result-item{border:2px solid #c6d7ca;border-radius:14px;padding:1rem}.result-item h3{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.summary-box{text-align:center;background:#eaf5ec;border-radius:12px;padding:.6rem}.summary-box strong{display:block;font-size:1.5rem}dialog{width:min(92vw,620px);border:4px solid #46525b;border-radius:20px;padding:0}dialog::backdrop{background:#142019b8}.shape-dialog-content{text-align:center;padding:1.5rem}.shape-dialog-content img{display:block;max-width:100%;width:420px;height:auto;max-height:52vh;margin:1rem auto}.shape-dialog-content h2{font-size:1.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){:root{font-size:16px}.screen{padding:.65rem}.panel,.quiz-shell{padding:1rem;border-radius:16px}.mode-grid,.check-grid,.compact,.origin-grid{grid-template-columns:1fr}.origin-card{min-height:0}.button-row button{flex:1 1 100%}.site-header .version{display:none}.summary-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}