:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17231d;background:#f4f1e8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17231d;--muted: #667169;--paper: #fffdf7;--line: #d9d8ce;--green: #275d48;--green-dark: #173e30;--lime: #d9ef77;--orange: #ef7c4d;--red: #a84032;--shadow: 0 20px 60px rgb(37 50 42 / 10%)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 8% 4%,rgb(217 239 119 / 19%),transparent 27rem),#f4f1e8}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.page{min-height:100vh}.brand{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;color:var(--ink);background:transparent;font-size:19px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--green-dark);background:var(--lime);font-size:11px;font-weight:900}.brand.small{cursor:pointer}.brand.small .brand-mark{width:34px;height:34px}.text-button{padding:5px 0;border:0;color:var(--green);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.text-button.quiet{color:var(--muted)}.eyebrow{margin:0;color:var(--orange);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.panel{border:1px solid rgb(217 216 206 / 78%);border-radius:25px;background:var(--paper);box-shadow:var(--shadow)}.setup-page{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100dvh;padding:22px clamp(20px,4vw,58px) 30px}.setup-header{display:flex;align-items:center;justify-content:space-between;width:min(1040px,100%);min-height:48px;margin:0 auto}.setup-panel{align-self:center;width:min(900px,100%);max-height:calc(100dvh - 112px);margin:18px auto 0;padding:clamp(24px,3vw,40px);overflow-y:auto}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-heading h1{margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,39px);font-weight:500;letter-spacing:-.04em}.demo-badge{padding:6px 9px;border:1px solid #c7d39d;border-radius:999px;color:#4a5c2c;background:#f3f8d9;font-size:10px;font-weight:750}.field-group{min-width:0;margin:19px 0 0;padding:0;border:0}.field-group legend{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;font-size:11px;font-weight:800}.chip-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.region-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 8px;border:1px solid var(--line);border-radius:999px;color:#56625a;text-align:center;background:#faf9f4;font-size:10px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.region-chip.selected{border-color:var(--green);color:#fff;background:var(--green)}.region-chip input{position:absolute;width:1px;height:1px;opacity:0}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#eeeee7}.segmented-control button{min-height:36px;padding:7px 8px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:10px;font-weight:750;cursor:pointer}.segmented-control button.active{color:var(--green-dark);background:var(--paper);box-shadow:0 2px 8px #1f302717}.segmented-control button:disabled{opacity:.35;cursor:not-allowed}.start-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.question-count{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 7px;color:var(--muted);font-size:10px}.question-count strong{grid-row:span 2;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500}.question-count small{color:var(--orange)}.primary-button,.secondary-button,.danger-button{min-height:46px;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--green);color:#fff;background:var(--green)}.primary-button:hover:not(:disabled){background:var(--green-dark)}.primary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{border:1px solid var(--line);color:var(--green-dark);background:#f8f7f1}.danger-button{border:1px solid #e1b1a8;color:var(--red);background:#fff4f1}.error-message{margin:8px 0 0;color:var(--red);font-size:11px;font-weight:650}.game-page,.feedback-page{display:grid;grid-template-rows:auto 3px minmax(0,1fr);min-height:100dvh;padding:0 clamp(22px,5vw,70px)}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;border-bottom:1px solid var(--line)}.game-header>:last-child{justify-self:end}.game-progress{display:flex;gap:16px;font-size:11px}.game-progress span,.feedback-header>span{color:var(--muted)}.game-progress strong{color:var(--green)}.progress-line{height:3px;margin-top:-2px;background:#dddcd2}.progress-line span{display:block;height:100%;background:var(--orange);transition:width .28s ease}.question-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(820px,100%);margin:0 auto;padding:28px 0 max(46px,env(safe-area-inset-bottom));text-align:center}.question-meta{display:flex;gap:14px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.question-meta span+span{padding-left:14px;border-left:1px solid #c9c8bf;color:var(--muted)}.question-stage h1{margin:20px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,8vw,100px);font-weight:500;line-height:.96;letter-spacing:-.055em}.question-stage>p{margin:4px 0 0;color:var(--muted);font-size:15px}.answer-form{width:min(640px,100%);margin-top:clamp(28px,6vh,52px);text-align:left}.answer-form>label{display:block;margin-bottom:7px;font-size:11px;font-weight:800}.answer-input-row{display:flex;padding:5px;border:1px solid #bcbdb5;border-radius:15px;background:var(--paper);box-shadow:0 10px 30px #28372e14}.answer-input-row:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #275d4821}.answer-input-row input{min-width:0;flex:1;padding:12px 14px;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px}.answer-input-row input::placeholder{color:#a2a59e}.submit-button{min-width:122px;padding:10px 16px;border:0;border-radius:10px;color:#fff;background:var(--green);font-size:11px;font-weight:800;cursor:pointer}.submit-button:disabled{opacity:.42;cursor:not-allowed}.skip-button{display:block;margin:12px auto 0;padding:7px;border:0;color:var(--muted);background:transparent;font-size:11px;cursor:pointer}.centered-page{display:grid;min-height:100dvh;padding:20px;place-items:center}.loading-page{align-content:center;color:var(--muted)}.loading-globe{display:grid;width:68px;height:68px;place-items:center;border:1px solid #9db6a6;border-radius:50%;color:var(--green);font-size:32px;animation:float 1.4s ease-in-out infinite alternate}@keyframes float{to{transform:translateY(-7px) rotate(8deg)}}.clarification-panel,.summary-panel,.settings-panel{width:min(620px,100%);max-height:calc(100dvh - 40px);padding:clamp(25px,5vw,48px);overflow-y:auto}.clarification-panel h1,.summary-panel h1,.settings-panel h1{margin:8px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,6vw,53px);font-weight:500;letter-spacing:-.05em}.candidate-list{display:grid;gap:7px;margin:22px 0 16px}.candidate-list button{display:flex;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#faf9f3;font-weight:750;cursor:pointer}.feedback-page{--result: var(--orange);grid-template-rows:auto minmax(0,1fr);background:linear-gradient(120deg,rgb(239 124 77 / 10%),transparent 43%)}.feedback-page.is-correct{--result: var(--green);background:linear-gradient(120deg,rgb(217 239 119 / 17%),transparent 43%)}.feedback-header{font-size:11px}.feedback-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);gap:clamp(38px,7vw,100px);align-items:center;width:min(1180px,100%);min-height:0;margin:0 auto;padding:30px 0}.result-icon{display:grid;width:42px;height:42px;margin-bottom:18px;place-items:center;border-radius:50%;color:#fff;background:var(--result);font-size:21px;font-weight:900}.result-copy h1{margin:7px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,78px);font-weight:500;line-height:.97;letter-spacing:-.05em}.result-copy>p:not(.eyebrow,.interpreted,.accepted-answer,.storage-warning,.error-message){color:var(--muted);line-height:1.5}.interpreted{margin:15px 0 0;color:var(--muted);font-size:12px}.correct-relation{display:flex;align-items:center;gap:12px;margin:19px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.5vw,32px)}.correct-relation strong{color:var(--result)}.accepted-answer,.storage-warning{font-size:11px;line-height:1.5}.accepted-answer{color:var(--muted)}.fact-note{margin-top:12px;padding:10px 12px;border-left:3px solid var(--orange);color:#634837;background:#fff5e9;font-size:11px;line-height:1.5}.fact-note summary{font-weight:800;cursor:pointer}.fact-note span{display:block;margin-top:6px}.storage-warning{color:var(--red)}.result-copy .primary-button{margin-top:16px}.world-map{margin:0}.world-map svg{display:block;width:100%;filter:drop-shadow(0 20px 30px rgb(38 63 49 / 10%))}.map-ocean{fill:#e4ece4;stroke:#bdcbbf}.map-land{fill:#a8bda9;stroke:#f5f3ea;stroke-linejoin:round;stroke-width:1.5px}.map-grid{fill:none;stroke:#275d481a;stroke-width:.8px}.map-marker-pulse{fill:#ef7c4d3d}.map-marker{fill:var(--orange);stroke:#fff;stroke-width:3px}.world-map figcaption{display:flex;align-items:baseline;justify-content:space-between;margin-top:9px}.world-map figcaption strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}.world-map figcaption span{color:var(--muted);font-size:11px}.city-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.city-facts>div{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fffdf7bd}.city-facts span{color:var(--muted);font-size:10px}.city-facts strong{font-size:12px}.summary-page{background:radial-gradient(circle at 50% 20%,rgb(217 239 119 / 32%),transparent 28rem),#f4f1e8}.summary-panel{text-align:center}.summary-panel>p:not(.eyebrow){margin:8px 0;color:var(--muted);line-height:1.5}.summary-score{display:grid;margin:24px 0}.summary-score strong{color:var(--green);font-family:Georgia,Times New Roman,serif;font-size:70px;font-weight:500;line-height:1}.summary-score span{color:var(--muted);font-size:11px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.summary-grid>div{display:grid;gap:4px;padding:15px 6px}.summary-grid>div+div{border-left:1px solid var(--line)}.summary-grid strong{font-size:20px}.summary-grid span{color:var(--muted);font-size:9px}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.back-button{margin-bottom:20px}.settings-panel>h1{margin-bottom:25px}.settings-section{padding:19px 0;border-top:1px solid var(--line)}.settings-section h2{margin:0 0 6px;font-size:15px}.settings-section p{color:var(--muted);font-size:12px;line-height:1.55}.settings-section button{margin:8px 7px 0 0}@media(max-width:820px){.chip-grid{grid-template-columns:repeat(3,1fr)}.feedback-layout{grid-template-columns:minmax(270px,.9fr) minmax(330px,1.1fr);gap:28px}}@media(max-width:620px),(max-height:500px)and (max-width:900px){body{overflow:hidden}.setup-page{height:100dvh;min-height:0;padding:max(6px,env(safe-area-inset-top)) 9px max(8px,env(safe-area-inset-bottom))}.setup-header{min-height:42px;padding-inline:5px}.brand{gap:7px;font-size:16px}.brand-mark,.brand.small .brand-mark{width:30px;height:30px;font-size:9px}.setup-panel{display:flex;width:100%;height:100%;max-height:none;margin:3px auto 0;padding:clamp(10px,2.4vh,16px);overflow:hidden;border-radius:18px}.setup-panel{flex-direction:column}.panel-heading{margin-bottom:clamp(7px,1.5vh,12px)}.panel-heading .eyebrow{display:none}.panel-heading h1{margin:0;font-size:clamp(20px,3.5vh,25px)}.field-group{margin-top:clamp(7px,1.5vh,12px)}.field-group legend{margin-bottom:4px;font-size:10px}.field-group legend .text-button{padding:0;font-size:9px}.chip-grid{grid-template-columns:repeat(3,1fr);gap:4px}.region-chip{min-height:clamp(27px,4.5vh,33px);padding:4px 5px;border-radius:9px;font-size:9px}.segmented-control{gap:1px;padding:2px;border-radius:10px}.segmented-control button{min-height:clamp(29px,4.8vh,35px);padding:4px 3px;font-size:9px}.start-row{gap:10px;margin-top:auto;padding-top:clamp(7px,1.5vh,12px)}.question-count{min-width:0;font-size:9px}.question-count strong{font-size:clamp(23px,4vh,29px)}.start-row .primary-button{min-height:clamp(40px,6.5vh,47px);padding:9px 13px;gap:14px}.game-page,.feedback-page{height:100dvh;min-height:0;padding:0 13px max(6px,env(safe-area-inset-bottom));overflow:hidden}.game-header{grid-template-columns:1fr auto;min-height:48px}.game-progress{display:none}.question-stage{min-height:0;justify-content:center;padding:14px 0}.question-meta{font-size:9px}.question-stage h1{max-width:100%;margin:clamp(13px,3vh,24px) 0 6px;font-size:clamp(38px,13vw,58px);overflow-wrap:anywhere}.question-stage>p{font-size:12px}.answer-form{margin-top:clamp(22px,6vh,42px)}.answer-form>label{margin-bottom:5px;font-size:10px}.answer-input-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;padding:4px;border-radius:13px}.answer-input-row input{width:100%;padding:10px;font-size:16px}.submit-button{min-width:0;padding-inline:8px}.skip-button{margin-top:8px}.centered-page{height:100dvh;min-height:0;padding:10px;overflow:hidden}.clarification-panel,.summary-panel,.settings-panel{max-height:100%;padding:clamp(20px,5vw,28px);border-radius:18px}.clarification-panel h1,.summary-panel h1,.settings-panel h1{font-size:clamp(31px,10vw,42px)}.feedback-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px;align-items:start;width:100%;min-height:0;padding:clamp(9px,2vh,15px) 0 4px;overflow:hidden}.feedback-header>span{display:none}.result-copy{display:block;min-height:0}.result-icon{float:left;width:29px;height:29px;margin:0 9px 0 0;font-size:15px}.result-copy .eyebrow{padding-top:8px;font-size:9px}.result-copy h1{clear:both;margin:8px 0 3px;font-size:clamp(35px,11vw,48px)}.result-copy>p:not(.eyebrow,.interpreted,.accepted-answer,.storage-warning,.error-message){display:none}.interpreted{margin-top:6px;font-size:10px}.correct-relation{gap:8px;margin:9px 0 4px;font-size:clamp(18px,6vw,24px)}.accepted-answer,.storage-warning{margin:5px 0;font-size:9px}.fact-note{margin-top:6px;padding:6px 8px;font-size:9px}.result-copy .primary-button{width:100%;min-height:39px;margin-top:8px}.map-column{min-height:0}.world-map svg{max-height:min(21dvh,150px)}.world-map figcaption{margin-top:4px}.world-map figcaption strong{font-size:16px}.world-map figcaption span{font-size:9px}.city-facts{display:none}.summary-panel>p:not(.eyebrow){font-size:11px}.summary-score{margin:16px 0}.summary-score strong{font-size:58px}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-grid>div{padding:10px 5px}.summary-grid>div:nth-child(3){border-top:1px solid var(--line);border-left:0}.summary-grid>div:nth-child(4){border-top:1px solid var(--line)}.summary-actions{margin-top:16px}.settings-section{padding:13px 0}}@media(max-width:370px),(max-height:620px){.setup-panel{padding:9px}.panel-heading{margin-bottom:5px}.panel-heading h1{font-size:19px}.field-group{margin-top:6px}.region-chip,.segmented-control button{min-height:27px;font-size:8px}.start-row{padding-top:6px}.question-stage h1{font-size:clamp(34px,12vw,46px)}.answer-form{margin-top:18px}.world-map svg{max-height:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}