.turn-to-match{--hot:#e67c54;--deep:#9b4f46;--sky:#91e3e1}.turn-to-match .prek-machine{background:linear-gradient(145deg,#f0a269,#d56f60);box-shadow:inset 0 -10px #aa504d,inset 0 5px #ffe2b8,0 12px 0 #843e43,0 25px 45px #5e303d4d}.turn-to-match .prek-status{box-shadow:0 5px #8c4849}.turn-workshop-stage{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:104px 0 18px;overflow:hidden;border:0;border-radius:inherit;background:linear-gradient(#5fa8ad,#346e7f);box-shadow:none;isolation:isolate;outline:none}.turn-workshop-stage:focus-visible{box-shadow:inset 0 0 0 6px #ffec6b}.turn-bg-layer,.turn-workshop-backdrop{position:absolute!important;inset:0}.turn-workshop-backdrop{z-index:-2}.turn-bg-layer{object-fit:cover;object-position:center;image-rendering:auto}.turn-workshop-stage:after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,#245b6952,#102e3c24 50%,#10233170);pointer-events:none}.turn-workbench{position:relative;z-index:3;display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;width:min(760px,calc(100% - 80px));margin:0 auto;gap:clamp(10px,2vw,25px)}.turn-object-station,.turn-shadow-station{display:grid;justify-items:center;gap:8px}.turn-workbench h3{margin:0;padding:7px 18px;border:3px solid #fff;border-radius:999px;color:#fff;background:#db6d55ed;box-shadow:0 5px #8c403d,0 10px 17px #2b172f42;font-size:clamp(16px,2.2vw,21px);font-weight:1000;text-shadow:0 2px #7f3836}.turn-shadow-station h3{background:#348f9bed;box-shadow:0 5px #22616d,0 10px 17px #102e3542}.turn-object-ring,.turn-shadow-ring{position:relative;display:grid;width:min(265px,31vw);aspect-ratio:1;place-items:center;border:7px solid #fff6cf;border-radius:50%;background:radial-gradient(circle,#fffce9ed,#eacb92df 72%,#ba7d4ee8);box-shadow:0 9px #9a5c43,0 18px 27px #1a293c52,inset 0 0 0 5px #e8b872}.turn-shadow-ring{border-style:dashed;background:radial-gradient(circle,#d9f4f1de,#8fc5c4d9 72%,#4d898fdf);box-shadow:0 9px #326d74,0 18px 27px #102d3a52,inset 0 0 0 5px #72b2b5}.turn-object,.turn-shadow{position:relative;display:block;width:76%;aspect-ratio:1;transition:transform .38s cubic-bezier(.24,.85,.32,1.16);will-change:transform}.turn-object img,.turn-shadow img{object-fit:contain}.turn-object{filter:drop-shadow(0 10px 7px #39243452)}.turn-shadow{opacity:.38;filter:brightness(0) saturate(100%) drop-shadow(0 0 6px #ffffff)}.turn-direction-arrow{color:#fff;font-size:clamp(34px,5vw,58px);font-weight:1000;text-shadow:0 5px #375669;animation:turn-arrow-pulse 1.25s ease-in-out infinite alternate}.turn-match-check{position:absolute;z-index:4;right:-7px;bottom:3px;width:66px;height:66px;padding:10px;border:5px solid #fff;border-radius:50%;color:#fff;background:#59c86e;box-shadow:0 5px #318044;animation:turn-check-pop .45s cubic-bezier(.2,.9,.3,1.25)}.turn-feedback{position:relative;z-index:3;width:max-content;max-width:calc(100% - 180px);margin:12px auto 9px;padding:6px 17px;border-radius:999px;color:#fff;background:#284f63d9;font-size:17px;font-weight:950;text-align:center;text-shadow:0 2px #183544}.turn-controls{position:relative;z-index:5;display:flex;justify-content:center;gap:clamp(12px,3vw,26px);margin:0 auto 18px}.turn-controls button{display:flex;width:clamp(105px,17vw,145px);min-height:66px;cursor:pointer;align-items:center;justify-content:center;gap:7px;border:5px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(#6fd5df,#348fa8);box-shadow:0 7px #246478,0 13px 20px #17202f42;font-size:clamp(17px,2.4vw,23px);font-weight:1000;text-shadow:0 2px #245e70;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;touch-action:manipulation}.turn-controls button svg{width:29px;height:29px;stroke-width:3}.turn-controls button.turn-match-button{background:linear-gradient(#ffd96a,#e89a45);box-shadow:0 7px #a85d2c,0 13px 20px #17202f42;text-shadow:0 2px #9b592e}.turn-controls button:not(:disabled):hover{transform:translateY(-4px);filter:brightness(1.08)}.turn-controls button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #246478}.turn-controls button:focus-visible{outline:6px solid #ffed6b;outline-offset:4px}.turn-controls button:disabled{cursor:default;filter:saturate(.55)}.turn-workshop-character{--cherry-size:225px;position:absolute;z-index:4;bottom:10px;left:32px;width:calc(var(--cherry-size) + 72px);height:calc(var(--cherry-size) + 12px);overflow:visible;filter:drop-shadow(0 11px 8px #15263073);animation:turn-character-breathe 2.8s ease-in-out infinite;pointer-events:none}.turn-workshop-character img{top:12px!important;right:auto!important;bottom:auto!important;left:18px!important;width:var(--cherry-size)!important;height:var(--cherry-size)!important;object-fit:contain;object-position:center bottom}.turn-workshop-stage.is-wrong .turn-object-ring{animation:turn-workshop-shake .45s ease}.turn-workshop-stage.is-matched .turn-object-ring{box-shadow:0 9px #46945a,0 0 0 7px #dfff7c,0 18px 27px #1a293c52}@keyframes turn-workshop-shake{30%{transform:translateX(-9px) rotate(-2deg)}65%{transform:translateX(9px) rotate(2deg)}}@keyframes turn-check-pop{0%{transform:scale(.2) rotate(-30deg)}}@keyframes turn-arrow-pulse{to{transform:translateX(8px)}}@keyframes turn-character-breathe{50%{transform:translateY(-6px) scale(1.015)}}@media (max-width:1000px){.turn-workshop-stage{padding:142px 0 18px}}@media (max-width:720px){.turn-workbench{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);width:calc(100% - 22px);gap:5px}.turn-object-ring,.turn-shadow-ring{width:min(245px,38vw);border-width:5px}.turn-workbench h3{padding:6px 11px;border-width:2px}.turn-direction-arrow{font-size:29px}.turn-workshop-character{--cherry-size:158px;bottom:8px;left:18px}.turn-feedback{max-width:calc(100% - 120px)}.turn-controls,.turn-feedback{margin-inline:auto}}@media (max-width:520px){.turn-workshop-stage{padding:128px 0 14px}.turn-object-ring,.turn-shadow-ring{width:min(178px,39vw);border-width:4px}.turn-workbench h3{max-width:38vw;font-size:14px}.turn-direction-arrow{font-size:23px}.turn-feedback{max-width:calc(100% - 24px);margin:12px auto 8px;font-size:15px}.turn-controls{gap:8px;margin:0 8px 17px}.turn-controls button{width:31%;min-height:61px;border-width:4px;border-radius:18px}.turn-controls button svg{width:25px;height:25px}.turn-workshop-character{display:none}.turn-match-check{width:48px;height:48px;border-width:4px}}@media (max-height:700px) and (min-width:700px){.turn-object-ring,.turn-shadow-ring{width:220px}.turn-feedback{margin-block:7px}.turn-controls button{min-height:58px}.turn-workshop-character{--cherry-size:188px}}@media (prefers-reduced-motion:reduce){.turn-controls button,.turn-direction-arrow,.turn-match-check,.turn-object,.turn-object-ring,.turn-shadow,.turn-workshop-character{animation:none!important;transition:none!important}}