.punch-room30{position:absolute;inset:0;overflow:hidden;isolation:isolate;container-type:size;direction:rtl;font-family:var(--game-font,'Fredoka Game',Arial);color:#d9e9aa;background:#172f2a}.punch-room30 [hidden]{display:none!important}.pc32-art{position:absolute;inset:0;background:url('./assets/v32/terminal.webp') center/100% 100% no-repeat;z-index:-1}.pc30-terminal{position:absolute;inset:0}.punch-room30 button{font:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}.punch-room30 button:focus-visible{outline:3px solid #ffdc7d;outline-offset:-4px}.pc32-steps{position:absolute;opacity:0;pointer-events:none}.pc30-display{position:absolute;left:28.1%;top:15.4%;width:36%;height:12%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6cqh;padding:.3cqh 1cqw;box-sizing:border-box;text-shadow:0 0 .6cqw #a3d47a33;line-height:1.1}.pc30-display small{font-size:1.65cqw;font-weight:500;opacity:.85}.pc30-display h2{font-size:1.9cqw;font-weight:500;margin:0;line-height:1.1}.pc30-display h2:empty{display:none}.pc30-digits{direction:ltr;display:flex;justify-content:center;gap:1.2cqw}.pc30-digits>b{width:3cqw;font:500 3.1cqw/1 var(--game-font,Arial);border-bottom:2px solid #aac17c;padding-bottom:.3cqh}.pc30-digits>b.is-next{border-bottom-color:#f2d081}.pc30-display[data-tone=bad]{color:#ffb394}.pc30-display.is-error{animation:pc32-shake .2s ease-out}.pc30-keypad-panel{position:absolute;left:32.35%;top:30.1%;width:28.1%;height:47.9%}.pc30-keypad{position:absolute;inset:0;display:grid;direction:ltr;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:1.7cqh 1cqw}.pc30-keypad button{background:transparent;border:0;border-radius:1cqw;padding:0;color:#394437;font-size:3.6cqw;font-weight:500;text-shadow:0 1px #fff0b9;line-height:1;transition:transform .08s,background .1s}.pc30-keypad button.pc31-worn{color:#3b3a2a;text-shadow:0 1px #f7dfaa;font-weight:500}.pc30-keypad button:active{transform:translateY(.4cqh);background:#1b423c22}.pc30-keypad button:disabled{cursor:default}.pc32-entrance[data-phase=swipe] .pc30-keypad button{opacity:.25}.pc30-keypad .pc30-confirm{font:500 4cqw/1 Arial;color:#426b46}.pc30-swipe{position:absolute;left:24%;top:77%;width:41%;height:17%}.pc30-track{position:absolute;inset:0;direction:ltr;touch-action:none;cursor:grab;user-select:none;outline-offset:0}.pc30-track.is-dragging{cursor:grabbing}.pc30-swipe-card{position:absolute;left:4px;top:50%;margin-top:-6cqh;width:34%;height:12cqh;display:flex;direction:rtl;align-items:center;gap:.6cqw;box-sizing:border-box;padding:1cqh .6cqw .5cqh;border:2px solid #e5e0c4;border-radius:.6cqw;background:#e9dec0;box-shadow:0 .7cqh 1cqh #101c1c99;z-index:3;color:#2d4640;will-change:transform;rotate:-2deg;overflow:hidden}.pc30-swipe-card>img{height:87%;width:32%;object-fit:contain;pointer-events:none}.pc30-swipe-card>span{display:flex;flex-direction:column;gap:.4cqh;pointer-events:none;flex:1}.pc30-swipe-card b{font-size:1.3cqw}.pc30-swipe-card small{font-size:.7cqw}.pc30-swipe-card span>i{height:1.3cqh;background:repeating-linear-gradient(90deg,#30463e 0 2px,transparent 2px 4px,#30463e 4px 5px,transparent 5px 7px)}.pc32-stripe{position:absolute;top:.3cqh;left:0;right:0;height:.5cqh;background:#495142}.pc30-track:not(.is-dragging) .pc30-swipe-card{transition:transform .2s}.pc30-speed{position:absolute;bottom:-1cqh;left:25%;width:50%;height:.5cqh;opacity:.8;background:#102820;border-radius:2px;overflow:hidden}.pc30-speed>i{display:block;width:calc(var(--pc30-progress,0)*100%);height:100%;background:#efd98d}.pc30-speed.is-ready>i{background:#87d58e}.pc30-speed.is-slow>i{background:#e8a374}.pc32-led{position:absolute;left:67.2%;top:81.4%;width:1.4%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 1cqw #e25b3e99;background:#d34c36}.pc32-led.is-green{background:#68ef75;box-shadow:0 0 1.3cqw #87ff7ccc}.pc32-note-hit{position:absolute;left:79%;top:19%;width:17%;height:43%;border:0;background:transparent;transform:rotate(-5deg)}.pc32-note-hit:hover{background:#fff5c706}.pc32-rescue{position:absolute;left:77.6%;top:65%;width:19%;padding:1cqh .6cqw;box-sizing:border-box;rotate:-3deg;color:#403b28;background:#f0dcaa;border:2px solid #897548;box-shadow:0 .4cqh .8cqw #17251b55;text-align:center}.pc32-rescue small{font-size:1.5cqw}.pc32-rescue strong{display:block;font:2.4cqw monospace;letter-spacing:.2em}.pc30-david{position:absolute;bottom:2%;left:2%;max-width:27%;margin:0;padding:1cqh 1cqw;font-size:1.7cqw;color:#2a3931;background:#f1dfb8;border:2px solid #344134;border-radius:1cqw}.pc30-david:empty{display:none}.pc30-stamped{position:absolute;inset:0;pointer-events:none}.pc32-stamp{position:absolute;left:42%;top:48%;font:600 13cqw/1 Arial;color:#d0efb2;filter:drop-shadow(0 .5cqh #173827);animation:pc32-stamp .6s both}.pc32-entrance[data-phase=stamped] .pc32-art{filter:brightness(1.1)}.pc30-paused{position:absolute;inset:0;display:grid;place-items:center;background:#102922cc;font-size:3cqw}.pc32-entrance[data-phase=stamped]{animation:pc32-door-open 1.4s both}@keyframes pc32-stamp{0%{opacity:0;scale:2;rotate:-20deg}60%{opacity:1;scale:.94;rotate:-10deg}100%{scale:1;rotate:-10deg}}@keyframes pc32-shake{25%{translate:-4px}75%{translate:4px}}@keyframes pc32-door-open{0%,65%{transform:none}100%{transform:scale(1.07);filter:brightness(.7)}}@media(prefers-reduced-motion:reduce){.pc32-entrance[data-phase=stamped],.pc32-stamp,.pc30-display.is-error{animation:none}.pc30-swipe-card{transition:none!important}}