:root{font-family:"BIZ UDPGothic","Yu Gothic",sans-serif;color:#24313a;background:#fffaf0;font-size:18px;line-height:1.7;--ink:#24313a;--panel:#fff;--accent:#b93832}*{box-sizing:border-box}body{margin:0;min-width:280px}header{display:flex;justify-content:space-between;align-items:center;padding:.55rem max(1rem,calc((100% - 1120px)/2));background:#fff;border-bottom:4px solid #f0b35c}.brand{font-weight:800}.version{font-size:.72rem;color:#596770}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.5rem}main{max-width:1120px;margin:auto;padding:1rem}.screen{display:none}.screen.active{display:block}h1{text-align:center;font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.35;margin:.5rem 0 1rem}.hero{text-align:center;padding:1rem}.hero-pair{display:flex;justify-content:center;gap:1.2rem;align-items:center;font-size:3rem}.subtitle{font-size:1.2rem;font-weight:700}.panel,.notice,.source{background:#fff;border-radius:18px;padding:1rem 1.3rem;margin:1rem auto;max-width:780px;box-shadow:0 3px 12px #5f4d3422}.notice{border-left:10px solid #e88c3a;background:#fff7df}.source{font-size:.9rem;border:2px dashed #78909c}.readable{font-size:1.15rem}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1.2rem 0}button{font:inherit;font-weight:800;color:var(--ink);background:#fff;border:3px solid #6c7a82;border-radius:14px;min-height:60px;padding:.65rem 1.15rem;cursor:pointer;touch-action:manipulation}button:hover{background:#fff7dc}button:focus-visible{outline:4px dashed #111;outline-offset:5px}.primary{background:#b93832;color:#fff;border-color:#8c2420}.primary:hover{background:#962d28}button:disabled{cursor:not-allowed;opacity:.48}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:850px;margin:auto}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.7rem;min-height:230px;border-width:6px;font-size:1.1rem}.mode-card strong{font-size:1.5rem}.practice{border-color:#2e7d32}.challenge{border-color:#6a1b9a}.mode-icon{font-size:2.2rem}fieldset{background:#fff;border:3px solid #c7d1d5;border-radius:16px;margin:1rem 0;padding:1rem}legend{font-size:1.2rem;font-weight:800;padding:0 .5rem}.choice-row,.check-grid{display:flex;flex-wrap:wrap;gap:.7rem}.check-grid label,.choice-row label{display:flex;align-items:center;gap:.45rem;background:#f4f7f8;border:2px solid #ccd5d9;border-radius:12px;padding:.55rem .8rem;min-height:52px}.check-grid label{flex:1 1 230px}input{width:1.35rem;height:1.35rem}.error{color:#b00020;font-weight:800}.quiz-head{display:flex;justify-content:space-between;font-weight:800;font-size:1.1rem}.progress{height:18px;background:#dbe3e6;border-radius:20px;overflow:hidden;margin:.5rem 0 1rem}.progress span{display:block;height:100%;background:#43a047;transition:width .2s}.fruit-wrap{position:relative;max-width:380px;margin:auto;background:#fff;border:8px solid #607d8b;border-radius:24px;padding:1rem;text-align:center;box-shadow:0 5px 14px #26323822}.fruit-wrap img{width:min(220px,70%);height:150px;object-fit:contain}.fruit-name{display:block;font-size:1.65rem;font-weight:900}.symbol{position:absolute;right:.5rem;top:.2rem;font-size:2rem;font-weight:900}.origin-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:.85rem;margin:1rem 0}.origin-card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;border:8px solid #607d8b;padding:.7rem;min-height:270px;background:#fff}.origin-card.selected{box-shadow:inset 0 0 0 5px #111}.origin-card .map-button{border:0;padding:0;min-height:100px;width:100%;background:transparent}.origin-card img{width:92%;height:108px;object-fit:contain;margin-inline:auto}.pref-name{font-size:1.25rem;line-height:1.8}.region{font-size:.95rem;line-height:1.8}.state-badge{position:absolute;left:.35rem;top:.35rem;background:#fff;border:2px solid #111;border-radius:10px;padding:.1rem .35rem;font-size:.8rem}.feedback{max-width:760px;margin:.8rem auto;text-align:center;font-size:1.15rem;font-weight:800;min-height:1.8rem}.feedback.good{background:#e7f6e9;border:3px solid #2e7d32;border-radius:14px;padding:.7rem}.feedback.try{background:#fff2d6;border:3px solid #ef6c00;border-radius:14px;padding:.7rem}rt{font-size:70%}.hidden{display:none!important}.result-item{background:#fff;border:2px solid #cad4d8;border-radius:14px;padding:.8rem;margin:.7rem 0}.result-item h3{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:0;border-radius:22px;padding:0;max-width:min(650px,92vw)}dialog::backdrop{background:#0009}.dialog-body{text-align:center;padding:1rem 1.5rem}.dialog-body img{width:min(460px,75vw);height:300px;object-fit:contain}
.origin-card{padding:0}.origin-select{display:flex;flex:1;flex-direction:column;align-items:center;width:100%;min-height:0;padding:.2rem .7rem .7rem;border:0;background:transparent}.origin-select:hover{background:transparent}.origin-card .map-button{position:static;flex:0 0 108px;width:calc(100% - 1.4rem);min-height:108px;margin:.7rem .7rem 0;padding:0;border:0;background:transparent}.origin-card .map-button:hover{background:#fff7dc}
@media(max-width:800px){.origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid{grid-template-columns:1fr}.origin-card{min-height:250px}}@media(max-width:480px){main{padding:.65rem}.origin-grid{grid-template-columns:1fr}.origin-card{min-height:230px}.brand{font-size:.8rem}.fruit-wrap img{height:125px}.actions button{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}