*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}body{font-family:ui-rounded,"Arial Rounded MT Bold",Arial,sans-serif;background:#168f9b;color:#432a59}.game-screen{--ma-game-style:mixed-up-word;position:relative;width:100%;height:100dvh;isolation:isolate;overflow:hidden}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.corner-button{position:absolute;z-index:20;cursor:pointer}.workspace{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.5dvh,28px);padding:82px 16px 24px}.heading{font-size:clamp(19px,2.8vw,30px);letter-spacing:.02em;text-align:center;margin:0;color:#40294f;text-shadow:0 1px #f9f5d7}.progress{display:flex;justify-content:center;gap:9px}.progress i{display:block;width:11px;height:11px;border:2px solid #fff3d2;border-radius:50%;background:#497e85;box-shadow:0 2px 3px #124c4b55}.progress i.current{background:#fff5b4;box-shadow:0 0 8px #fff5b466}.progress i.done{background:#b9efc8}.hero{display:flex;justify-content:center;align-items:center;position:relative;height:clamp(130px,32dvh,330px);width:min(90vw,410px);flex-shrink:1}.hero picture,.hero img{display:block;height:100%;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.hero.completed{animation:kitchen-completion-glow 850ms ease-in-out both!important}.hero.reward{animation:toy-bounce 1100ms ease-in-out}.word-area{display:flex;flex-direction:column;align-items:center;gap:12px}.model{font-size:clamp(18px,2.6vw,25px);font-weight:800;letter-spacing:.2em;color:#3d294f;text-shadow:0 1px #fff7dc}.slots,.pieces{display:flex;justify-content:center;gap:clamp(5px,1.2vw,12px);flex-wrap:nowrap}.slots{padding:9px 12px;border-radius:24px;background:linear-gradient(#673b76,#482b5b);box-shadow:0 6px 0 #302443,0 9px 17px #15494a44}.slot,.piece{position:relative;display:grid;place-items:center;width:var(--tile,64px);height:calc(var(--tile,64px)*1.08);border-radius:15px;border:2px solid transparent;font-weight:900;font-size:calc(var(--tile,64px)*.56);line-height:1;touch-action:none;user-select:none;cursor:pointer}.slot{background:#35213e;color:#d9c7df;box-shadow:inset 0 3px 7px #1d142faa,inset 0 -2px #94709d}.slot.empty::after{content:"";width:30%;height:3px;background:#907497;border-radius:5px}.slot.matched{color:#493355;background:linear-gradient(#fff9df 0%,#ffedbd 55%,#f3c467);border-color:#fffbe9;box-shadow:inset 0 2px #fff,0 3px 0 #b17b45}.slot.drop-over{border-color:#fff5c6;filter:drop-shadow(0 0 5px #fff5c6) brightness(1.12)}.slot .letter{z-index:1}.fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:13px}.ma-match-shine{position:absolute;width:35%;height:150%;left:-45%;top:-20%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(18deg);--shine-travel:180px}.ma-match-glint{position:absolute;inset:0;fill:#fffad8;filter:drop-shadow(0 0 2px #ffe586)}.pieces{padding:8px 12px 13px;min-height:85px}.piece{color:#432955;background:linear-gradient(#fffbe7 0%,#fff1c7 46%,#f3cf7d 100%);border-color:#fff8df;box-shadow:inset 0 3px #fff,0 6px 0 #ba8648,0 9px 9px #124f5544;transition:transform .15s,filter .15s}.piece.selected{transform:translateY(-8px);border-color:#b3f7f1;filter:drop-shadow(0 0 4px #efffff)}.piece.used{visibility:hidden}.piece.drag-source{visibility:hidden}.drag-ghost{position:fixed;z-index:90;pointer-events:none;transform:translate(-50%,-50%) scale(1.06);margin:0}.piece.returning{animation:return-piece 260ms ease-out}.helper{min-height:24px;text-align:center;font-size:clamp(14px,2vw,17px);color:#233c48;font-weight:700;margin:0}.celebration-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:30}.celebration-screen[hidden]{display:none}.celebration-content{position:relative}.has-brand-finale .workspace{visibility:hidden}.finish-button{border:0;background:transparent;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.has-brand-finale .corner-button{display:none}@keyframes toy-bounce{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-12px) rotate(-5deg)}65%{transform:translateY(-5px) rotate(4deg)}}@keyframes return-piece{0%{transform:translateY(-7px)}100%{transform:translateY(0)}}@media(max-width:599px){.game-screen{--tile:clamp(39px,11.4vw,58px)}.workspace{padding:85px 10px 18px;gap:clamp(9px,2.1dvh,20px)}.hero{height:clamp(130px,29dvh,260px)}.slots{padding:8px 9px;border-radius:20px}.slot,.piece{border-radius:12px}.pieces{min-height:65px}.heading{font-size:20px}.helper{font-size:14px}.model{font-size:21px}}@media(orientation:landscape) and (max-height:600px){.workspace{display:grid;grid-template-columns:minmax(160px,35%) minmax(300px,55%);grid-template-rows:30px 20px 1fr auto;column-gap:20px;row-gap:8px;padding:20px 85px 14px}.heading{grid-column:1/3;font-size:21px}.progress{grid-column:1/3}.hero{grid-column:1;grid-row:3/5;height:min(65dvh,270px);width:100%}.word-area{grid-column:2;grid-row:3;align-self:end}.pieces{grid-column:2;grid-row:4}.helper{display:none}.game-screen{--tile:clamp(36px,7.5dvh,54px)}}@media(max-height:650px) and (orientation:portrait){.workspace{padding-top:80px;gap:8px}.hero{height:24dvh}.heading{font-size:18px}.model{font-size:17px}.helper{min-height:17px;font-size:12px}}@media(prefers-reduced-motion:reduce){.piece{transition:none}.hero.reward{animation:none}}/* P-NOTEXT01: auxiliary copy remains accessible, never visible. */.workspace{gap:clamp(14px,2.6dvh,26px)}.heading.sr-only,.helper.sr-only{margin:0;min-height:0;padding:0;border:0;white-space:nowrap}.slot.matched>.letter{animation:ma-match-seat 340ms ease-in-out;transform-origin:center}@media(orientation:landscape) and (max-height:600px){.workspace{grid-template-rows:20px 1fr auto;padding:30px 88px 20px;gap:12px 20px}.progress{grid-row:1}.hero{grid-row:2/4}.word-area{grid-row:2}.pieces{grid-row:3}}@media(prefers-reduced-motion:reduce){.slot.matched>.letter{animation:none}}/* Native pressed state; exact common art and geometry stay unchanged. */.game-screen.has-corner-images .corner-button:active{filter:brightness(.92)}/* V7: the chosen chest, with physical anchors shared by all six rounds. */.game-screen{background:#d6944b;--tile:64px}.world-scene{position:absolute;inset:0;width:100%;height:100%}.world-scene .backdrop{object-fit:cover;object-position:center}.workspace{position:absolute;inset:0;display:block;padding:0;height:100%}.progress{display:none}.hero{position:absolute;left:50%;translate:-50% 0;transform:none;max-width:none;flex-shrink:0}.hero img{transform:translate(var(--art-x,4.49%),var(--art-y,7.81%));filter:drop-shadow(0 5px 3px #3b271c4d)}.hero picture.entering{animation:chest-arrive 420ms ease-out both;transform-origin:50% 95%}.word-area{display:contents}.model{position:absolute;left:50%;transform:translateX(-50%);margin:0;line-height:1.15;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;background-clip:text;-webkit-background-clip:text;background-blend-mode:multiply;background-repeat:no-repeat;filter:url(#wood-engrave);font-weight:900;letter-spacing:.16em}.slots,.pieces{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-wrap:nowrap;justify-content:center;padding:0;min-height:0;background:transparent;box-shadow:none;border-radius:0}.slot,.piece{width:var(--tile);height:calc(var(--tile)*1.08);font-size:calc(var(--tile)*.55);flex:0 0 auto;border-radius:10px}.slot{background:linear-gradient(#215e63,#17454e);border:2px solid #d69c5c;box-shadow:inset 0 3px 5px #092b3788,inset 0 -2px #569da1}.slot.empty:after{height:3px;width:25%;background:#8baeb0}.slot.matched{color:#493355;background:linear-gradient(#fff9df,#ffedbd 55%,#f3c467);border-color:#fffbe9;box-shadow:inset 0 2px #fff,0 3px #b17b45}.piece{box-shadow:inset 0 3px #fff,0 5px #b77e44,0 9px 5px #35240e55}.has-brand-finale .hero{animation:none!important}@keyframes chest-arrive{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.hero picture.entering{animation:none}}/* Balance the visible glyphs around the engraved word center. */.model{padding-left:.16em}/* Same chest timber: recessed mortises and removable maple letter blocks. */.slot{border:2px solid;border-color:#754018 #c38340 #ffdb91 #a3662d;border-radius:10px;background-color:#a56935;background-image:linear-gradient(#3c1d0bb8,#7a431f73);box-shadow:inset 0 5px 7px #34190bb8,inset 3px 0 5px #58280b66,inset 0 -2px 1px #ffe2a433,0 1px 0 #ffe2a4;color:#482610;overflow:hidden}.slot.empty:after{content:'';position:absolute;inset:4px;width:auto;height:auto;border-radius:5px;background:none;border:1px solid #54290766;box-shadow:0 1px 0 #e3a15c33;pointer-events:none}.piece,.slot.matched{background-color:#edbf73;background-image:linear-gradient(#fff0bc99,#ffe3a34d 50%,#c67d2d2b);border:2px solid;border-color:#fff0be #b77a37 #aa6224 #f6d48b;border-radius:9px;color:#4b2913;text-shadow:0 1px 0 #fff0c8,0 -1px 0 #5b2b0c55;font-weight:900;box-shadow:inset 0 2px 1px #fff4cd,inset -2px 0 3px #8c4d1f33,0 5px 0 #a76329,0 7px 0 #70411e,0 10px 5px #3c210f55}.piece:after{content:'';position:absolute;left:3px;right:3px;bottom:-5px;height:3px;border-radius:0 0 3px 3px;background:repeating-linear-gradient(0deg,#c68b4a 0 1px,#ab6d32 1px 2px);pointer-events:none}.slot.matched{box-shadow:inset 0 1px 2px #fff4c4,inset 0 -2px 3px #8c481b55,0 1px 0 #ffdda2}.slot.matched>.letter{animation:none}/* Pale maple puzzle blocks resting on the rug. */.piece{border-color:#fff9df #d8b272 #bc8d4a #fff0c9;color:#513116;text-shadow:0 1px #fffdf0;background-color:#ffe9b6;box-shadow:inset 0 2px 1px #fffdef,inset -2px 0 3px #c29a5355,0 4px 0 #ceaa6c,0 6px 0 #966a35,0 9px 5px #17334d77,0 13px 10px #15344b44;transform-origin:center;isolation:isolate}.piece:after{background:repeating-linear-gradient(0deg,#dfbd82 0 1px,#c49a5f 1px 2px)}/* Owner V13: remove projected shadows; retain material highlights and solid wooden thickness. */.piece{box-shadow:inset 0 2px 1px #fffdef,inset -2px 0 3px #c29a5355,0 4px 0 #ceaa6c,0 6px 0 #966a35;filter:none}/* V14: preserve common selection/drag/seat feedback on the approved wooden scene. */.piece{transform:var(--pose);transition:transform .15s,border-color .15s}.piece.selected{transform:var(--pose) translateY(-8px);border-color:#b3f7f1;filter:none;outline:2px solid #b3f7f1;outline-offset:1px}.piece.drag-ghost{left:0;top:0;transform:translate(-50%,-50%) scale(1.06);translate:none;--pose:none;filter:none}.slot.drop-over{border-color:#fff5c6;filter:brightness(1.18);outline:2px solid #fff5c6;outline-offset:0}.slot.matched>.letter{animation:ma-match-seat 340ms ease-in-out}@media(prefers-reduced-motion:reduce){.slot.matched>.letter{animation:none}}/* Native finale structure required by the shared recommendation and art styles. */#game .finish-actions{position:relative;z-index:2;display:flex;flex-direction:column;flex:none}/* Keep the accessible navigation status inside the viewport after native document mounting. */body[data-game-module=mixed-up-word] > .navigation-status.sr-only{top:0;left:0}
