*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#fbf3df;color:#294838;font:17px/1.6 ui-rounded,'Trebuchet MS','Segoe UI',sans-serif}button,select{font:inherit;color:inherit;background:#fffaf0;border:1px solid #c8cbb5;border-radius:18px;padding:12px 18px;min-height:48px}button{cursor:pointer;font-weight:700}button:hover{background:#edf0dc}button:disabled{cursor:default;opacity:.7}:focus-visible{outline:3px solid #93471d;outline-offset:4px}.topbar{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;min-height:88px}.topbar img{display:block;object-fit:contain}.topbar>span{font-size:21px;font-weight:800}.topbar button{font-size:13px}main{max-width:1100px;margin:8px auto;padding:0 24px 24px}.intro{overflow:hidden;border:1px solid #e2d1aa;border-radius:28px;background:#fff9eb;box-shadow:0 7px 0 #e9ddc3;margin-bottom:30px}.cover{width:100%;height:auto;display:block}.intro-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#526b3e}h1{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:8px 0}h2{font-size:clamp(24px,3vw,31px);line-height:1.3}.intro p{margin:0}.stamp{background:#edf0dc;border-radius:24px;padding:12px 16px;font-size:13px;font-weight:700}.intro-notes{display:flex;justify-content:center;gap:28px;padding:14px;background:#f1efda;font-size:13px;font-weight:700}.playground{border:1px solid #e2d1aa;border-radius:26px;background:#fffdf4;box-shadow:0 7px 0 #e9ddc3;padding:0 28px 28px;overflow:hidden}.garden-trim{height:18px;margin:0 -28px 24px;background:repeating-linear-gradient(90deg,#d59159 0 55px,#fff4d9 55px 110px)}.settings{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}label{display:flex;flex-direction:column;gap:8px;font-weight:700}select{max-width:100%;font-weight:400}.hint{font-size:15px;color:#53634e}.primary{background:#315f44;color:#fff;border-color:#315f44}.primary:hover{background:#264b36}.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.toolbar button{font-size:14px}#play{text-align:center}#instruction{margin:18px 0}.model-box{display:inline-block;padding:14px 35px;background:#edf0e2;border:1px solid #c4ceb9;border-radius:22px}.model-box>span{font-size:14px;font-weight:700}.art{width:125px;height:125px;display:block;margin:8px auto}.answers{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:22px auto}.choice{background:#fff;border:3px solid #c8cbb5;min-width:155px;min-height:170px}.choice .art{width:100px;height:100px}.choice.match,.choice.demonstration{border-color:#315f44;background:#e9efdf}.choice.match:disabled{opacity:1}.choice span{font-size:15px;display:block}#feedback{min-height:56px;font-weight:700}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}aside{padding:30px 8px;display:flex;align-items:center;gap:30px}aside strong{flex:1;font-size:20px}aside p{flex:2;font-size:15px}.guide,details{background:#eff1e4;border-radius:16px;padding:16px 20px;font-size:15px;margin-top:24px}summary{cursor:pointer;font-weight:700}footer{text-align:center;font-size:12px;padding:24px;color:#53634e}#paused,#finished{padding:20px 0;text-align:center}#finished details{text-align:left}#suggestion{font-weight:700}@media(max-width:650px){main{padding:0 12px 20px}.topbar{padding:10px 14px;gap:10px}.topbar img{width:88px;height:44px}.topbar>span{font-size:14px;text-align:center}.topbar button{font-size:12px;padding:10px}.intro-copy{padding:20px}.stamp{display:none}.intro-notes{gap:8px 16px;flex-wrap:wrap;font-size:12px}.playground{padding:0 16px 24px}.garden-trim{margin-inline:-16px}.settings{display:grid;gap:16px}.choice{min-width:120px;min-height:140px;padding:8px}.choice .art{width:80px;height:80px}.answers{gap:12px}aside{display:block}.toolbar>div{display:flex;gap:8px}.toolbar button{padding:10px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Mesmas proporções, paleta e componentes dos jogos 11, 12 e 13. */
body{background:radial-gradient(ellipse at 0 55%,#dce8bd70,transparent 38%),radial-gradient(ellipse at 100% 25%,#f3d79155,transparent 36%),#fbf3df;font-size:16px}
.topbar>span{font-size:clamp(14px,2vw,22px);letter-spacing:-.5px}.topbar button{border-radius:24px;border-color:#dfd4b5;font-size:12px}.intro{box-shadow:0 7px 0 #e9ddc3,0 16px 40px #5d562012}.cover{aspect-ratio:1.91/1;object-fit:cover}.intro-copy{padding:24px 30px 20px}.eyebrow{font-size:10px;color:#587239}h1{font-size:clamp(25px,3.2vw,36px);letter-spacing:-1px;margin:9px 0 6px}h1 em{font-style:normal;color:#a96730}.intro p{font-size:14px;color:#60704e}.stamp{font-size:12px;color:#526c3c}.intro-notes{border-top:1px solid #e9e2c9;font-size:12px;color:#526b3e}
button,select{border-color:#dfd4b5}.primary{border:0;background:linear-gradient(#f4872d,#df641d);box-shadow:0 4px 0 #ae4c1b;font-size:14px;padding:13px 24px;font-weight:800}.primary:hover{background:#d96520}
#setup{padding:8px 0 4px}#setup h2{margin:10px 0 8px;letter-spacing:-.7px}#setup>p{font-size:14px;color:#61704e;margin-top:0}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.settings label{min-width:0;background:#fff9eb;border:1px solid #e4d5b3;border-radius:22px;padding:22px;gap:14px;box-shadow:0 4px 0 #eee5d2}.setting-title{display:flex;align-items:center;gap:12px;font-size:17px}.setting-number{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#e9edd9;color:#526b3e}.setting-description{font-size:13px;font-weight:400;color:#61704e}.settings select{width:100%;font-size:14px;background:#fffdf4;border-radius:14px}.start-row{display:flex;align-items:center;gap:24px}.start-row .hint{font-size:12px;margin:0;line-height:1.7}
.model-box{background:#f2eddb;border-color:#ded1af;box-shadow:0 4px 0 #e9ddc3}.model-box>span{color:#61704e;font-size:12px}.choice{border:2px solid #dfd4b5;background:#fffaf0;border-radius:20px;box-shadow:0 4px 0 #e9ddc3}.choice.match,.choice.demonstration{border-color:#315f44;background:#e9efdf}.toolbar button{font-size:12px;background:#eef0e3;border-color:#dfe3d0}#feedback{font-size:14px;color:#52663f}.actions button{font-size:13px}aside strong{font-size:18px}aside p{font-size:14px;color:#65734f}.guide{font-size:12px;color:#52663f;line-height:1.8}
@media(max-width:700px){.topbar{padding:10px 16px;min-height:76px}.topbar img{width:100px;height:48px}.topbar>span{font-size:14px;max-width:190px}.intro-copy{padding:20px}.intro{margin-bottom:24px}.settings{gap:14px}.settings label{padding:18px}.setting-title{font-size:15px}.start-row{gap:16px}}
@media(max-width:520px){.settings{grid-template-columns:1fr}.settings label{gap:10px;padding:16px}.start-row{align-items:flex-start;flex-direction:column;gap:16px}.start-row .primary{width:100%}.topbar img{width:88px;height:44px}.topbar>span{font-size:12px}.intro-copy{padding:18px}.intro-notes{justify-content:flex-start;padding:12px 18px;font-size:11px}.intro p{font-size:13px}.stamp{display:none}}
/* Abas e registro pedagógico na identidade visual do portal. */
.page-tabs{display:flex;gap:8px;margin:0 0 18px}.page-tabs button{min-width:115px;border-radius:18px;font-size:14px}.page-tabs [aria-selected=true]{background:#315f44;border-color:#315f44;color:#fff;box-shadow:0 3px 0 #24472e}
.objective-panel{background:#fffdf4;border:1px solid #e2d1aa;border-radius:26px;padding:0 28px 28px;overflow:hidden;box-shadow:0 7px 0 #e9ddc3;margin-bottom:24px}.objective-panel>h2{margin:12px 0 16px;letter-spacing:-.6px}.objective-panel .objective-lead{font-size:19px;max-width:800px;color:#315f44}.objective-panel>section{border-top:1px solid #e4dfcb;padding:14px 0;margin-top:18px}.objective-panel h3{font-size:19px;margin:8px 0 14px;color:#315f44}.objective-panel p,.objective-panel li{font-size:15px;line-height:1.85;max-width:900px}.objective-panel li{padding-left:5px;margin:12px 0}.pedagogy-path{padding-left:24px}.objective-panel a{color:#86441e;text-underline-offset:3px}.objective-table-wrap{overflow-x:auto}.objective-panel table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.objective-panel caption{text-align:left;font-weight:700;padding:0 0 12px;color:#52663f}.objective-panel th,.objective-panel td{padding:16px;border:1px solid #dfd7be;vertical-align:top;line-height:1.7}.objective-panel thead{background:#edf0dc}.objective-panel tbody th{background:#fff9eb;min-width:110px}.objective-sources{color:#53634e}.objective-panel .objective-date{font-size:12px}
@media(max-width:650px){.objective-panel{padding:0 16px 22px}.objective-panel .garden-trim{margin-inline:-16px}.objective-panel .objective-lead{font-size:17px}.objective-panel h3{font-size:18px}.objective-panel th,.objective-panel td{padding:10px;font-size:13px}.objective-panel p,.objective-panel li{font-size:14px}.page-tabs button{flex:1;min-width:0}}