:root{--paper:#fffaf0;--cream:#f7eed8;--line:#e1d1aa;--ink:#174c43;--muted:#5f7772;--mint:#3da287;--mint-dark:#187a68;--coral:#f57462;--yellow:#f7c449;--shadow:0 12px 0 rgba(139,113,55,.14)}
html,body{overflow-x:hidden}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf3df;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;background-image:radial-gradient(#eadbb9 1px,transparent 1px);background-size:24px 24px}button,a{font:inherit}.app{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0 38px}.game-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-icon{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border:2px solid #e2d3ae;border-radius:18px;background:#fff7d8;box-shadow:0 4px 0 #decda7}.brand-icon svg{width:42px;height:42px;fill:none;stroke:var(--mint-dark);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand>span:last-child{display:grid;gap:2px}.brand b{font-size:22px}.brand small{color:var(--muted);font-size:14px}.age{padding:14px 22px;border:2px solid var(--line);border-radius:22px;background:#fffdf8;font-weight:800}.screen{display:none}.screen.is-active{display:block}.hero{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:2px solid var(--line);border-radius:34px;background:var(--paper);box-shadow:var(--shadow)}.hero-copy{padding:54px 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{margin:0 0 10px;color:#a65b24;font:800 14px/1.2 Georgia,serif;letter-spacing:.13em}.hero h1{margin:0 0 22px;font:700 clamp(48px,6vw,78px)/.98 Georgia,serif;letter-spacing:-.035em}.hero-copy>p:not(.eyebrow){margin:0 0 30px;color:var(--muted);font-size:23px;line-height:1.48}.hero-art{min-height:480px;background:#dcefe8}.hero-art img{width:100%;height:100%;display:block;object-fit:cover}.primary,.secondary{border:0;border-radius:18px;padding:18px 26px;font-weight:800;font-size:19px;cursor:pointer}.primary{background:var(--coral);color:#fff;box-shadow:0 7px 0 #c64d3c}.secondary{background:#fff;border:2px solid var(--mint);color:var(--ink)}.rule{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:22px 0 34px;padding:24px 28px;border:2px dashed var(--line);border-radius:24px;background:rgba(255,253,247,.85)}.rule>span{font-size:30px}.rule b{font-size:21px}.rule p{margin:7px 0 0;color:var(--muted);line-height:1.55}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 18px}.section-head h2{margin:0;font:700 48px/1 Georgia,serif}.section-head>p{margin:0 0 5px;color:var(--muted)}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.route-card{display:flex;flex-direction:column;min-width:0;border:2px solid var(--line);border-radius:28px;overflow:hidden;background:#fffdf8;box-shadow:var(--shadow)}.route-preview{height:210px;display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--route)}.route-preview span{display:flex;width:40%;height:155px;align-items:center;justify-content:center;border-radius:22px;background:#fff}.route-preview img{width:88%;height:88%;object-fit:contain}.route-preview>i{font:800 34px Georgia,serif;color:var(--mint-dark);font-style:normal}.route-copy{display:flex;flex:1;flex-direction:column;padding:28px}.route-copy h3{margin:0 0 10px;font:700 34px/1.06 Georgia,serif}.route-copy>p:not(.eyebrow){min-height:70px;margin:0 0 22px;color:var(--muted);font-size:17px;line-height:1.45}.route-progress{height:11px;margin-top:auto;border-radius:99px;background:#e5eddc;overflow:hidden}.route-progress i{display:block;height:100%;background:var(--mint);border-radius:inherit}.route-copy button{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;width:100%;margin-top:16px;padding:18px;border:0;border-radius:18px;background:var(--mint);color:#fff;font-weight:800;text-align:left;box-shadow:0 6px 0 var(--mint-dark);cursor:pointer}.play-card{padding:30px;border:2px solid var(--line);border-radius:34px;background:var(--paper);box-shadow:var(--shadow)}.play-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.play-head>button{width:52px;height:52px;border:2px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:25px;cursor:pointer}.play-head h2{margin:0;font:700 36px/1.05 Georgia,serif}.round{display:grid;place-items:center;width:72px;height:62px;border:2px solid #bfded4;border-radius:18px;background:#fff;line-height:1.05;text-align:center}.round b{display:block;font-size:25px}.progress{height:12px;margin:22px 0;border-radius:99px;background:#e7eddc;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--mint);transition:width .25s}.task-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.35fr);gap:22px}.source-card,.answers{border:2px solid #c9e1d7;border-radius:26px;padding:24px;background:#eff8f3}.source-card{text-align:center}.source-stage{height:290px;display:flex;align-items:center;justify-content:center;border-radius:23px;background:#fff}.source-stage img{width:86%;height:86%;object-fit:contain}.source-card h3{margin:18px 0 6px;font:700 31px Georgia,serif}.source-card>p:not(.eyebrow){margin:0;color:var(--muted);font-size:17px;line-height:1.45}.answers{background:#fff5d8;border-color:#ead397}.answers>h3{min-height:74px;margin:0 0 14px;font:700 29px/1.2 Georgia,serif}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-grid button{min-width:0;padding:12px;border:2px solid #dfd4ba;border-radius:20px;background:#fff;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.option-grid button:hover{transform:translateY(-2px);border-color:#81b9a9}.option-grid button:disabled{cursor:default}.option-grid button>span{display:flex;height:128px;align-items:center;justify-content:center}.option-grid img{width:92%;height:92%;object-fit:contain}.option-grid b{display:block;min-height:42px;color:var(--ink);font-size:17px;line-height:1.2}.option-grid button.wrong{background:#fff0ec;border-color:var(--coral);animation:nudge .25s}.option-grid button.correct{background:#dff4e9;border-color:var(--mint);box-shadow:0 5px 0 var(--mint-dark)}.option-grid button.hinted{border-color:var(--yellow);box-shadow:0 0 0 4px rgba(247,196,73,.27)}.hint{width:100%;margin-top:14px;padding:15px;border:2px solid #e4bd54;border-radius:18px;background:#fff0b9;color:#795b13;font-weight:800;font-size:18px;cursor:pointer}.hint:disabled{opacity:.55;cursor:default}.feedback{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:20px;padding:18px 20px;border:2px solid #c9e1d7;border-radius:22px;background:#eaf7f1}.feedback>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;font-size:23px}.feedback b{font-size:19px}.feedback p{margin:4px 0 0;color:var(--muted);line-height:1.4}.feedback button{padding:15px 22px;border:0;border-radius:16px;background:var(--mint);color:#fff;font-weight:800;cursor:pointer}.feedback.is-error{background:#fff1ed;border-color:#f1b3a9}.feedback.is-hint{background:#fff5ce;border-color:#e5c665}.result{max-width:790px;margin:40px auto;padding:58px;text-align:center;border:2px solid var(--line);border-radius:36px;background:linear-gradient(135deg,#fffdf8 0 58%,#e0f2e9 58%);box-shadow:var(--shadow)}.result>span{font-size:68px}.result h2{margin:10px 0 14px;font:700 54px/1 Georgia,serif}.result>p:not(.eyebrow){color:var(--muted);font-size:20px;line-height:1.5}.result-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}@keyframes nudge{50%{transform:translateX(6px)}}
@media(max-width:900px){.hero-copy{padding:38px 32px}.hero h1{font-size:54px}.hero-art{min-height:410px}.route-grid{grid-template-columns:1fr}.route-card{display:grid;grid-template-columns:38% 1fr}.route-preview{height:auto;min-height:260px}.route-copy>p:not(.eyebrow){min-height:auto}.task-layout{grid-template-columns:1fr}.source-card{display:grid;grid-template-columns:240px 1fr;column-gap:22px;text-align:left}.source-card .eyebrow{grid-column:1/-1}.source-stage{grid-row:2/5;height:230px}.source-card h3{align-self:end}.answers>h3{min-height:auto}}
@media(max-width:700px){.app{width:min(100% - 20px,1120px);padding-top:10px}.brand small{display:none}.age{padding:11px 14px}.hero{grid-template-columns:1fr}.hero-copy{padding:34px 26px}.hero h1{font-size:47px}.hero-copy>p:not(.eyebrow){font-size:19px}.hero-art{min-height:0;aspect-ratio:3/2}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:41px}.route-card{display:flex}.route-preview{height:210px;min-height:0}.play-card{padding:18px}.play-head{grid-template-columns:auto 1fr}.round{grid-column:2;grid-row:2;width:64px;height:48px;justify-self:end}.play-head h2{font-size:29px}.task-layout{display:block}.source-card{display:block;text-align:center;margin-bottom:14px}.source-stage{height:210px}.answers>h3{font-size:25px}.option-grid button>span{height:108px}.feedback{grid-template-columns:auto 1fr}.feedback button{grid-column:1/-1;width:100%}.result{padding:38px 22px}.result h2{font-size:43px}}
@media(max-width:430px){.brand-icon{flex-basis:48px;width:48px;height:48px}.brand-icon svg{width:35px;height:35px}.brand b{font-size:17px}.age{font-size:14px}.hero h1{font-size:42px}.hero-copy{padding:30px 22px}.rule{padding:20px}.route-copy{padding:23px}.route-copy h3{font-size:31px}.play-card{padding:14px}.source-card,.answers{padding:16px}.option-grid{gap:8px}.option-grid button{padding:8px}.option-grid button>span{height:88px}.option-grid b{font-size:15px}.result-actions{flex-direction:column}}