.tile-the-playground{--hot:#f5a84d;--deep:#b96826;--ink:#3f4f67;background:linear-gradient(180deg,#9ce7ff,#ffe2a9 66%,#efad64 0)}.tile-the-playground .prek-immersive-heading p{color:#8a522b}.ttp-scene{overflow:hidden;color:#354b62;isolation:isolate}.ttp-background,.ttp-background-image,.ttp-light,.ttp-scene{position:absolute;inset:0}.ttp-background{z-index:-2;overflow:hidden;pointer-events:none;background:#91dff5}.ttp-background-image{width:100%;height:100%;object-fit:cover;object-position:center}.ttp-light{z-index:1;background:radial-gradient(circle at 55% 43%,#fff7 0 13%,transparent 46%),linear-gradient(180deg,#fff1,transparent 52%,#7b43151a)}.ttp-work-area{position:absolute;z-index:8;top:50%;left:50%;display:grid;justify-items:center;transform:translate(-50%,-50%)}.ttp-board-sign{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:17px;min-height:59px;margin-bottom:-10px;padding:6px 17px 12px;border:5px solid #fff3d7;border-radius:22px 22px 12px 12px;color:#6f3f21;background:linear-gradient(#ffd47f,#eaa24f);box-shadow:inset 0 3px #fff6,0 7px #a85f28;font-size:18px;font-weight:1000;text-align:center}.ttp-board-sign strong{display:grid;min-width:70px;min-height:37px;place-items:center;padding:4px 10px;border-radius:14px;color:#2c6580;background:#fffdf1;box-shadow:inset 0 -3px #e7d5ad;font-size:22px}.ttp-board{--tile-size:clamp(60px,5.76vw,72px);position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--tile-columns),var(--tile-size));gap:7px;padding:22px;border:10px solid #d98b3d;border-radius:29px;background:linear-gradient(145deg,#f7d291,#d99c58);box-shadow:inset 0 0 0 5px #ffedbd,inset 0 -11px #b96a31,0 14px #7d461f,0 22px 34px #6841264c;transform:perspective(650px) rotateX(2deg)}.ttp-board:after,.ttp-board:before{position:absolute;z-index:-1;top:22%;width:24px;height:58%;border-radius:10px;background:linear-gradient(90deg,#a65f2c,#edb45d);box-shadow:0 7px #78441f;content:""}.ttp-board:before{left:-23px}.ttp-board:after{right:-23px;transform:scaleX(-1)}.ttp-board button{position:relative;display:grid;width:var(--tile-size);height:var(--tile-size);cursor:pointer;place-items:center;padding:0;border:3px dashed #a8663e;border-radius:12px;color:#9b6848;background:#fff4d28c;box-shadow:inset 0 3px 8px #8d5a2b27;font:1000 21px/1 system-ui,sans-serif;touch-action:manipulation;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.ttp-board button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.ttp-board button:active:not(:disabled){transform:translateY(2px) scale(.96)}.ttp-board button:focus-visible{z-index:3;outline:5px solid #31276f;outline-offset:3px}.ttp-board button:disabled{cursor:default;opacity:1}.ttp-board button.is-placed{border:3px solid #fff8dd;border-radius:13px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--tile-color) 76%,#fff),var(--tile-color) 48%,var(--tile-accent) 49%,color-mix(in srgb,var(--tile-accent) 84%,#6c3e2a));box-shadow:inset 5px 5px #ffffff70,inset -5px -5px #6f3d3440,0 5px 0 color-mix(in srgb,var(--tile-accent) 78%,#51331f);text-shadow:0 2px #6a3c3c4d;animation:ttp-tile-pop .25s cubic-bezier(.2,.9,.35,1.3) both}.ttp-board button.is-placed:before{position:absolute;inset:6px;border-radius:8px;background:linear-gradient(135deg,#fff7,transparent 40%);content:""}.ttp-board button span{position:relative;z-index:1}.ttp-answers{position:absolute;z-index:18;bottom:48px;left:50%;display:flex;gap:13px;width:min(430px,calc(100% - 330px));justify-content:center;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px);transition:opacity .2s ease,transform .2s ease}.ttp-answers.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.ttp-answers button{display:grid;flex:1;max-width:124px;min-height:66px;cursor:pointer;place-items:center;border:5px solid #fff;border-radius:21px;color:#fff;background:linear-gradient(#7fdcf0,#3ba7cc);box-shadow:inset 0 4px #c9f8ff,0 7px #26789b;font:1000 29px/1 system-ui,sans-serif;touch-action:manipulation;transition:transform .16s ease,filter .16s ease}.ttp-answers button:nth-child(2){background:linear-gradient(#ffb46c,#ea7a43);box-shadow:inset 0 4px #ffdab2,0 7px #a94f2c}.ttp-answers button:nth-child(3){background:linear-gradient(#a997ee,#7762d1);box-shadow:inset 0 4px #d9d1ff,0 7px #5140a1}.ttp-answers button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-3px)}.ttp-answers button:active:not(:disabled){transform:translateY(3px)}.ttp-answers button:focus-visible{outline:5px solid #ffe34f;outline-offset:4px}.ttp-answers button:disabled{cursor:default;opacity:1}.ttp-answers button.is-wrong{background:linear-gradient(#ff8b9a,#e34f67);box-shadow:inset 0 4px #ffc1c9,0 7px #a82c42;animation:ttp-answer-wiggle .42s ease}.ttp-answers button.is-correct{background:linear-gradient(#82dfa1,#3fb86a);box-shadow:inset 0 4px #c9f6d6,0 7px #278349;animation:ttp-answer-pop .42s ease}.ttp-feedback{position:absolute;z-index:17;right:24px;bottom:8px;left:250px;margin:0;color:#37526b;text-align:center;font-size:14px;font-weight:1000;text-shadow:0 2px #fff,0 0 10px #fff}.ttp-feedback.is-wrong{color:#a33c4c}.ttp-feedback.is-correct{color:#237346}.ttp-beaver{position:absolute;z-index:12;bottom:23px;left:8px;width:230px;height:230px;pointer-events:none;filter:drop-shadow(0 12px 8px #51371e45);animation:ttp-beaver-idle 4s ease-in-out infinite}.ttp-beaver img{z-index:2!important;object-fit:contain}.ttp-beaver-shadow{position:absolute;z-index:1;right:12%;bottom:4%;left:12%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#52371f5c 0,#52371f26 52%,transparent 74%);filter:blur(4px)}.ttp-beaver.is-wrong{animation:ttp-beaver-wiggle .45s ease}.ttp-beaver.is-correct{animation:ttp-beaver-hop .55s ease}.ttp-scene.is-wrong .ttp-board{animation:ttp-board-shake .4s ease}.ttp-scene.is-solved .ttp-board{filter:drop-shadow(0 0 13px #fff39a)}@keyframes ttp-tile-pop{0%{opacity:.35;transform:translateY(-12px) scale(.76)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ttp-answer-wiggle{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes ttp-answer-pop{45%{transform:translateY(-7px) scale(1.08)}}@keyframes ttp-board-shake{25%{translate:-5px 0}50%{translate:5px 0}75%{translate:-3px 0}}@keyframes ttp-beaver-idle{50%{transform:translateY(-6px)}}@keyframes ttp-beaver-wiggle{25%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes ttp-beaver-hop{40%{transform:translateY(-14px) scale(1.04)}70%{transform:translateY(1px) scale(.98)}}@media(max-width:900px){.ttp-work-area{top:50%;left:50%}.ttp-board{--tile-size:65px}.ttp-beaver{bottom:28px;width:184px;height:184px}.ttp-answers{left:50%;width:min(390px,calc(100% - 210px))}.ttp-feedback{left:190px}}@media(max-width:700px){.ttp-background-image{object-position:50% center}.ttp-work-area{top:50%;left:50%}.ttp-board{--tile-size:60px;gap:6px;padding:17px;border-width:8px}.ttp-board-sign{min-height:54px;font-size:16px}.ttp-board-sign strong{min-width:62px;font-size:19px}.ttp-beaver{bottom:94px;left:-5px;width:145px;height:145px}.ttp-answers{bottom:48px;left:calc(50% + 48px);width:calc(100% - 122px);gap:8px}.ttp-answers button{min-height:58px;border-width:4px;border-radius:18px;font-size:25px}.ttp-feedback{right:10px;bottom:10px;left:125px;font-size:12px}}@media(max-width:560px){.ttp-work-area{top:50%;left:50%}.ttp-board{--tile-size:58px;gap:5px;padding:13px;border-width:7px;border-radius:24px}.ttp-board:after,.ttp-board:before{display:none}.ttp-board-sign{gap:8px;min-height:50px;padding:5px 11px 11px;border-width:4px;font-size:14px}.ttp-board-sign strong{min-width:58px;min-height:34px;padding-inline:6px;font-size:18px}.ttp-beaver{bottom:96px;left:-9px;width:132px;height:132px}.ttp-answers{bottom:48px;left:calc(50% + 43px);width:calc(100% - 108px);gap:6px}.ttp-answers button{min-height:56px;border-radius:17px;font-size:23px}.ttp-feedback{right:8px;bottom:9px;left:116px;font-size:11px}}@media(max-width:390px){.ttp-work-area{top:50%}.ttp-board{--tile-size:min(54px,calc((100vw - 54px)/5));padding:11px}.ttp-beaver{bottom:95px;width:118px;height:118px}.ttp-answers{left:calc(50% + 39px);width:calc(100% - 98px)}.ttp-feedback{left:105px}}@media(max-height:850px) and (min-width:701px){.ttp-work-area{top:50%}.ttp-board{--tile-size:60px;padding:16px}.ttp-beaver{bottom:20px;width:168px;height:168px}.ttp-answers{bottom:39px}.ttp-feedback{bottom:6px;left:180px}}@media(max-height:700px) and (max-width:700px){.ttp-work-area{top:50%}.ttp-board{--tile-size:min(50px,calc((100vw - 48px)/5));gap:4px;padding:10px;border-width:6px}.ttp-board-sign{min-height:42px;padding:4px 9px 9px;border-width:3px;font-size:12px}.ttp-board-sign strong{min-width:48px;min-height:28px;font-size:15px}}@media(prefers-reduced-motion:reduce){.ttp-answers button,.ttp-beaver,.ttp-board button.is-placed{animation:none}.ttp-answers,.ttp-answers button,.ttp-board button{transition:none}}