*{box-sizing:border-box}body{margin:0;background:#faf7ef;color:#302f2a;font-family:system-ui,-apple-system,sans-serif}header{padding:20px 5%;border-bottom:1px solid #ded5c5;display:flex;justify-content:space-between;gap:16px}header span{font-size:12px;color:#86643e}main{max-width:880px;margin:32px auto;padding:0 18px}h1{font-size:clamp(22px,4vw,32px);margin:10px 0}.eyebrow{font-size:12px;letter-spacing:.15em;color:#855327}p{line-height:1.7}.desk{border:1px solid #dacfbf;border-radius:20px;background:#ecdfcc;overflow:hidden;box-shadow:0 10px 25px #50391612}svg{display:block;width:100%;height:auto;touch-action:pan-y}.piece{cursor:grab;touch-action:none;outline:none}.piece:focus .tile,.piece.selected .tile{stroke:#bb872c;stroke-width:2.8}.tile{fill:#faffff55;stroke:#71908f;stroke-width:1.3}.letter{stroke:#263f45;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none}.controls{position:relative;background:#faf7eff5;border:1px solid #e2d9ca;border-radius:16px;padding:12px;margin-top:14px;text-align:center;box-shadow:0 -4px 15px #46321e0b}#selection{font-size:13px;margin:0 0 8px}.buttons{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}button{font:inherit;min-height:44px;padding:8px 15px;border-radius:12px;border:1px solid #d7c7ac;background:#fffdf8;color:#654928;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid #a97a38;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.primary{background:#f4c56c;color:#37280f;font-weight:700;margin-top:10px;width:min(100%,340px)}.quiet{border:0;background:transparent;font-size:12px;min-height:35px}#result{margin:8px 0;font-weight:650;font-size:14px}#result:empty{display:none}.success{color:#256649}details,aside{margin:24px 0;font-size:13px;color:#6e685d;line-height:1.8}summary{cursor:pointer}aside{border-top:1px solid #ded5c5;padding-top:15px}@media(max-width:480px){main{padding:0 10px;margin-top:22px}header{padding:16px}.controls{bottom:4px}.buttons button{padding:8px 13px}}
[hidden]{display:none!important}.escape-screen{min-height:calc(100svh - 65px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,#fff9da 0%,#faf7ef 57%,#ede9df 100%);text-align:center;padding:38px 20px 48px}.escape-content{position:relative;max-width:660px;margin:auto}.escape-seal{display:inline-flex;align-items:center;gap:9px;color:#568477;font-size:20px}.escape-seal span{font-size:10px;letter-spacing:.22em;font-weight:650}.escape-art{position:relative;height:245px;width:320px;max-width:100%;margin:14px auto 0;perspective:850px}.escape-glow{position:absolute;inset:15px -50px -15px;background:radial-gradient(ellipse,#f6d88980,transparent 66%)}.escape-floor{position:absolute;bottom:-5px;left:10%;width:80%;height:60px;background:linear-gradient(#e9c66e44,transparent);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.escape-doorway{position:absolute;left:85px;top:22px;width:150px;height:210px;border:8px solid #d3bc91;border-bottom:0;border-radius:80px 80px 0 0;box-shadow:0 0 0 6px #f1e4c9,0 18px 30px #a5803730;perspective:700px}.escape-light{position:absolute;inset:0;border-radius:70px 70px 0 0;background:linear-gradient(#fffef0,#fff8d1);box-shadow:0 0 60px #ffea9c;animation:light-up 1.8s ease-out both}.escape-door{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(110deg,#7b9c94,#4b756e);border:2px solid #51746a;backface-visibility:visible;animation:door-open 1.7s cubic-bezier(.2,.7,.2,1) both}.escape-door:before{content:"";position:absolute;inset:37px 9px 13px;border:1px solid #dbe8db66;border-radius:22px 4px 0 0}.escape-door:after{content:"";position:absolute;top:57%;right:8px;width:5px;height:21px;border-radius:3px;background:#edce81}.escape-door.left{left:0;transform-origin:left center;border-radius:70px 0 0 0;--swing:-67deg}.escape-door.right{right:0;transform-origin:right center;border-radius:0 70px 0 0;--swing:67deg}.escape-door.right:after{right:auto;left:8px}.spark{position:absolute;font-style:normal;color:#c89a45;animation:spark-in 1.6s ease-out both}.s1{top:53px;left:36px;font-size:26px}.s2{top:105px;right:25px;font-size:32px;animation-delay:.15s}.s3{bottom:42px;left:44px;font-size:15px;animation-delay:.3s}.s4{top:16px;right:55px;font-size:18px}.escape-kicker{letter-spacing:.3em;font-size:11px;color:#967744;margin:28px 0 8px}.escape-screen h1{font-size:clamp(42px,8vw,66px);letter-spacing:.18em;text-indent:.18em;line-height:1.3;margin:0;font-weight:750;color:#35584f;outline:none}.escape-line{width:36px;height:2px;background:#c9a463;margin:21px auto}.escape-story{font-size:18px;font-weight:650;margin:0 0 14px}.escape-message{font-size:14px;color:#746f62;line-height:2;margin:0}.escape-caption{font-size:11px;letter-spacing:.08em;color:#908977;margin:25px 0 16px}.escape-back{background:#fffdf7;border:1px solid #cfbea0;border-radius:30px;padding:13px 26px;color:#5a6656;font-size:14px;min-height:48px}.escape-back span{margin-left:16px}.escape-back:hover{background:#f4eddb}@keyframes door-open{from{transform:rotateY(0)}to{transform:rotateY(var(--swing))}}@keyframes light-up{from{opacity:.2}to{opacity:1}}@keyframes spark-in{from{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.escape-screen{padding:26px 16px 36px}.escape-art{height:225px;transform:scale(.92);margin:4px auto 0}.escape-kicker{margin-top:18px}.escape-story{font-size:16px}.escape-message{font-size:13px}}@media(prefers-reduced-motion:reduce){.escape-door{animation:none;transform:rotateY(var(--swing))}.escape-light,.spark{animation:none}}

.video-back{display:inline-block;color:#446a59;margin-bottom:24px;text-decoration:underline;text-underline-offset:4px}