.round-world{--gold:#e5bd62;--cream:#fff3d3;--forest:#202d16;min-height:100dvh;background:radial-gradient(ellipse at 50% 10%,#4b5328 0,#171e12 70%);color:var(--cream);font-family:Arial,sans-serif;display:flex;justify-content:center}.round-world *{box-sizing:border-box}.round-board{width:min(100%,480px);height:100dvh;min-height:620px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;background:linear-gradient(#0e170bd1,#1720129c 38%,#0c180bcf),url('../assets/forest-clean.webp') center/cover;box-shadow:0 0 100px #0009;border-inline:1px solid #b09c4d55}.round-board:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 70px #0710068c}.round-top{display:flex;align-items:center;gap:12px;padding:max(17px,env(safe-area-inset-top)) 18px 12px;min-height:83px;background:linear-gradient(#11170ed9,#10150d55);flex:none;z-index:3}.round-top h1{font:700 23px/1.2 Arial,sans-serif;color:#fff5df;margin:2px 0}.round-top small{font:700 9px/1 Arial,sans-serif;letter-spacing:2px;color:#d1c79e}.round-top-stat{margin-left:auto;text-align:right;font-size:13px;color:#e1d8b7;white-space:nowrap}.round-top-stat b{font-size:23px;color:#f0cc7a}.round-icon{width:37px;height:37px;border:1px solid #b8b18a85;border-radius:50%;color:#fff1cb;background:#182013bb;font:24px/1 Arial;cursor:pointer}.round-board button{font-family:Arial,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.round-board button:focus-visible,.round-pause button:focus-visible{outline:3px solid #fff4a8;outline-offset:3px}.round-board button:disabled{cursor:default}.round-progress-line{display:flex;align-items:center;gap:12px;padding:3px 19px 13px;font-size:11px;color:#e0d4a9;flex:none}.round-progress-line>div{height:7px;border-radius:8px;background:#121a0c;border:1px solid #b6af7a85;flex:1;overflow:hidden}.round-progress-line i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#4c8d29,#c4d56c)}.round-gold{width:100%;min-height:48px;background:linear-gradient(#f2d38b,#cea24c);color:#272110;border:1px solid #f9e3a8;border-radius:10px;box-shadow:0 4px 0 #624d23,0 6px 15px #0005;font-size:16px;font-weight:700;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:16px}.round-gold:hover{filter:brightness(1.08)}.round-plain{display:block;color:#e9e2c6;background:#182114c9;border:1px solid #a49f7666;border-radius:9px;min-height:43px;width:100%;margin-top:12px;padding:10px;font-size:13px}.round-intro-art{height:24%;min-height:130px;position:relative;display:grid;place-items:center}.round-intro-art:before{content:'';position:absolute;width:155px;height:155px;background:#e2bb3b44;filter:blur(30px);border-radius:50%}.round-intro-art img{height:100%;max-width:75%;object-fit:contain;position:relative;filter:drop-shadow(0 12px 8px #0008)}.round-spark{position:absolute;left:25%;top:20%;font-size:30px;color:#ffde87}.round-intro-panel{margin:0 19px 18px;padding:20px;background:linear-gradient(135deg,#242d1af2,#141d13e8);border:1px solid #b7a6639c;border-radius:17px;box-shadow:0 8px 30px #0006;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.round-intro-panel>small,.round-result>small,.round-pause>small{font-size:9px;letter-spacing:1.8px;color:#ceba7f}.round-intro-panel h2{font:700 27px/1.15 Arial,sans-serif;color:#f8e8bc;margin:10px 0}.round-intro-panel p{font-size:13px;line-height:1.5;color:#d1d3bc;margin:10px 0}.round-config{border:0;padding:0;margin:14px 0 0}.round-config legend{text-align:center;width:100%;font-size:12px;color:#e2d6af;margin-bottom:10px}.round-config>div{display:flex;justify-content:center;gap:7px}.round-config button{background:#101a0c;color:#d8d9b9;border:1px solid #8b936785;border-radius:8px;min-height:43px;flex:1;font-size:14px}.round-config button.selected{color:#211e12;background:linear-gradient(#edcf87,#c39b4d);border-color:#ffe0a0;box-shadow:0 0 14px #d2b45a26}.round-intro-panel .round-rule{font-size:11px;color:#dec88b;margin:13px 0 18px}.round-safety{font-size:10px!important;line-height:1.45!important;color:#c8c9ad!important;text-align:center;margin:13px 0 0!important}.round-quiz{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;padding:0 13px 15px;gap:10px}.round-choice{min-height:0;flex:1;position:relative;display:grid;place-items:center;width:100%;border:1px solid #d6c27e;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#96a94155,transparent 65%),linear-gradient(#19261719,#17251065),url('../assets/forest-clean.webp') center 75%/cover;box-shadow:inset 0 0 45px #0009,0 5px 15px #0005}.round-choice:nth-of-type(2){background-position:center 30%}.round-choice img{width:85%;height:100%;min-height:0;max-height:100%;object-fit:contain;filter:drop-shadow(0 9px 7px #0009);transition:transform .2s}.round-choice:not(:disabled):hover img{transform:scale(1.04)}.round-choice-number{position:absolute;top:12px;left:12px;z-index:1;color:#ffedb2;width:27px;height:27px;border:1px solid #c7bc89;border-radius:50%;display:grid;place-items:center;background:#1b2516b8;font-size:12px}.round-question{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);z-index:2;background:linear-gradient(#fff7dc,#e8dfbc);border:1px solid #fff4cd;border-radius:13px;box-shadow:0 4px 15px #0007;padding:13px 16px;text-align:center;pointer-events:none;color:#28301c}.round-question small{font-size:8px;letter-spacing:1.4px;color:#6c6c40}.round-question h2{font:700 16px/1.35 Arial,sans-serif;color:#252a1d;margin:4px 0}.round-choice.is-correct{border:3px solid #b8e37b}.round-choice.is-wrong{border:3px solid #d47d5d}.round-feedback{position:absolute;bottom:max(13px,env(safe-area-inset-bottom));left:13px;right:13px;border:1px solid #dfc77f;border-radius:15px;background:linear-gradient(#27301afc,#141d10fc);padding:18px;box-shadow:0 -6px 60px #000b;z-index:5}.round-feedback[hidden]{display:none}.round-feedback-title{font-size:13px;color:#f1ca8b;font-weight:700}.round-feedback-title.good{color:#bfe093}.round-feedback h3{color:#ffedbd;font:700 21px/1.2 Arial,sans-serif;margin:9px 0}.round-feedback p{font-size:12px;line-height:1.5;color:#e0dfc9;margin:9px 0 17px}.round-feedback p strong{color:#c7d79a;font-size:11px}.round-sort{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 18px 19px;text-align:center}.round-carousel{position:relative;flex:1;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.round-sort-mushroom{position:absolute;top:8%;height:72%;width:75%;object-fit:contain;z-index:2;filter:drop-shadow(0 12px 8px #0007)}.round-ghost{position:absolute;width:115px;opacity:.35;filter:blur(1px);top:20%}.round-ghost img{width:100%;height:140px;object-fit:contain}.round-ghost.left{left:-66px}.round-ghost.right{right:-66px}.round-basket{width:76%;height:62%;position:absolute;bottom:4%}.basket-handle{position:absolute;inset:-8% 4% 5%;border:12px solid #97703a;border-radius:50% 50% 35% 35%;box-shadow:inset 0 0 0 3px #d5a65e,0 0 0 3px #423119;background:transparent}.basket-weave{position:absolute;inset:39% 0 0;z-index:3;border-radius:12px 12px 40% 40%;border:4px solid #b98d4d;border-top:9px solid #c69b5a;background:repeating-linear-gradient(0deg,transparent 0 7px,#5b3d25a8 8px 10px),repeating-linear-gradient(95deg,#a8783d 0 8px,#d2a567 9px 13px,#79502e 14px 18px);box-shadow:inset 0 -24px 25px #39210a85,0 14px 18px #0007}.roulette-name{font:700 25px/1.15 Arial,sans-serif;color:#f7e6b4;margin:10px 0}.round-swipe-hint{display:flex;justify-content:space-between;align-items:center;color:#ddd1a6;font-size:10px;margin:7px 0 20px}.round-swipe-hint span{font-size:9px;color:#c3c7aa}.round-sort-buttons{display:flex;gap:10px}.round-sort-buttons button{width:50%;min-height:56px;border:1px solid #e6d49b;border-radius:10px;color:#fff7dc;font-size:17px;font-weight:700;box-shadow:0 5px 0 #0006}.round-edible{background:linear-gradient(#6f8c32,#385517)}.round-poisonous{background:linear-gradient(#b45b38,#7b2e24)}.round-unknown{background:#142011b8;border:1px solid #a19e7199;border-radius:9px;color:#e5dec0;min-height:41px;width:100%;margin-top:15px;font-size:12px}.round-memory-info{display:flex;justify-content:space-between;gap:10px;margin:0 17px;padding:12px 15px;background:#15200fbb;border:1px solid #aaa37088;border-radius:10px;font-size:12px;color:#ddd7b8}.round-memory-info b{margin-left:8px;color:#f6df9f}.round-memory-caption{text-align:center;padding:15px 7px;font-size:12px;color:#e7dcb7}.round-memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:8px;margin:0 15px;flex:1;min-height:0;max-height:650px}.round-memory-card{background:#edf0cb;border:1px solid #c0bd83;border-radius:9px;min-height:0;position:relative;padding:0;box-shadow:0 3px 7px #0007;overflow:hidden;perspective:500px}.round-card-back,.round-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;transition:transform .3s ease}.round-card-back{background:radial-gradient(ellipse,#4d6430,#243e21);border:3px double #a1aa7188;border-radius:8px}.round-card-back svg{height:62%;width:76%;fill:#78914c55;stroke:#a8b67588;stroke-width:2}.round-card-back small{font-size:7px;letter-spacing:1px;color:#adbc7a;margin-top:4px}.round-card-face{transform:rotateY(180deg);padding:4px}.round-card-face img{height:75%;width:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 3px #55482b44)}.round-card-face small{font-size:8px;line-height:1.12;color:#344325;text-align:center;min-height:19px}.is-flipped .round-card-back{transform:rotateY(180deg)}.is-flipped .round-card-face{transform:rotateY(0)}.round-memory-card.is-matched{border:2px solid #c1dc6f;box-shadow:0 0 10px #a4d84a44;background:#d7e0af}.round-memory-message{font-size:12px;color:#e8d997;min-height:52px;text-align:center;display:grid;place-items:center;padding:12px 14px}.round-memory-footer{font-size:10px;text-align:center;line-height:1.5;color:#c3c7a4;padding:0 15px max(18px,env(safe-area-inset-bottom))}.round-result{margin:auto 23px;width:calc(100% - 46px);text-align:center;padding:24px 21px;background:#192414e8;border:1px solid #bca35f99;border-radius:19px;box-shadow:0 15px 45px #0006}.round-result-seal{font-size:55px;color:#f7d98a;line-height:1.2;text-shadow:0 0 26px #f3d97077}.round-result h2{font:700 27px Arial,sans-serif;color:#faeac5;margin:12px 0}.round-result .result-score{font:700 77px/1 Arial,sans-serif;color:#efcd7e;letter-spacing:-3px;margin:20px 0}.round-result .result-score small{font-size:19px;letter-spacing:0;margin-left:8px}.round-result p{font-size:12px;line-height:1.5;color:#dbd9bd}.round-rewards{display:flex;justify-content:center;gap:12px;margin:20px 0}.round-rewards span{padding:9px 15px;background:#43582e88;border:1px solid #b9bd7a66;border-radius:8px;color:#e8dfac;font-size:13px}.round-record{margin-bottom:25px}.round-pause{text-align:center;color:#f5e7c1;font-family:Arial,sans-serif}.round-pause h2{font:700 30px Arial,sans-serif;margin:12px 0}.round-pause p{color:#d8d9bd;font-size:14px;margin-bottom:25px}.round-pause .round-plain{color:#eee2bd}.round-pause .round-gold{margin-top:15px}.round-pause button{cursor:pointer}@media(min-width:650px){.round-world{padding:20px 0}.round-board{height:calc(100dvh - 40px);border-radius:28px;border:1px solid #c1a65c80;max-height:1000px}}@media(max-height:730px){.round-board{min-height:560px}.round-intro-art{height:20%;min-height:100px}.round-intro-panel{padding:13px 18px}.round-intro-panel h2{font-size:24px}.round-intro-panel p{font-size:12px;margin:7px 0}.round-intro-panel .round-rule{margin:10px 0}.round-config{margin-top:7px}.round-top{min-height:70px;padding-top:12px}.round-question{padding:10px 12px}.round-question h2{font-size:14px}.round-sort .round-safety{font-size:9px!important}.round-swipe-hint{margin-bottom:14px}.round-memory-caption{padding:11px}.round-result{padding:18px}.round-result .result-score{font-size:64px;margin:13px 0}.round-result-seal{font-size:40px}}@media(prefers-reduced-motion:reduce){.round-world *{transition:none!important;animation:none!important}}body.reduced .round-world *{transition:none!important;animation:none!important}
/* Keep each play surface inside the same portrait frame as the main menu. */
.round-intro-panel .round-voice-label{font-size:9px;line-height:1.3;color:#dbd79d;margin:7px 0 0}.round-voice[aria-pressed=true]{color:#fff5ad;border-color:#e8cc7e;background:#3f4f24}
.answer-popup{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:50%;display:grid;place-items:center;pointer-events:none;background:#173825f5;color:#e4ffd2;box-shadow:0 10px 40px #0008,0 0 0 5px #bfe5a13d;animation:answer-pop .75s ease both}.answer-popup[hidden]{display:none}.answer-popup svg{width:94px;height:94px;stroke:currentColor;fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.answer-wrong{background:#662f2bf5;color:#fff0e6;box-shadow:0 10px 40px #0008,0 0 0 5px #efb3a43d}.answer-popup .sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.round-voice svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.round-voice[data-voice-state=recording],.round-voice[data-voice-state=system]{background:#5d672e;box-shadow:0 0 0 3px #d8df8a33}.round-top-stat{white-space:nowrap}.round-top{gap:9px}.round-top h1{font-size:22px}.round-voice{margin-left:1px}@keyframes answer-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}20%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@media(max-width:350px){.round-top h1{font-size:18px}.round-top{gap:7px;padding-inline:12px}.round-top-stat b{font-size:20px}.round-top small{font-size:8px;letter-spacing:1.5px}}
.round-world{box-sizing:border-box;background:transparent}
.round-icon{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}
.round-config>div{gap:4px}.round-config button{min-height:44px;min-width:44px}
.round-basket{z-index:3;inset:13% 6% 2%;height:auto;width:auto;background:url('../assets/wicker-basket.webp') center bottom/contain no-repeat;pointer-events:none;filter:drop-shadow(0 12px 12px #0008)}.round-basket .basket-handle,.round-basket .basket-weave{display:none}.round-sort-mushroom{top:8%;height:68%}
.round-unknown,.round-plain{min-height:44px}
.round-intro-art{flex:0 0 clamp(100px,22dvh,205px);height:auto;min-height:0;overflow:hidden}
.round-intro-art img{position:absolute;inset:0;width:80%;height:100%;max-width:80%;max-height:100%;margin:auto;object-fit:contain}
.round-intro-panel{min-height:0;overflow-y:auto;justify-content:safe center;flex:1 1 0}
@media(min-width:650px){.round-world{padding:14px 0;align-items:center}.round-board{height:calc(100dvh - 28px);max-height:960px;min-height:0;border-radius:17px}}
@media(max-width:649px) and (max-height:650px){.round-intro-art{flex-basis:100px}.round-intro-panel{padding:12px 17px;margin-bottom:14px}.round-intro-panel h2{font-size:22px;margin:7px 0}.round-intro-panel>small{font-size:8px}.round-intro-panel p{font-size:11px;line-height:1.4;margin:6px 0}.round-intro-panel .round-rule{font-size:10px;margin:8px 0 12px}.round-config legend{margin-bottom:7px}.round-intro-panel .round-safety{font-size:9px!important;margin-top:10px!important}.round-sort .round-safety{margin-top:10px!important}}
@media(max-height:650px){.round-result{padding:14px 18px;margin:8px 23px}.round-result-seal{font-size:29px}.round-result>small{font-size:8px}.round-result h2{font-size:22px;margin:7px 0}.round-result .result-score{font-size:52px;margin:9px 0}.round-result p{font-size:11px;margin:7px 0}.round-result .round-rewards{margin:12px 0}.round-result .round-rewards span{padding:7px 13px}.round-result .round-record{margin-bottom:14px}.round-result .round-plain{margin-top:8px}}

.round-hints-option{display:flex;align-items:center;gap:12px;text-align:left;margin:14px 0;padding:12px 14px;border:1px solid #a6b78266;border-radius:16px;background:#172f25;color:#eee5c8;cursor:pointer}.round-hints-option input{accent-color:#d9b76a;width:22px;height:22px;flex:none}.round-hints-option small{display:block;line-height:1.4;color:#b9c7a6;font-size:12px;margin-top:4px}.round-hint{margin:12px 0 0;padding:10px 14px;border-radius:14px;border:1px solid #cab47666;background:#203a2bee;text-align:left}.round-hint[hidden]{display:none}.round-hint p{font-size:14px;line-height:1.45;margin:5px 0;color:#f2e9d0}.round-hint small{color:#dfc477}

.round-config button small{display:block;font-size:10px;line-height:1.3;margin-top:3px}.round-config button b{font-size:16px}.quiz-length{margin-top:2px}.quiz-image-choices{display:flex;flex-direction:column;flex:1;gap:10px;min-height:0}.quiz-choices-3 .round-question,.quiz-choices-4 .round-question{position:relative;left:auto;right:auto;top:auto;transform:none;flex:none}.quiz-choices-3 .quiz-image-choices,.quiz-choices-4 .quiz-image-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(100px,1fr));gap:9px}.quiz-choices-3 .round-choice:first-child{grid-column:1 / -1}.quiz-choices-3 .round-choice img,.quiz-choices-4 .round-choice img{width:95%;height:100%;max-width:100%;position:absolute;inset:0;margin:auto}.quiz-finish{flex:none;margin:0 13px 12px;border:1px solid #b7a66399;background:#203727;color:#f0dcac;border-radius:10px;min-height:44px;font-size:12px}.round-quick .round-quiz{overflow-y:auto}.quiz-choices-4 .round-choice,.quiz-choices-3 .round-choice{min-height:100px}.round-quick .round-hint p{font-size:13px}.round-intro .round-config button{padding:7px 4px}

.quiz-correction{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:auto;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));color:#f6edce;background:#07180bb8;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);font-family:Arial,sans-serif;animation:correction-reveal .4s ease-out}
.quiz-correction::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 38%,#b9ce6740,transparent 54%)}
.correction-top{width:min(100%,580px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:5px 0}.correction-top>span{color:#d7c992;font-size:9px;letter-spacing:2.2px}.correction-top .round-icon{width:44px;height:44px;flex:none}
.correction-specimen{flex:1 1 0;min-height:150px;width:min(100%,670px);position:relative;margin:4px 0 10px;display:flex;align-items:center;justify-content:center}.correction-specimen img{height:100%;width:100%;position:absolute;inset:0;object-fit:contain;transform-origin:center;filter:drop-shadow(0 15px 20px #0009)}
.correction-copy{flex:none;width:min(100%,580px);border:1px solid #c9b77b99;border-radius:25px 8px;background:linear-gradient(135deg,#2b432fee,#142b1fee);padding:20px 24px;box-shadow:0 12px 50px #0005}.correction-copy>small{font-size:9px;letter-spacing:2px;color:#e6c782}.correction-copy h2{font:700 clamp(22px,4vw,32px)/1.18 Georgia,serif;margin:9px 0 12px;color:#fff2cc;overflow-wrap:anywhere}.correction-copy p{font:15px/1.55 Arial,sans-serif;color:#eef0d7;margin:0}.correction-encouragement{display:block;font-size:12px;color:#bfd5ae;margin-top:14px}.correction-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.correction-actions button{border:1px solid #a8b18b88;border-radius:10px;min-height:44px;padding:10px 16px;background:#1d3425;color:#f0e8c7;font-size:13px;cursor:pointer}.correction-actions [data-round=correction-next]{min-width:110px;background:linear-gradient(#efd28a,#c6a15b);border-color:#efd79b;color:#282315;font-weight:bold}.quiz-correction button:focus-visible{outline:3px solid #fff0aa;outline-offset:3px}
@keyframes correction-reveal{from{background-color:#07180b00;backdrop-filter:blur(0)}to{background-color:#07180bb8;backdrop-filter:blur(11px)}}
@media(max-height:650px){.quiz-correction{padding:6px 14px 12px}.correction-specimen{min-height:110px;margin:0 0 8px}.correction-copy{padding:13px 17px}.correction-copy h2{font-size:21px;margin:6px 0 8px}.correction-copy p{font-size:12px;line-height:1.4}.correction-copy>small{font-size:8px}.correction-encouragement{font-size:11px;margin-top:8px}.correction-actions{margin-top:11px}.correction-top .round-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.quiz-correction{animation:none}}
body.reduced .quiz-correction{animation:none}