:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#17324a;background:#eef9fb;font-size:18px}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}header{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px clamp(14px,4vw,48px);border-bottom:5px solid #62b9c8}h1{margin:0;font-size:clamp(1.45rem,4vw,2.2rem)}header p{margin:.25rem 0}.screen{display:none;max-width:1100px;margin:auto;padding:24px 16px}.screen.active{display:block}.hero,.panel,.fish-card,.feedback{background:#fff;border-radius:18px;padding:24px;box-shadow:0 3px 12px #16445c22}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button,select,input{font:inherit}button{min-height:60px;padding:12px 20px;border:3px solid #31566b;border-radius:14px;background:#fff;color:#17324a;font-weight:700;cursor:pointer}button:hover{background:#e3f5f7}button:focus-visible{outline:4px dashed #111;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}.notice{background:#fff8d9;border-left:8px solid #e4a72c;padding:18px;line-height:1.8}.panel label{display:block;margin:18px 0}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.fish-card{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;border:8px solid var(--hint,#6f8692);min-height:210px}.fish-card img{width:min(38vw,220px);height:140px;object-fit:contain}.fish-card h2{font-size:2.2rem}.symbol{font-size:2.4rem}.prompt{text-align:center;font-weight:700;font-size:1.25rem}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.option{position:relative;width:100%;min-height:270px;border:8px solid var(--hint,#87949b);padding:12px;background:#fff;border-radius:14px}.option.selected{box-shadow:inset 0 0 0 4px #111}.option-choice{width:100%;min-height:78px;border:0;padding:10px;background:transparent}.option .state{display:block;margin-top:6px}.prefecture-map-area{height:112px;display:flex;align-items:center;justify-content:center;margin:4px auto}.prefecture-map{display:block;max-width:92%;width:auto;max-height:108px;object-fit:contain}.map-fallback{font-size:4rem;color:#667984;line-height:1}.map-button{display:block;margin:4px auto;min-height:44px;padding:5px 12px;border-width:2px}.map-button[hidden]{display:none}.badge{position:absolute;top:8px;right:8px;background:#fff2c4;border:2px solid #222;padding:4px;border-radius:8px}.feedback{margin-top:18px;line-height:1.7}.correct{border-left:10px solid #2a814f}.wrong{border-left:10px solid #c67a16}ruby{line-height:2.1}rt{font-size:70%}.result-item{border-top:2px solid #aac3cd;padding:14px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:min(92vw,650px);border:4px solid #31566b;border-radius:18px}dialog img{width:100%;height:55vh;object-fit:contain}@media(max-width:600px){.fish-card{flex-direction:column;gap:2px}.options{grid-template-columns:1fr 1fr}.option{min-height:285px;padding:8px}header{align-items:flex-start;gap:10px}}@media(max-width:420px){.options{grid-template-columns:1fr}}