:root{font-family:Trebuchet MS,Arial,sans-serif;color:#163e58;background:#fbf7e9;font-weight:400;line-height:1.5;font-size:16px;font-synthesis:none;--blue:#174f78;--ink:#163e58;--cream:#fbf7e9;--line:#dfdcc9;--gold:#e1ac46}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input,summary{touch-action:manipulation}button{transition:background .18s,transform .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #086cb8;outline-offset:5px}h1:focus{outline:none}h1,h2,p,figure{margin:0}h1{font-family:Georgia,Times New Roman,serif;letter-spacing:-1.7px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.14;font-weight:700}h1 em{color:#28658b;font-style:normal}img{display:block;max-width:100%;height:auto}svg{display:block}button{border:0}button:disabled{opacity:.45}h2{font:700 1.6rem Georgia,serif;line-height:1.2}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 95% 18%,#efe3b950,transparent 48%),#fbf7e9}.site-header{width:min(1240px,calc(100% - 64px));min-height:100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.28}.brand strong{font-size:17px}.brand svg{width:45px;height:45px}.header-actions{display:flex;align-items:center;gap:25px}.school-tag{font-size:9px;letter-spacing:1.7px;line-height:1.7;border-left:1px solid var(--line);padding-left:25px}.school-tag strong{font-size:12px;letter-spacing:1.4px}.sound-button{border:1px solid #cfcfbb;background:transparent;padding:8px 15px;border-radius:100px;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center;min-height:42px}.sound-button span{font-size:20px}.sound-button:hover{background:#eee9d5}.skip-link{position:fixed;left:20px;top:-90px;z-index:20;background:#fff;padding:12px 20px}.skip-link:focus{top:10px}main{width:min(1240px,calc(100% - 64px));margin:36px auto 38px;flex:1}.paper-panel{border:1px solid #dedbc7;background:#fffdf4;border-radius:24px;overflow:hidden;box-shadow:0 10px 35px #483d2010}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;display:block;color:#596942;line-height:1.7}.lead{font-size:18px;line-height:1.7;color:#5a685f;max-width:520px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--blue);color:#fffdf5;border:1px solid var(--blue);font-weight:700;padding:16px 25px;border-radius:10px;min-height:53px;box-shadow:0 4px #123c5b}.primary-button:not(:disabled):hover{background:#226891;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px);box-shadow:0 1px #123c5b}.primary-button span{font-size:22px;font-weight:400;line-height:1}.secondary-button{display:inline-flex;align-items:center;justify-content:center;background:#fffdf4;color:var(--blue);border:1px solid #bfc8bf;border-radius:8px;padding:10px 16px;min-height:44px;font-weight:700}.secondary-button:hover{background:#edeedc}.text-button{background:transparent;padding:8px 6px;color:var(--blue);font-size:14px;font-weight:700;min-height:40px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.intro{display:grid;grid-template-columns:1.1fr 1fr;min-height:640px}.intro-copy{padding:52px 10px 36px 54px;align-self:center}.intro h1{margin:18px 0 24px;font-size:clamp(2.3rem,4.25vw,3.65rem)}.intro .primary-button{margin-top:28px}.institution{display:flex;align-items:center;gap:19px;margin-top:42px;padding-top:24px;border-top:1px solid var(--line);width:90%;color:#5c665c;font-size:13px}.institution img{width:124px;aspect-ratio:1;object-fit:contain;border-radius:5px}.institution strong{font-size:17px;color:var(--ink)}.institution small{display:block;margin-top:10px;font-size:11px;line-height:1.6}.intro-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 27px 24px 16px;position:relative}.intro-art img{width:100%;max-width:445px;object-fit:contain;mix-blend-mode:multiply}.art-topline{letter-spacing:2.3px;font-size:9px;margin-bottom:13px;color:#79815d;font-weight:700}.art-caption{color:#5b6c44;font:italic 17px Georgia,serif;margin-top:14px}.site-footer{width:min(1240px,calc(100% - 64px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:63px;border-top:1px solid var(--line);font-size:12px;color:#77806b}.site-footer>span:last-child{font-size:9px;letter-spacing:1.9px;font-weight:700;display:flex;gap:12px;align-items:center}.welcome{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:36px 55px 36px 35px;min-height:625px}.welcome-art img{max-height:530px;object-fit:contain;mix-blend-mode:multiply}.welcome h1{font-size:42px;margin:16px 0 20px}.welcome-steps{list-style:none;padding:0;margin:25px 0 32px;display:grid;gap:13px;font-size:15px;color:#485f5d}.welcome-steps li{display:flex;align-items:center;gap:14px}.welcome-steps span{display:grid;place-items:center;background:#f0e4bc;border-radius:50%;width:31px;height:31px;font-size:11px;color:#765824;font-weight:700;flex-shrink:0}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:4px 0 35px}.board h1{font-size:40px;margin:10px 0}.board-heading p{color:#6a7468;font-size:15px}.progress-box{background:#f0ecd9;padding:17px 22px;border-radius:12px;min-width:235px;white-space:nowrap;font-size:13px}.progress-box strong{font-size:18px;margin-left:5px}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border:0;border-radius:10px;display:block;margin-top:12px;overflow:hidden;background:#d9d6c3}progress::-webkit-progress-bar{background:#d9d6c3}progress::-webkit-progress-value{background:#3d775a;border-radius:10px}progress::-moz-progress-bar{background:#3d775a}.board-layout{display:grid;grid-template-columns:1fr 230px;gap:32px;align-items:start}.boxes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 13px;background:#fffcf2;border:1px solid #e5dec6;border-radius:20px;padding:22px}.box-button{background:transparent;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;border-radius:12px;padding:7px 2px 10px;min-width:0;color:var(--ink)}.box-button:not(:disabled):hover{background:#f4e8c9;border-color:#e1cc95;transform:translateY(-3px)}.box-button:disabled{opacity:1}.box-button.completed{background:#f2f1e7}.chest{width:100%;max-width:160px;overflow:visible}.chest-lid{transform-origin:90px 60px;transition:transform .4s ease}.chest.is-open .chest-lid{transform:translateY(-15px) rotate(-10deg)}.box-status{font-size:12px;font-weight:700;margin-top:0;color:#697965;white-space:nowrap}.status-correct{color:#327352}.status-incorrect{color:#885d36}.opening{background:#fff2c8!important}.tales-note{padding:16px 6px;text-align:center}.tales-note img{width:100%;mix-blend-mode:multiply}.tales-note>div{border-top:1px solid #dedcc5;padding-top:22px;margin-top:16px}.tales-note .eyebrow{font-size:9px;letter-spacing:1.6px}.tales-note p{font-size:15px;line-height:1.6;margin:12px 0;color:#566647}.tales-note small{font-size:12px;color:#788063;line-height:1.5}.question-title{margin:13px 0 25px}.question-title h1{font-size:39px;margin-top:6px}.back-button{padding-left:0}.question-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.question-figure{background:#fffdf4;border:1px solid #e1dcc5;border-radius:17px;overflow:hidden}.question-figure>img{width:100%;height:auto;object-fit:contain}.question-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:10px 16px;border-top:1px solid #e7e1c9;font-size:11px;color:#79816e}.question-figure .text-button{font-size:12px}.question-content{background:#fffdf6;border:1px solid #e1dcc5;border-radius:17px;padding:27px}.question-prompt{white-space:pre-line;font-size:17px;line-height:1.65;color:#344f55}.options{border:0;padding:0;margin:20px 0;display:grid;gap:9px;min-width:0}.options legend{font-size:12px;font-weight:700;color:#7e846e;margin-bottom:12px}.option{display:flex;align-items:center;gap:13px;cursor:pointer;border:1px solid #dcdccc;border-radius:9px;min-height:51px;padding:8px 13px;position:relative;background:#fffef8;font-size:17px}.option:has(input:focus-visible){outline:3px solid #086cb8;outline-offset:3px}.option.selected{border-color:#28678c;background:#edf4f3;box-shadow:inset 0 0 0 1px #28678c}.option input{position:absolute;opacity:0;width:1px;height:1px}.option-letter{display:grid;place-items:center;border-radius:6px;border:1px solid #dbddcd;background:#f3f1e4;width:30px;height:30px;font-size:13px;font-weight:700}.option.selected .option-letter{background:var(--blue);color:#fff;border-color:var(--blue)}.option-check{margin-left:auto;color:#245f83}.confirm-button{width:100%;font-size:15px}.small-note{font-size:11px;color:#78816d;line-height:1.6;margin-top:15px;text-align:center}.image-dialog{width:min(1200px,94vw);max-width:94vw;max-height:93vh;padding:0;border:1px solid #b9c3ae;border-radius:14px;background:#fffdf2;color:var(--ink)}dialog::backdrop{background:#183b43b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid #dedbc8}.dialog-toolbar>div{display:flex;gap:10px}.dialog-toolbar button{min-height:40px;padding:8px 15px;font-size:13px;box-shadow:none}.image-scroll{overflow:auto;max-height:calc(93vh - 85px);padding:8px}.image-scroll img{width:100%;object-fit:contain;margin:auto}.image-scroll img.zoomed{width:150%;max-width:none}.player-screen{width:min(860px,100%);margin:0 auto}.player-heading{text-align:center;margin-bottom:22px}.player-heading h1{font-size:38px;margin:8px 0 10px}.player-heading>p:last-child:not(.eyebrow){font-size:14px;color:#6e7864}.video-wrap{position:relative;background:#f4ecd0;border:1px solid #ded5b5;border-radius:18px;overflow:hidden;min-height:200px}.tales-video{min-height:200px;max-height:56vh;object-fit:contain}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1e392333}.play-overlay button{margin:20px}.player-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.player-controls button,.player-controls label{font-size:12px}.player-controls input{width:90px;accent-color:var(--blue);min-height:40px}.video-caption{margin:22px auto 0;max-width:660px;background:#f2eedc;border-radius:10px;padding:13px 20px;color:#69745d;font-size:13px}.video-caption summary{cursor:pointer;font-weight:700;color:#4f654e}.video-caption p{margin:10px 0 0;line-height:1.6}.media-warning,.storage-warning{background:#fff0c9;border:1px solid #dfc071;border-radius:10px;padding:16px 20px;color:#77531b;font-size:14px}.media-warning,.media-warning button{margin-top:15px}.storage-warning{width:min(1240px,calc(100% - 64px));margin:15px auto 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.result-screen{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:40px 45px 40px 58px;gap:35px}.result-copy h1{margin:20px 0;font-size:clamp(2.2rem,4vw,3.3rem)}.result-tales{width:100%;max-height:550px;object-fit:contain;mix-blend-mode:multiply}.result-stats{margin:25px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;max-width:380px}.result-stats p{padding:6px 0;display:flex;justify-content:space-between;font-size:15px}.result-stats strong{font-size:19px}.restart-dialog{width:min(490px,calc(100% - 32px));border:1px solid #b9c3ae;border-radius:16px;background:#fffdf4;color:var(--ink);padding:30px}.restart-dialog p{margin:18px 0 25px;color:#697461}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.dialog-actions button{font-size:13px;padding:12px 15px;box-shadow:none}@media(min-width:1450px){main{margin-top:45px}.intro{min-height:690px}.intro-art img{max-width:480px}}@media(max-width:1000px){.intro-copy{padding:35px 10px 30px 30px}.intro{min-height:590px}.intro-art{padding:20px}.institution{width:100%}.institution img{width:110px}.welcome{padding:30px;gap:25px}.welcome h1{font-size:34px}.board-layout{grid-template-columns:1fr 185px;gap:20px}.boxes-grid{padding:13px;gap:14px 7px}.box-status{font-size:10px}.board h1{font-size:34px}.question-layout{grid-template-columns:1.05fr 1fr;gap:18px}.question-content{padding:20px}.question-prompt{font-size:15px}.result-screen{padding:35px}.school-tag{display:none}}@media(max-width:760px){.site-header,main,.site-footer{width:calc(100% - 32px)}.site-header{min-height:80px}.brand{gap:7px;font-size:12px}.brand strong{font-size:14px}.brand svg{width:34px}.header-actions{gap:8px}.sound-button{font-size:11px;padding:7px 10px}.header-actions .text-button{font-size:12px}.intro{grid-template-columns:1fr;min-height:auto}.intro-copy{padding:30px 25px}.intro h1{font-size:42px;letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.3px}.intro-art{padding:0 25px 26px}.intro-art img{max-width:330px}.intro-art .art-topline{display:none}.institution{margin-top:30px;padding-top:22px}.institution img{width:118px}.institution small{font-size:11px}.intro .lead{font-size:17px}.intro .primary-button{width:100%;margin-top:25px}.welcome{display:flex;flex-direction:column-reverse;padding:30px 24px;gap:25px;min-height:0}.welcome h1{font-size:33px;letter-spacing:-1px}.welcome .lead{font-size:16px}.welcome-art img{max-height:300px}.welcome .primary-button{width:100%}.welcome-steps{font-size:13px}.board-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:22px}.board h1{font-size:33px;letter-spacing:-1px}.board-heading p{font-size:13px}.progress-box{width:100%;padding:12px 16px;font-size:12px}.progress-box strong{font-size:16px}.board-layout{grid-template-columns:1fr;gap:20px}.boxes-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 7px;gap:14px 3px}.box-button{padding:4px 1px 8px}.chest{max-width:150px}.box-status{font-size:10px}.tales-note{display:flex;text-align:left;align-items:center;gap:18px;padding:10px 16px}.tales-note img{width:95px}.tales-note>div{border:0;padding:0;margin:0}.tales-note p{font-size:13px;margin:7px 0}.tales-note small{font-size:11px}.tales-note small br{display:none}.question-layout{grid-template-columns:1fr;gap:20px}.question-title h1{font-size:32px;letter-spacing:-1px}.question-title{margin-bottom:20px}.question-prompt{font-size:16px}.question-content{padding:23px}.option{min-height:53px}.question-figure figcaption{padding:8px 13px}.site-footer{font-size:10px;min-height:75px;gap:12px;align-items:flex-start;padding:17px 0;flex-direction:column;justify-content:center}.site-footer>span:last-child{font-size:8px}.dialog-toolbar{padding:10px;gap:8px;flex-wrap:wrap;font-size:12px}.dialog-toolbar>div{margin-left:auto}.dialog-toolbar button{font-size:11px;padding:7px 12px}.player-heading h1{font-size:31px}.player-controls{gap:8px}.player-controls input{width:70px}.video-caption{padding:12px 16px;font-size:12px}.result-screen{grid-template-columns:1fr;padding:30px 25px;gap:25px}.result-copy h1{font-size:39px}.result-copy .lead{font-size:16px}.result-tales{max-height:340px}.result-copy .primary-button{width:100%}.storage-warning{width:calc(100% - 32px);font-size:12px;align-items:flex-start}.storage-warning button{font-size:10px;white-space:nowrap}}@media(max-width:380px){.boxes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro h1{font-size:36px}.institution img{width:100px}.institution{gap:13px}.institution p{font-size:11px}.institution strong{font-size:14px}.header-actions{gap:4px}.sound-button{padding:7px;font-size:10px}.brand strong{font-size:12px}.brand svg{width:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.school-corner{display:flex;align-items:center;gap:13px;flex-shrink:0}.school-corner>img{width:46px;height:46px;object-fit:contain;border-radius:3px}.school-corner .school-tag{border:0;padding:0}@media(max-width:760px){.school-corner>img{width:34px;height:34px}.school-corner{margin-left:3px}.header-actions{gap:6px}}@media(max-width:380px){.brand{font-size:10px;gap:4px}.brand strong{font-size:11px}.brand svg{width:24px}.header-actions{gap:3px}.header-actions .text-button{font-size:11px;padding:7px 3px}.school-corner>img{width:29px;height:29px}.sound-button{font-size:10px;gap:3px}.sound-button span{font-size:15px}}:root{--blue:#083f78;--ink:#132f4c;--line:#c89a58;color:#183548;background:#a3cfe6}.app-shell{background:linear-gradient(#17353112,#204c6812),url(../assets/imagens/cenario-grego.png) center top / cover fixed;min-height:100vh;color:#173b54}.site-header{width:calc(100% - 52px);max-width:1470px;border:0;min-height:86px;position:relative;z-index:2}.brand{background:linear-gradient(100deg,#ffe8b7,#fff2d1 48%,#e7bd7c);border:2px solid #a97537;box-shadow:0 3px #774819,0 5px 16px #2c2d3230;border-radius:4px 15px 5px 17px;padding:10px 17px;transform:rotate(-1deg);color:#102f4a}.brand svg{display:none}.brand strong{font-family:Georgia,serif;font-size:19px}.brand>span{font-size:11px;letter-spacing:.8px}.header-actions{gap:13px}.sound-button,.header-actions>.text-button{background:linear-gradient(#fff1c9,#e5bc78);border:1px solid #9e6e35;box-shadow:0 2px 3px #52381755;color:#17334c;font-size:12px;min-height:39px;border-radius:6px;padding:6px 12px}.school-corner{gap:0;padding:4px;border-radius:5px;background:#f5dcabcf;box-shadow:0 2px 4px #49381d55}.school-corner>img{width:43px;height:43px}.school-corner .school-tag{display:none}main{width:min(1390px,calc(100% - 52px));margin:18px auto 30px}.paper-panel{background:linear-gradient(105deg,#fff0c9ed,#fff7dfed 55%,#e6c087ee);border:3px solid #a67539;box-shadow:inset 0 0 0 2px #ffe3a6,0 7px #78491f88,0 18px 40px #183c4455;border-radius:13px 22px 14px 25px}h1,h2{color:#103e65}h1{font-weight:800}.eyebrow{color:#8d5928}.lead{color:#455542}.primary-button{background:linear-gradient(#216ca1,#063d74);border:2px solid #e3b758;border-radius:9px;box-shadow:0 4px #153958,0 5px 10px #62492944;color:#fff3cc;text-shadow:0 1px 1px #051d36}.primary-button:not(:disabled):hover{background:linear-gradient(#3285b7,#104e84)}.secondary-button{background:linear-gradient(#fff1cf,#ead2a0);border-color:#b68f56}.intro{max-width:1160px;margin:12px auto 0;min-height:650px;grid-template-columns:1.1fr .9fr;background:linear-gradient(90deg,#fff0c9f5,#fff0c9ed 50%,#e5cda872 70%,#ffdda124)}.intro-copy{padding:45px 10px 35px 50px}.intro h1{font-size:clamp(2.4rem,4.5vw,3.85rem);text-shadow:1px 2px #fff5d6}.intro-art{padding:12px 0 20px;overflow:hidden;min-width:0;align-self:stretch}.intro-art img{width:128%;max-width:none;max-height:570px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(8px 9px 3px #55412645)}.art-topline{background:#ffefc9d9;padding:6px 10px;border-radius:4px;color:#6e4a21;font-size:9px;z-index:1;position:absolute;top:24px}.art-caption{background:#fff0c9e6;border:1px solid #b0864c;border-radius:5px;padding:8px 19px;margin-top:0;color:#594422;font-weight:700}.institution{border-color:#c9a66c}.welcome{max-width:1130px;margin:auto;gap:15px;background:linear-gradient(90deg,#e5cda895,#fff0c9f2 43%);min-height:620px}.welcome-art{overflow:hidden}.welcome-art img{max-width:none;width:135%;margin-left:-17%;mix-blend-mode:normal;filter:drop-shadow(6px 8px 3px #54432144)}.welcome h1{font-size:41px}.welcome-steps span{background:#d6ab5b;border:1px solid #997237;color:#352c1a}.site-footer{max-width:1390px;width:calc(100% - 52px);border:0;padding:12px 18px;min-height:45px;margin-bottom:12px;color:#3e382a;background:#fff1d1e6;border-radius:5px;box-shadow:0 2px 4px #6d522844}.site-footer>span:last-child{color:#685131}.stage-boxes main{margin-top:0;margin-bottom:15px;max-width:1480px;width:calc(100% - 38px)}.stage-boxes .site-header{min-height:72px}.stage-boxes .brand{padding:5px 12px}.stage-boxes .brand strong{font-size:15px}.stage-boxes .brand>span{font-size:10px}.adventure-banner{position:relative;text-align:center;width:min(680px,65%);margin:-44px auto 18px;padding:18px 32px 21px;color:#0d3158;background:radial-gradient(ellipse,#fff3d3 20%,#f8da9b 85%,#dba354);border:3px solid #97612c;box-shadow:inset 0 0 0 3px #ffecc4,0 6px #78482077,0 8px 16px #24392255;transform:rotate(-1deg);border-radius:18px 6px 21px 7px;z-index:2}.adventure-banner:before,.adventure-banner:after{content:"◆";position:absolute;color:#aa783d;font-size:15px;top:42%;text-shadow:1px 1px #fff1bd}.adventure-banner:before{left:13px}.adventure-banner:after{right:13px}.adventure-banner>span{display:block;font:700 19px Georgia,serif;letter-spacing:5px}.adventure-banner strong{display:block;font-family:Trebuchet MS,Arial,sans-serif;font-weight:900;letter-spacing:1px;font-size:clamp(25px,3.45vw,49px);line-height:1.1;margin-top:5px;text-shadow:1px 2px #fff6d8}.board-heading{display:grid;grid-template-columns:1fr 245px;gap:22px;align-items:center;margin:0 0 22px 22%}.speech-parchment{background:linear-gradient(100deg,#fff0ce,#fff7e2 60%,#efcf92);border:2px solid #8a592d;border-radius:19px;box-shadow:0 4px #92622d55;padding:15px 24px;position:relative;text-align:center}.speech-parchment:before{content:"";position:absolute;left:-16px;bottom:14px;width:25px;height:24px;background:#fff0ce;border-left:2px solid #8a592d;border-bottom:2px solid #8a592d;transform:skew(-30deg);clip-path:polygon(0 100%,100% 0,100% 100%)}.board h1{font-family:Trebuchet MS,Arial,sans-serif;font-size:25px;letter-spacing:-.5px;margin:0 0 5px}.board-heading p{font-size:14px;color:#4e472f}.progress-box{background:linear-gradient(#ffe7ad,#ffefc8 55%,#e4b671);border:2px solid #926134;box-shadow:inset 0 0 0 2px #ffe8b6,0 4px #80502677;border-radius:9px;padding:15px 16px;min-width:0;font-size:12px}.progress-box strong{font-size:21px;color:#134d72}progress{background:#d9ba83;height:6px}progress::-webkit-progress-bar{background:#d9ba83}progress::-webkit-progress-value{background:#246a4e}.board-layout{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(520px,2.3fr) minmax(185px,.75fr);align-items:start;gap:19px;position:relative}.tales-guide{margin-top:-100px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center}.guide-name{position:relative;z-index:1;padding:14px 20px 15px;background:linear-gradient(110deg,#ead1a0,#fff0cb 60%,#dfb780);border:2px solid #9c733c;box-shadow:inset 0 0 0 3px #edd19a,0 6px #74523077;border-radius:7px 18px 7px 13px;text-align:center;transform:rotate(-2deg);width:90%;max-width:230px}.guide-name h2{font-family:Trebuchet MS,Arial,sans-serif;font-weight:900;font-size:23px;line-height:1;letter-spacing:1px;color:#2f281d}.guide-name p{font-size:12px;line-height:1.4;margin-top:7px;color:#564832}.guide-character{width:100%;overflow:hidden;margin-top:-6px;min-height:500px;display:flex;align-items:flex-start;justify-content:center}.guide-character img{width:178%;max-width:none;height:560px;object-fit:contain;filter:drop-shadow(7px 8px 2px #31241144);flex-shrink:0}.boxes-grid{--shelf:176px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--shelf);gap:0 4px;border:0;border-radius:3px;padding:0 9px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--shelf) - 22px),#f7deb5 calc(var(--shelf) - 22px),#efd0a0 calc(var(--shelf) - 18px),#d0a474 calc(var(--shelf) - 17px),#a7794c calc(var(--shelf) - 7px),#684925 calc(var(--shelf) - 5px),transparent calc(var(--shelf) - 4px),transparent var(--shelf));filter:drop-shadow(0 4px 3px #4b392d44);position:relative}.box-button{padding:0 2px 28px;justify-content:flex-end;border:0;border-radius:4px;position:relative;transition:transform .18s;overflow:visible}.box-button:not(:disabled):hover{background:radial-gradient(ellipse at 50% 50%,#ffe08a88,transparent 72%);border:0;transform:translateY(-5px)}.chest{width:100%;max-width:167px;filter:drop-shadow(2px 4px 2px #35220c44);flex-shrink:0}.box-status{background:#fff1cbeb;border:1px solid #a87d43;border-radius:4px;padding:2px 5px;color:#614424;font-size:10px;line-height:1.3;margin-top:-5px;z-index:2;white-space:nowrap}.box-button.completed{background:transparent;opacity:.78}.box-button.completed .chest{filter:saturate(.55) drop-shadow(2px 4px 2px #35220c44)}.box-status.status-correct{color:#225a2d;background:#e7eed0}.box-status.status-incorrect{color:#713c22;background:#f3dcb5}.chest-lid{transform-origin:90px 77px}.chest.is-open .chest-lid{transform:translateY(-14px) rotate(-12deg)}.opening{background:radial-gradient(ellipse at 50% 50%,#ffe08abb,transparent 72%)!important}.theorem-scroll{position:relative;margin:18px 0 0;padding:30px 18px 28px;background:linear-gradient(90deg,#e3b679,#fff0c9 12%,#ffedc1 75%,#dbad72);border-left:2px solid #ae7c3d;border-right:2px solid #ae7c3d;color:#443822;box-shadow:6px 9px 12px #38271444;text-align:center;transform:rotate(1deg)}.theorem-scroll:before,.theorem-scroll:after{content:"";position:absolute;left:-12px;right:-12px;height:20px;background:linear-gradient(#ad6c30,#f5c885 30%,#b17b3f 64%,#673a19);border:2px solid #71451f;border-radius:10px;box-shadow:0 2px 2px #3f281c55}.theorem-scroll:before{top:-10px}.theorem-scroll:after{bottom:-10px}.theorem-scroll h2{font-family:Trebuchet MS,Arial,sans-serif;font-size:22px;font-weight:900;color:#382e21;line-height:1.12}.theorem-scroll svg{width:100%;margin:20px 0 15px}.theorem-scroll p{font-size:14px;line-height:1.5}.scroll-divider{height:1px;background:#bb935d;width:70%;margin:19px auto}.theorem-scroll small{font-size:12px;line-height:1.65}.theorem-scroll strong{color:#214e67}.question-screen{background:linear-gradient(110deg,#fff0c9f5,#fff8e5f5 70%,#e9cc97f5);border:3px solid #ae7e40;border-radius:12px 20px 13px 18px;box-shadow:0 7px #79512588,0 16px 25px #253c4444;padding:22px 28px 30px}.question-title h1{font-size:37px}.question-figure,.question-content{border-color:#d4b880;background:#fffcf0;border-radius:10px}.question-figure figcaption{border-color:#e3c796}.question-content{box-shadow:0 3px 8px #8a683314}.option{border-color:#d0bd91;background:#fffdf3}.option-letter{border-color:#cbb481;background:#f4e4bb}.question-prompt{color:#324754}.options legend,.small-note{color:#5d624f}.player-screen{background:linear-gradient(110deg,#ffedc5f5,#fff9e5f5);border:3px solid #a7783e;box-shadow:0 7px #78502888,0 16px 25px #23333e55;padding:25px;border-radius:13px}.player-heading h1{font-size:35px}.video-wrap{background:#f6e7c5;border-color:#ccae76;border-radius:8px}.video-caption{background:#f2dfb5;color:#4c533c}.result-screen{max-width:1130px;margin:auto;min-height:620px}.result-tales{max-height:550px;mix-blend-mode:normal;filter:drop-shadow(8px 9px 3px #57412044)}.restart-dialog,.image-dialog{border:3px solid #ae7d3c;background:#fff1d0}.storage-warning{background:#fff0c9f5;border:2px solid #a67631}.text-button:focus-visible,.box-button:focus-visible{outline:3px solid #003b72;outline-offset:3px;box-shadow:0 0 0 6px #fff0c8}@media(min-width:1550px){.board-layout{grid-template-columns:280px 1fr 235px}.boxes-grid{--shelf:190px}.guide-character img{height:610px}.chest{max-width:180px}}@media(max-width:1150px){.adventure-banner{width:57%;padding:17px 22px}.adventure-banner strong{font-size:33px}.adventure-banner>span{font-size:15px}.board-layout{grid-template-columns:180px minmax(420px,1fr) 170px;gap:13px}.board-heading{grid-template-columns:1fr 205px;margin-left:195px;gap:14px}.board h1{font-size:22px}.board-heading p{font-size:12px}.progress-box{font-size:10px;padding:14px 10px}.progress-box strong{font-size:18px}.boxes-grid{--shelf:155px;padding:0 5px}.box-status{font-size:9px;padding:2px 3px}.guide-name h2{font-size:21px}.guide-name p{font-size:11px}.guide-character img{height:510px;width:195%}.guide-character{min-height:470px}.theorem-scroll{padding:25px 12px}.theorem-scroll h2{font-size:18px}.theorem-scroll p{font-size:12px}.theorem-scroll small{font-size:11px}.intro{min-height:600px}.intro-copy{padding:35px 10px 30px 35px}.intro h1{font-size:43px}.intro-art img{max-height:540px}.welcome h1{font-size:35px}.question-screen{padding:18px 20px 25px}}@media(max-width:920px){.board-layout{grid-template-columns:155px 1fr;gap:15px}.theorem-scroll{grid-column:1 / -1;display:grid;grid-template-columns:140px 140px 1fr;align-items:center;gap:15px;margin:10px auto 0;width:92%;padding:20px;transform:none}.theorem-scroll svg{margin:0}.theorem-scroll .scroll-divider,.theorem-scroll small{display:none}.theorem-scroll p{font-size:13px;text-align:left}.tales-guide{margin-top:-55px}.guide-name{padding:12px 9px;width:100%}.guide-name h2{font-size:18px}.guide-character img{height:465px;width:215%}.guide-character{min-height:425px}.board-heading{margin-left:170px;grid-template-columns:1fr;gap:10px;margin-bottom:18px}.progress-box{display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 13px;font-size:12px;white-space:normal}.progress-box progress{width:25%;margin:0}.adventure-banner{margin:0 auto 20px;width:75%;max-width:590px}.stage-boxes .site-header{min-height:65px}.boxes-grid{--shelf:153px}.speech-parchment{padding:13px 20px}.intro h1{font-size:38px}.intro-copy{padding-left:25px}.institution{gap:12px}.institution img{width:95px}}@media(max-width:760px){.app-shell{background-position:center top;background-attachment:scroll;background-size:auto 1100px;background-repeat:repeat-y}.site-header{width:calc(100% - 24px);min-height:70px;gap:8px}.brand{padding:8px 10px;transform:none}.brand strong{font-size:14px}.brand>span{font-size:10px}.header-actions{gap:7px}.header-actions>.text-button,.sound-button{font-size:11px;min-height:36px;padding:6px 8px}.school-corner{padding:2px}.school-corner>img{width:33px;height:33px}.site-footer{width:calc(100% - 24px);gap:6px;min-height:55px;padding:10px 13px;margin-top:10px}main{width:calc(100% - 24px);margin:10px auto 22px}.intro{grid-template-columns:1fr;min-height:0;margin:0;border-width:2px;background:linear-gradient(110deg,#fff0c9f5,#fff4d7da)}.intro-copy{padding:28px 24px 17px}.intro h1{font-size:41px;margin:14px 0 20px}.intro .lead{font-size:16px}.institution img{width:100px}.institution{margin-top:28px;padding-top:19px}.intro-art{padding:0 0 22px;max-height:380px}.intro-art img{max-height:345px;width:100%;max-width:none}.art-caption{font-size:14px;padding:6px 13px}.welcome{display:flex;flex-direction:column-reverse;min-height:0;padding:26px 22px;background:linear-gradient(110deg,#fff0c9f2,#fff4d7dd)}.welcome h1{font-size:32px}.welcome-art{max-height:290px;width:100%}.welcome-art img{width:100%;margin:0;max-height:290px;object-fit:contain}.stage-boxes main{width:calc(100% - 20px)}.stage-boxes .site-header{min-height:62px}.stage-boxes .brand strong{font-size:12px}.stage-boxes .brand>span{font-size:9px}.adventure-banner{width:94%;padding:13px 24px 16px;margin:6px auto 18px}.adventure-banner strong{font-size:clamp(22px,5.4vw,35px);letter-spacing:.4px}.adventure-banner>span{font-size:12px;letter-spacing:3px}.adventure-banner:before,.adventure-banner:after{font-size:11px}.board-heading{margin:0 5px 22px;gap:9px;display:grid;grid-template-columns:1fr}.board h1{font-size:22px}.speech-parchment{padding:13px 16px}.speech-parchment:before{display:none}.board-heading p{font-size:12px}.progress-box{padding:9px 12px;font-size:11px;gap:13px}.progress-box strong{font-size:18px}.progress-box progress{width:22%}.board-layout{grid-template-columns:1fr;gap:8px}.tales-guide{margin:0;display:none}.boxes-grid{--shelf:170px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 5px;padding:0 5px}.box-button{padding:0 0 28px}.box-status{font-size:10px;padding:3px 4px}.chest{max-width:158px}.theorem-scroll{display:grid;grid-template-columns:100px 1fr;gap:12px;width:93%;padding:18px;margin-top:19px}.theorem-scroll h2{font-size:18px}.theorem-scroll svg{width:105px;justify-self:end}.theorem-scroll p{grid-column:1 / -1;font-size:13px;text-align:center}.question-screen{padding:16px 14px 23px;border-width:2px}.question-title h1{font-size:30px;line-height:1.15}.question-content{padding:20px 17px}.question-prompt{font-size:16px}.question-figure figcaption{padding:8px 10px}.player-screen{padding:20px 13px;border-width:2px}.player-heading h1{font-size:28px}.player-controls{gap:6px}.player-controls .secondary-button{padding:8px 10px}.player-controls input{width:65px}.result-screen{min-height:0;padding:28px 23px}.result-copy h1{font-size:37px}.result-tales{max-height:340px}.storage-warning{width:calc(100% - 24px)}}@media(max-width:400px){.brand strong,.stage-boxes .brand strong{font-size:11px}.brand>span,.stage-boxes .brand>span{font-size:8px}.brand{padding:6px 8px}.site-header{gap:6px}.header-actions{gap:4px}.header-actions>.text-button,.sound-button{font-size:10px;padding:6px}.school-corner>img{width:29px;height:29px}.sound-button span{font-size:14px}.adventure-banner strong{font-size:23px}.boxes-grid{--shelf:155px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3px}.box-status{font-size:8px;padding:2px}.chest{max-width:145px}.intro h1{font-size:36px}.intro-copy{padding:26px 21px 15px}.theorem-scroll{width:92%}}@media(prefers-reduced-motion:reduce){.box-button,.chest-lid{transition:none!important}}.opening-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.choosing-box .box-button:not(.opening){opacity:.55;transition:opacity .2s}.choosing-box .box-button.opening{opacity:1;z-index:3}.box-button.suspense .chest{animation:box-anticipation .95s ease-in-out both;transform-origin:50% 90%}.box-button.opening .box-status{background:#fff3c7;color:#473112;border-color:#97671f}.box-button.revealing .chest{filter:drop-shadow(0 0 12px #ffe28b) drop-shadow(2px 4px 2px #35220c44)}.box-button.revealing .chest-lid{transition:transform .32s ease-out}@keyframes box-anticipation{0%,18%{transform:rotate(0) scale(1)}32%{transform:rotate(-2deg) scale(1.025)}46%{transform:rotate(2deg) scale(1.025)}60%{transform:rotate(-2.5deg) scale(1.04)}72%{transform:rotate(2.5deg) scale(1.04)}84%{transform:rotate(-1.5deg) scale(1.05)}to{transform:rotate(0) scale(1.05)}}@media(prefers-reduced-motion:reduce){.box-button.suspense .chest{animation:none;transform:none}.choosing-box .box-button,.box-button.revealing .chest-lid{transition:none}}