.ttf-game{padding:22px 14px 55px;color:#153d46;background:radial-gradient(circle at 15% 10%,#fff 0 2%,transparent 2.4%),linear-gradient(180deg,#76d9f2,#bff5ea 52%,#ffd98b)!important}.ttf-shell{width:min(1050px,100%);margin:auto;border:5px solid #fff;border-bottom:12px solid #134e4a;border-radius:36px;background:#f0fdfa;box-shadow:0 10px 0 #134e4a,0 28px 45px #123c4c55}.ttf-header{padding:18px clamp(14px,3vw,30px) 22px;border-bottom:7px solid #134e4a;color:#fff;background:linear-gradient(135deg,#0d9488,#14b8a6 58%,#22c55e);box-shadow:inset 0 5px 0 #ffffff66}.ttf-brand{display:flex;align-items:center;gap:13px}.ttf-brand>span{display:grid;width:56px;height:56px;place-items:center;border:4px solid #fff;border-bottom:8px solid #854d0e;border-radius:18px;background:linear-gradient(#fde047,#f59e0b);box-shadow:0 6px 0 #134e4a;font-size:31px}.ttf-brand h1,.ttf-brand p{margin:0}.ttf-brand p{color:#fef08a;font-size:11px;letter-spacing:.14em}.ttf-brand h1{font-size:clamp(24px,4vw,40px);line-height:1.05;text-shadow:0 4px 0 #115e59}.ttf-progress{top:28px;right:max(75px,calc((100vw - 1050px)/2 + 30px));gap:8px}.ttf-progress span{display:grid;width:34px;height:34px;place-items:center;border:3px solid #fff;border-bottom:6px solid #134e4a;border-radius:50%;background:#99f6e4;color:#115e59}.ttf-progress .current{scale:1.16;background:#fde047}.ttf-progress .done{color:#fff;background:#f97316}.ttf-quest{margin-top:17px}.ttf-mascot{display:grid;flex:0 0 92px;height:82px;place-items:center}.ttf-mascot img{width:100px;height:100px;object-fit:contain}.ttf-mascot img,.ttf-mascot span{filter:drop-shadow(0 7px 0 #115e59)}.ttf-mascot span{font-size:61px}.ttf-bubble{position:relative;flex:1;min-height:78px;padding:12px 13px 12px 22px;border:4px solid #fff;border-bottom:8px solid #99f6e4;border-radius:25px;background:#fff;box-shadow:0 7px 0 #115e59}.ttf-bubble:before{content:"";position:absolute;left:-14px;width:24px;height:24px;rotate:45deg;border-left:4px solid #fff;border-bottom:4px solid #fff;background:#fff}.ttf-bubble>div{flex:1}.ttf-bubble strong{color:#ea580c;letter-spacing:.1em}.ttf-bubble p{margin:4px 0 0;font-size:clamp(14px,2vw,20px);line-height:1.2}.ttf-bubble button{display:grid;flex:0 0 49px;height:47px;place-items:center;cursor:pointer;border:4px solid #fff;border-bottom:7px solid #075985;border-radius:16px;color:#fff;background:linear-gradient(#38bdf8,#0284c7);box-shadow:0 5px 0 #134e4a}.ttf-workbench{padding:18px clamp(10px,3vw,28px) 22px;background:linear-gradient(#ccfbf1,#99f6e4)}.ttf-sign{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;color:#115e59;font-size:13px;text-align:center}.ttf-sign svg{width:17px;fill:#facc15;color:#d97706}.ttf-board{display:block;width:100%;max-height:550px;touch-action:none;border:5px solid #fff;border-bottom:9px solid #134e4a;border-radius:30px;background:#dff9f5;box-shadow:0 8px 0 #134e4a,0 17px 30px #115e5944}.ttf-svg-label{fill:#0f766e;font-size:13px;font-weight:900;letter-spacing:.08em}.ttf-target{fill:#fff;stroke:#0f766e;stroke-width:5;stroke-dasharray:8 7}.ttf-target-number{fill:#0f766e;font-size:18px;font-weight:900}.ttf-tile{cursor:grab;outline:none;transform-box:fill-box;transform-origin:center}.ttf-tile:active{cursor:grabbing}.ttf-tile.selected path:nth-of-type(2){stroke:#fef08a;stroke-width:9}.ttf-tile.placed{cursor:default}.ttf-tile:focus-visible path:nth-of-type(2){stroke:#fef08a;stroke-width:10}.ttf-reward{position:absolute;z-index:5;top:52%;left:58%;display:flex;align-items:center;gap:7px;color:#facc15;font-size:clamp(25px,5vw,46px);text-shadow:0 3px 0 #fff,0 7px 0 #c2410c,0 11px 14px #134e4a;pointer-events:none}.ttf-reward svg{fill:#facc15}.ttf-tools{align-items:center;justify-content:center;gap:12px;padding:17px 18px 22px;background:linear-gradient(#fff7ed,#ffedd5)}.ttf-tools button{display:flex;min-height:58px;align-items:center;gap:8px;padding:0 17px;cursor:pointer;border:4px solid #fff;border-bottom:8px solid #9a3412;border-radius:19px;color:#fff;background:linear-gradient(#fb923c,#ea580c);box-shadow:0 6px 0 #134e4a}.ttf-tools button:nth-child(2){border-bottom-color:#075985;background:linear-gradient(#38bdf8,#0284c7)}.ttf-tools button:nth-child(3){border-bottom-color:#a16207;background:linear-gradient(#fde047,#f59e0b);color:#713f12}.ttf-tools button.active{filter:brightness(1.15);transform:translateY(3px)}.ttf-tools svg{width:22px}.ttf-tools p{margin:0 0 0 8px;color:#0f766e}.ttf-tools p b{font-size:24px}.ttf-modal-wrap{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#0f3b49b8;backdrop-filter:blur(7px)}.ttf-modal{width:min(520px,100%);padding:34px 25px 39px;text-align:center;border:6px solid #fff;border-bottom:13px solid #854d0e;border-radius:40px;color:#134e4a;background:linear-gradient(145deg,#fff,#fef08a);box-shadow:0 11px 0 #134e4a,0 30px 60px #0006}.ttf-stars{display:flex;justify-content:center;gap:13px;font-size:58px;perspective:600px}.ttf-stars span{filter:drop-shadow(0 7px 0 #ca8a04);animation:ttf-spin 1.3s ease-in-out infinite alternate}.ttf-stars span:nth-child(2){translate:0 -13px;animation-delay:-.45s}.ttf-stars span:nth-child(3){animation-delay:-.8s}.ttf-modal>p{margin:14px 0 3px;color:#ea580c;font-size:12px;letter-spacing:.14em}.ttf-modal h2{margin:0;font-size:clamp(36px,8vw,58px)}.ttf-modal h3{margin:8px 0 24px;font-size:18px}.ttf-modal button{min-height:66px;padding:0 28px;cursor:pointer;border:4px solid #fff;border-bottom:9px solid #166534;border-radius:22px;color:#fff;background:linear-gradient(#4ade80,#16a34a);box-shadow:0 8px 0 #134e4a;font-size:22px}@keyframes ttf-spin{to{transform:rotateY(1turn) translateY(-7px)}}@media(max-width:700px){.ttf-game{padding:12px 7px 35px}.ttf-shell{border-radius:26px}.ttf-progress{position:static;justify-content:flex-end;margin:-41px 0 9px}.ttf-mascot{position:absolute;right:12px;top:78px;opacity:.22}.ttf-bubble{z-index:2;padding-left:14px}.ttf-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-inline:8px}.ttf-tools button{min-height:54px;justify-content:center;padding:0 8px}.ttf-tools button span{display:none}.ttf-tools p{grid-column:1/-1;text-align:center}.ttf-board{border-radius:20px}}@media(prefers-reduced-motion:reduce){.ttf-stars span{animation:none}}.ttf-proof{display:flex;width:max-content;max-width:100%;align-items:center;gap:10px;margin:0 auto 12px;padding:7px 15px;border:3px solid #fff;border-bottom:6px solid #0f766e;border-radius:17px;background:#fff;box-shadow:0 4px 0 #134e4a;font-size:clamp(11px,2vw,15px)}.ttf-proof span{padding:4px 7px;border-radius:8px;color:#fff;background:#f97316;font-size:10px;letter-spacing:.08em}.ttf-orientation-dot{fill:#0ea5e9;stroke:#fff;stroke-width:3}.ttf-hit-area{fill:transparent;stroke:transparent;stroke-width:24;pointer-events:all}.ttf-tile.selected .ttf-tile-face{stroke:#fff;stroke-width:9}.ttf-tile:focus-visible .ttf-tile-face{stroke:#fff;stroke-width:10}.ttf-tile{will-change:transform}.ttf-tile.is-dragging .ttf-tile-face{filter:none}.ttf-tile.is-dragging{cursor:grabbing}.ttf-tools{padding-inline:12px}.ttf-tools button{padding-inline:13px}.ttf-tools button:nth-child(3){border-bottom-color:#5b21b6;background:linear-gradient(#c084fc,#7c3aed);color:#fff}.ttf-tools button:nth-child(4){border-bottom-color:#a16207;background:linear-gradient(#fde047,#f59e0b);color:#713f12}.ttf-tools button:disabled{cursor:not-allowed;filter:grayscale(.75);opacity:.45}.ttf-modal h3 strong{display:inline-block;margin-top:8px;color:#ea580c}@media(max-width:700px){.ttf-proof{gap:6px;padding-inline:9px}.ttf-tools{grid-template-columns:repeat(4,1fr);gap:6px;padding-inline:7px}.ttf-tools button{padding-inline:6px}}.ttf-game{position:relative;background:#bff5ea!important;isolation:isolate}.ttf-shell{border:0;background:#fffaf0e8;box-shadow:0 24px 54px #123c4c45;backdrop-filter:blur(5px)}.ttf-header{background:#0d9488e8}.ttf-brand>span{border:0;box-shadow:0 7px 15px #134e4a55}.ttf-progress span{box-shadow:0 5px 12px #134e4a38}.ttf-quest{gap:16px}.ttf-bubble{box-shadow:0 10px 24px #134e4a35}.ttf-bubble:before{border:0}.ttf-workbench{background:#fff8e8d9}.ttf-board{background:#dff9f5 url(/assets/preschool-3d/props/grade-5-game-assets/workboard-base.webp) 50%/100% 100% no-repeat;box-shadow:0 15px 32px #134e4a38}.ttf-tools{background:#fffaf0e8}.ttf-modal button,.ttf-tools button{border:0;box-shadow:0 8px 17px #134e4a45}.ttf-modal{border:0;box-shadow:0 26px 65px #0f3b4975}.ttf-tile image{filter:drop-shadow(0 7px 3px #134e4a66)}.ttf-tile.selected image,.ttf-tile:focus-visible image{filter:drop-shadow(0 0 9px #fef08a) drop-shadow(0 8px 4px #134e4a66)}.ttf-game{min-height:100svh;overflow-x:hidden;overflow-y:auto;padding:68px 12px 18px;background:linear-gradient(180deg,#8ee9ff,#c7eddd 58%,#ffd98b)!important}.ttf-page-heading{position:relative;z-index:12;width:min(820px,calc(100% - 190px));margin:0 auto 10px;border:0;background:transparent;box-shadow:none;text-align:center}.ttf-page-heading p{margin:0 0 1px;color:#155e75;font-size:12px;font-weight:1000;letter-spacing:.16em;line-height:1;text-transform:uppercase}.ttf-page-heading h1{margin:0;color:#fff;font-size:clamp(31px,5vw,53px);font-weight:1000;letter-spacing:-.05em;line-height:.96;text-shadow:0 3px 0 #14b8a6,0 6px 0 #0f766e,0 10px 18px #123c4c4d;-webkit-text-stroke:1px #115e59;paint-order:stroke fill}.ttf-shell{position:relative;z-index:2;display:flex;width:min(1180px,100%);min-height:clamp(640px,calc(100svh - 168px),810px);margin:0 auto;flex-direction:column;overflow:hidden;isolation:isolate;border:6px solid #fff;border-radius:38px;background:#9bdfe0;box-shadow:0 10px 0 #166b67,0 22px 42px #123c4c4d;backdrop-filter:none}.ttf-header{position:relative;z-index:14;min-height:112px;padding:8px 20px 2px;border:0;background:transparent;box-shadow:none}.ttf-brand{display:none}.ttf-progress{position:absolute;top:19px;right:18px;display:flex;gap:7px}.ttf-progress span{width:33px;height:33px;border:0;box-shadow:0 4px 10px #134e4a45}.ttf-quest{display:flex;min-height:98px;gap:10px;align-items:center}.ttf-quest>.g5-mascot{width:104px}.ttf-bubble{display:flex;min-height:75px;padding:7px 0;gap:12px;align-items:center;border:0;color:#134e4a;background:transparent;box-shadow:none}.ttf-bubble:before{display:none}.ttf-bubble strong{color:#c2410c;font-size:10px;font-weight:1000;text-shadow:0 1px 0 #fff,0 0 8px #fff}.ttf-bubble p{margin:3px 0 0;font-size:clamp(14px,1.7vw,20px);font-weight:1000;line-height:1.16;text-wrap:balance;text-shadow:0 2px 0 #fff,0 0 8px #fff,0 0 15px #fff}.ttf-bubble button{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;box-shadow:0 5px 0 #075985,0 9px 16px #134e4a42}.ttf-bubble button:disabled{opacity:.5;cursor:wait}.ttf-workbench{position:relative;z-index:5;display:flex;margin:auto 0 0;padding:0 22px 5px;flex-direction:column}.ttf-proof,.ttf-workbench{background:transparent;box-shadow:none}.ttf-proof{margin:0 auto 3px;padding:3px 10px;border:0;color:#115e59;font-weight:1000;text-shadow:0 1px 0 #fff,0 0 8px #fff}.ttf-proof span{box-shadow:0 3px 7px #9a341244}.ttf-board{width:min(920px,100%);height:clamp(340px,42vw,450px);margin:0 auto;border:0;background-color:transparent;box-shadow:0 12px 24px #134e4a38}.ttf-reward{left:55%}.ttf-tools{position:relative;z-index:10;display:flex;margin-top:auto;padding:7px 14px 13px;gap:9px;border:0;background:transparent;box-shadow:none}.ttf-tools button{min-height:50px;padding:0 13px;border:0;box-shadow:0 6px 0 #134e4a,0 10px 16px #134e4a42;font-weight:1000}.ttf-tools button:disabled{cursor:wait;filter:grayscale(.55);opacity:.5}.ttf-tools p{color:#fff;font-weight:900;text-shadow:0 2px 0 #115e59,0 0 8px #115e59}@media(max-width:900px){.ttf-header{padding-inline:12px}.ttf-quest{width:calc(100% - 205px)}.ttf-quest>.g5-mascot{width:88px}.ttf-progress span{width:29px;height:29px;font-size:12px}.ttf-board{height:clamp(330px,52vw,430px)}}@media(max-width:700px){.ttf-game{padding:66px 5px 10px}.ttf-page-heading{width:calc(100% - 116px);margin-bottom:8px}.ttf-page-heading p{font-size:9px;letter-spacing:.1em}.ttf-page-heading h1{font-size:clamp(23px,7vw,34px)}.ttf-shell{min-height:auto;border-width:4px;border-radius:25px;box-shadow:0 8px 0 #166b67,0 16px 28px #123c4c42}.ttf-header{min-height:0;padding:7px 7px 2px}.ttf-quest{width:100%;min-height:75px;gap:5px}.ttf-quest>.g5-mascot{position:relative;inset:auto;width:70px;opacity:1}.ttf-bubble{min-height:68px;gap:5px}.ttf-bubble strong{font-size:8px;letter-spacing:.05em}.ttf-bubble p{font-size:clamp(11px,3vw,14px)}.ttf-bubble button{width:40px;height:40px;flex-basis:40px}.ttf-progress{position:relative;inset:auto;justify-content:center;margin:1px 0 4px}.ttf-progress span{width:28px;height:28px}.ttf-workbench{padding:0 4px 4px}.ttf-proof{gap:5px;font-size:10px}.ttf-proof span{font-size:8px}.ttf-board{width:100%;height:auto;aspect-ratio:3/2;border-radius:16px}.ttf-tools{display:grid;padding:6px 6px 10px;grid-template-columns:repeat(4,1fr);gap:6px}.ttf-tools button{min-height:46px;padding:0 5px}.ttf-tools button span{display:none}.ttf-tools p{grid-column:1/-1;text-align:center}.ttf-reward{left:50%}}.ttf-page-heading{border:0!important;outline:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}.ttf-board:after,.ttf-board:before,.ttf-page-heading:after,.ttf-page-heading:before,.ttf-workbench:after,.ttf-workbench:before{display:none!important}.ttf-board{width:min(920px,calc(100% - 165px));box-shadow:none!important}.ttf-quest{width:min(850px,calc(100% - 265px));margin-left:0}.ttf-corner-guide{position:absolute;z-index:9;bottom:82px;left:12px;display:flex;width:158px;flex-direction:column;align-items:center;pointer-events:none}.ttf-corner-guide>.g5-mascot{width:122px}.ttf-corner-guide p{max-width:150px;margin:-7px 0 0;color:#fff;font-weight:1000;line-height:1.05;text-align:center;text-shadow:0 3px 0 #115e59,0 0 8px #134e4a,0 0 14px #134e4a}@media(max-width:900px){.ttf-board{width:calc(100% - 145px)}.ttf-corner-guide{left:5px;width:135px}.ttf-corner-guide>.g5-mascot{width:104px}.ttf-corner-guide p{max-width:128px;font-size:12px}}@media(max-width:700px){.ttf-quest{width:100%}.ttf-board{width:100%;margin-right:auto;margin-left:auto}.ttf-corner-guide{position:relative;inset:auto;display:grid;width:min(310px,92%);margin:-4px auto 3px;grid-template-columns:76px 1fr;justify-items:center}.ttf-corner-guide>.g5-mascot{width:76px}.ttf-corner-guide p{max-width:none;margin:0;font-size:12px}}.ttf-shell .g5-art-composite{inset:0!important;width:100%!important;height:100%!important;image-rendering:auto;filter:saturate(1.04) contrast(1.035);transform:translateZ(0) scale(1.006)}.ttf-shell .g5-art-readable-wash{background:linear-gradient(180deg,#ffffff12 0 20%,transparent 44%,#164e6320)}.ttf-header{min-height:124px;padding:10px 20px 2px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.ttf-header:after,.ttf-header:before,.ttf-quest:after,.ttf-quest:before{content:none!important;display:none!important}.ttf-quest{width:min(850px,calc(100% - 285px));min-height:104px;margin:0}.ttf-bubble{min-height:86px;padding:13px 15px 13px 20px;border:0!important;outline:0!important;border-radius:22px;background:#fffef8;box-shadow:0 8px 20px #164e6335;backdrop-filter:none!important}.ttf-bubble:after,.ttf-bubble:before{content:none!important;display:none!important}.ttf-bubble strong{font-size:11px;text-shadow:none}.ttf-bubble p{color:#153d46;font-size:clamp(15px,1.65vw,20px);text-shadow:none}.ttf-progress{top:24px;right:22px}.ttf-progress span{width:36px;height:36px;font-weight:1000}.ttf-workbench{margin:0;padding:0 20px 6px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.ttf-proof{margin-bottom:5px;font-size:14px}.ttf-board{width:min(820px,calc(100% - 255px));height:auto;aspect-ratio:3/2;margin-right:0;margin-left:auto;border:0!important;outline:0!important;border-radius:24px;background:#effffd!important;image-rendering:auto;box-shadow:0 10px 24px #134e4a30!important;backdrop-filter:none!important}.ttf-tile-face{stroke:transparent;stroke-width:4px;stroke-linejoin:round;filter:url(#ttf-shadow)}.ttf-board:after,.ttf-board:before{content:none!important;display:none!important}.ttf-corner-guide{bottom:88px;left:10px;width:240px}.ttf-corner-guide>.g5-mascot{width:220px;filter:drop-shadow(0 16px 12px #173f4255) saturate(1.06) contrast(1.025)}.ttf-corner-guide p{max-width:220px;margin:-10px 0 0;font-size:14px}.ttf-tools{gap:13px;padding:9px 16px 15px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.ttf-tools:after,.ttf-tools:before{content:none!important;display:none!important}.ttf-tools button{min-width:125px;min-height:64px;padding:0 18px;gap:9px;border-radius:22px;font-size:15px}.ttf-tools svg{width:25px;height:25px}.ttf-tools p{font-size:14px}@media(max-width:900px){.ttf-header{padding-inline:12px}.ttf-quest{width:calc(100% - 215px)}.ttf-board{width:calc(100% - 190px);height:auto;aspect-ratio:3/2}.ttf-corner-guide{left:4px;width:180px}.ttf-corner-guide>.g5-mascot{width:165px}.ttf-corner-guide p{max-width:170px;font-size:12px}.ttf-tools{gap:8px;padding-inline:8px}.ttf-tools button{min-width:106px;padding-inline:10px;font-size:13px}}@media(max-width:700px){.ttf-header{min-height:0;padding:7px 7px 2px}.ttf-quest{width:100%;min-height:84px}.ttf-bubble{min-height:74px;padding:9px 9px 9px 12px;border-radius:16px}.ttf-bubble p{font-size:clamp(11px,3vw,14px)}.ttf-progress{position:relative;inset:auto;justify-content:center;margin:2px 0 5px}.ttf-workbench{padding:0 4px 4px}.ttf-board{width:100%;height:auto;margin-inline:auto;aspect-ratio:3/2;border-radius:16px}.ttf-corner-guide{position:relative;inset:auto;display:grid;width:min(390px,98%);margin:-3px auto 3px;grid-template-columns:150px 1fr;justify-items:center}.ttf-corner-guide>.g5-mascot{width:150px}.ttf-corner-guide p{max-width:none;margin:0;font-size:12px}.ttf-tools{display:grid;padding:7px 6px 11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ttf-tools button{min-width:0;min-height:54px;padding:0 5px;border-radius:18px}.ttf-tools button span{display:none}.ttf-tools p{grid-column:1/-1;text-align:center}}