:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#23362f;background:#faf9f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}header{height:94px;max-width:1160px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:900;font-size:18px;letter-spacing:.03em}.ball{display:inline-block;width:29px;height:29px;border:3px solid #23362f;border-radius:50%;background:linear-gradient(#ee695b 45%,#23362f 45%,#23362f 56%,white 56%);position:relative;transform:rotate(-15deg)}.ball:after{content:'';position:absolute;width:8px;height:8px;top:7px;left:7px;background:#fff;border:2px solid #23362f;border-radius:50%}.tag{border:1px solid #dcded4;border-radius:30px;padding:7px 14px;font-size:12px;font-weight:700}main{max-width:1060px;min-height:620px;margin:12px auto 38px;padding:0 30px}.intro{text-align:center;padding:25px 0 24px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#52735f;margin:0 0 12px}h1{font-size:clamp(29px,4.7vw,48px);letter-spacing:.05em;line-height:1.35;margin:0 0 15px;font-weight:900}p{line-height:1.9}.muted{color:#52675a;font-size:14px}.intro p{margin:0}.game{display:grid;grid-template-columns:1.1fr 1fr;background:white;border:1px solid #e2e4d9;border-radius:26px;overflow:hidden;box-shadow:0 14px 50px #273c3010;min-height:405px}.art{position:relative;display:flex;align-items:center;justify-content:center;min-height:390px;background:#f1f3df;background-image:radial-gradient(#cbd3b0 1px,transparent 1px);background-size:18px 18px}.art:before{content:'';width:285px;height:285px;border-radius:50%;background:#fff9;position:absolute}.art img{width:87%;max-width:340px;height:330px;object-fit:contain;position:relative;filter:drop-shadow(0 14px 6px #3a4e3b14)}.image-label{position:absolute;top:22px;left:24px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#526344}.info{padding:42px 38px;display:flex;flex-direction:column;justify-content:center}.small{font-size:11px;letter-spacing:.14em;font-weight:800;color:#52675a}.info h2{font-size:28px;margin:14px 0 10px;line-height:1.5}.info p{font-size:14px;color:#52675a;margin:0 0 22px}.primary,.secondary{border-radius:13px;border:0;padding:16px 22px;font-weight:800;transition:transform .15s,background .15s}.primary{background:#f4cf48;color:#293a2c;box-shadow:0 4px 0 #d9b437;display:flex;justify-content:space-between;align-items:center;width:100%}.primary:hover{background:#ffdb5a;transform:translateY(-2px)}.secondary{background:#eff2e9;color:#345c47}.secondary:hover{background:#e0e9d9}button:focus-visible,a:focus-visible{outline:3px solid #387b61;outline-offset:5px}.steps{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:27px;font-size:12px;color:#52675a}.steps b{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#e9eddf;align-items:center;justify-content:center;margin-right:7px;color:#46664c}.progress-row{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 12px;font-size:13px;font-weight:700}.progress{height:6px;border-radius:9px;background:#e9ecdf;margin-bottom:28px;overflow:hidden}.progress>div{background:#6d9176;height:100%;transition:width .3s}.subtle{background:none;border:0;font-size:12px;color:#52675a;text-decoration:underline;padding:8px}.badge{display:inline-block;color:#46664a;background:#eaf1df;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:800;align-self:flex-start}.answer-name{font-size:38px!important;margin-bottom:22px!important}.actions{display:grid;gap:10px}.score-box{text-align:center;background:#fff;border:1px solid #e2e4d9;border-radius:26px;padding:45px 24px}.score-box h2{font-size:30px}.score{font-size:70px;font-weight:900;letter-spacing:-.04em;margin:10px;color:#50745a}.score small{font-size:25px;color:#52675a}.score-box .primary{max-width:320px;margin:25px auto 0}.review{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px}.review figure{margin:0;border-radius:15px;background:#f0f2e8;padding:10px 4px}.review img{width:100%;height:90px;object-fit:contain}.review figcaption{font-size:11px;font-weight:700}.review span{display:block;color:#52675a;font-size:11px}footer{max-width:1090px;margin:auto;padding:22px 30px 30px;border-top:1px solid #e1e4d9;display:flex;justify-content:space-between;gap:20px;color:#52675a;font-size:10px;line-height:1.9}footer>span:first-child{font-size:12px}h1:focus{outline:none}@media(max-width:650px){header{height:76px;padding:0 20px}.brand{font-size:14px;gap:8px}.tag{font-size:9px;padding:6px 9px}main{padding:0 18px;margin-top:0;min-height:600px}.intro{padding:20px 0}.intro .muted{font-size:12px}h1{font-size:30px}.game{grid-template-columns:1fr;border-radius:22px}.art{min-height:265px}.art:before{width:220px;height:220px}.art img{height:255px;max-width:270px}.info{padding:25px}.info h2{font-size:24px;margin-top:8px}.info p{font-size:12px;margin-bottom:18px}.steps{gap:10px;font-size:10px}.steps b{width:18px;height:18px}.answer-name{font-size:32px!important}.progress-row{margin-top:12px}.progress{margin-bottom:18px}footer{flex-direction:column;padding:20px;gap:8px}.review{grid-template-columns:repeat(2,1fr)}.review img{height:100px}.review figure:last-child{grid-column:auto}.score-box{padding:28px 16px}}

.region-label{font-size:11px;color:#61776a;font-weight:700}select{font:inherit;width:100%;padding:12px;border:1px solid #c9d6c3;border-radius:10px;background:#fafbf7;color:#23362f;font-size:14px}select:focus-visible{outline:3px solid #387b61;outline-offset:3px}

.trivia{background:#f2f5e9;border:1px solid #e1e8d4;border-radius:14px;padding:17px 18px;margin:0 0 22px}.trivia h3{font-size:12px;color:#537452;margin:0 0 8px;letter-spacing:.06em}.info .trivia p{font-size:14px;line-height:1.95;color:#354e3e;margin:0 0 9px;overflow-wrap:anywhere}.trivia span{font-size:10px;color:#52644d}.info .answer-name{margin-bottom:16px!important}@media(max-width:650px){.trivia{padding:14px}.info .trivia p{font-size:13px}}

.dex-note{margin:12px 0 18px}.dex-note blockquote{margin:0;padding-left:12px;border-left:3px solid #b6cb9b;font-size:14px;line-height:1.95;color:#354e3e;overflow-wrap:anywhere}.dex-note figcaption{margin:7px 0 0 15px;font-size:10px;color:#52644d}.trivia h4{margin:18px 0 8px;font-size:11px;color:#537452}.game:has(.trivia){align-items:start}.game:has(.trivia) .art{min-height:405px}@media(max-width:650px){.dex-note blockquote{font-size:13px}.game:has(.trivia) .art{min-height:265px}}

.name-origin{background:#fffaf0;border:1px solid #e7d6a9;border-radius:10px;padding:13px;margin:15px 0 20px}.trivia .name-origin h4{margin:0 0 8px;color:#86652e}.info .name-origin p{margin:0 0 8px}.info .name-origin .origin-note{font-size:11px;color:#6f5c3e;line-height:1.8}.name-origin small{font-size:10px;color:#6f5c3e;line-height:1.8;display:block;overflow-wrap:anywhere}

[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:#fff;z-index:10}.skip-link:focus{top:12px}.primary:disabled{cursor:wait;opacity:.65;transform:none}.subtle,select{min-height:44px}.image-message{position:absolute;z-index:1;inset:auto 14px;max-width:340px;padding:18px;text-align:center;background:#f1f3df;border:1px solid #c9d6c3;border-radius:14px}.image-message p{font-size:13px;margin:0 0 10px}.image-unavailable:before{content:"画像を表示できません";display:block;min-height:90px;align-content:center;font-size:11px;color:#52675a}.loading-state{padding:72px 20px}.noscript{padding:24px;text-align:center}.about{max-width:780px;padding-bottom:48px}.about h1{font-size:32px}.about h2{font-size:20px;margin-top:32px}.about p{font-size:14px}.about .secondary{display:inline-block;text-decoration:none;margin-top:18px}footer a{display:inline-block;padding:5px 0}progress.progress{display:block;width:100%;border:0;appearance:none;color:#537b5f;background:#e9ecdf}progress.progress::-webkit-progress-bar{background:#e9ecdf;border-radius:9px}progress.progress::-webkit-progress-value{background:#537b5f;border-radius:9px}progress.progress::-moz-progress-bar{background:#537b5f;border-radius:9px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:380px){header{height:auto;min-height:90px;flex-wrap:wrap;align-content:center;gap:8px;padding-block:12px}.tag{font-size:10px}}

.game-guide{max-width:760px;margin:28px auto 42px;padding:0 24px;color:#52675a;font-size:14px;line-height:1.95}.game-guide h2{font-size:19px;color:#23362f}.game-guide h3{font-size:15px;color:#23362f;margin-top:22px}.game-guide a{text-underline-offset:3px}

.return-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.return-modes>section,.challenge-invite,.settings-panel{background:#fff;border:1px solid #dce3d6;border-radius:22px;padding:28px}.return-modes h2,.region-section h2{font-size:23px;margin:0 0 12px}.return-modes p,.small-note{font-size:13px;line-height:1.8;color:#52675a}.small-note{margin:16px 0}.region-section{margin:36px 0}.region-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.region-card{background:#eff2e9;color:#23362f;border:1px solid #d6dfce;border-radius:16px;text-align:left;padding:18px;display:grid;gap:8px;min-height:132px}.region-card:hover{background:#e4edda}.region-card strong{font-size:16px}.region-card>span:last-child{font-size:12px;color:#52675a}.utility-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;font-size:13px}.utility-links a{padding:12px}.share-actions,.result-next{display:grid;gap:12px;max-width:430px;margin:24px auto}.score-box .share-actions .primary,.score-box .result-next .primary{max-width:none;margin:0}.feedback{font-size:14px;color:#345c47;overflow-wrap:anywhere}.copy-text{width:100%;max-width:680px;min-height:140px;padding:16px;border:2px solid #52675a;border-radius:12px;font:inherit;font-size:14px}.settings-panel{max-width:780px;margin:32px auto}.settings-panel h1{font-size:30px}.settings-panel h2{font-size:21px;margin-top:28px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics-grid>div{background:#eff2e9;border-radius:12px;padding:16px}.metrics-grid dt{font-size:13px}.metrics-grid dd{font-size:30px;margin:6px 0 0;font-weight:800}.promo-preview{width:100%;height:auto;border:1px solid #dce3d6;border-radius:16px}.challenge-invite{margin-bottom:24px}.settings-panel p{overflow-wrap:anywhere}@media(max-width:650px){.return-modes{grid-template-columns:1fr}.region-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.region-card{padding:16px 12px}.settings-panel{padding:22px 16px}.metrics-grid{grid-template-columns:1fr 1fr}}@media(max-width:350px){.region-cards{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr}}
