.room-page .simmute{position:absolute;left:1.6%;bottom:2.2%;font:inherit;font-weight:700;font-size:clamp(11px,1.05cqw,15px);line-height:1.3;color:#15111c;background:#fff6dc;border:2px solid #15111c;border-radius:0;box-shadow:2px 2px 0 #15111c;padding:.06em .65em .12em;cursor:pointer;transform:rotate(-1.5deg);z-index:4}.room-page .simmute:hover{background:#fff}.room-page .simmute:focus-visible{outline:3px dashed #ffe14d;outline-offset:2px}.room-page .simmute[hidden]{display:none}.room-page .simmute[aria-pressed=false],.room-page .simmute[data-sound=off]{color:#c2361f;background:#efe5cd}.room-page .simhud{top:calc(1.6% + 2.7em)!important;font-size:clamp(11px,1cqw,14px)!important;background:#ffe14d;padding:.08em .8em .12em;transform:rotate(-1deg)}.room-page .simhud[hidden],.room-page .simnote[hidden],.room-page .simterm[hidden]{display:none}.room-page .simnote{left:1.6%;bottom:calc(2.2% + 2.8em);font-size:clamp(11px,1.05cqw,15px);background:#ffe14d;border:2px solid #15111c;box-shadow:2px 2px 0 #15111c;padding:.06em .65em .12em;transform:rotate(1deg);transition:opacity .6s cubic-bezier(.679,0,.256,1);z-index:4}.room-page .simnote,.room-page .simpop{position:absolute;font-weight:700;color:#15111c;pointer-events:none}.room-page .simpop{transform:translate(-50%,-100%) rotate(-4deg);font-size:clamp(13px,1.5vw,20px);background:#fff6dc;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;padding:0 .5em .1em;white-space:nowrap;animation:simpop .26s cubic-bezier(.679,0,.256,1) both;transition:opacity .5s cubic-bezier(.679,0,.256,1)}.room-page .simpop.out{opacity:0}@keyframes simpop{0%{transform:translate(-50%,-80%) rotate(-8deg) scale(.6)}to{transform:translate(-50%,-100%) rotate(-4deg) scale(1)}}.room-page .simterm{position:absolute;left:33%;top:31%;width:min(36%,460px);background:#0d0f14;color:#cfe8d4;border:3px solid #15111c;box-shadow:5px 5px 0 #15111c;font-family:var(--f-mono),"Fragment Mono",ui-monospace,monospace;font-size:clamp(10px,1.05vw,13.5px);padding:.6em .8em .7em;z-index:4}.room-page .simterm .th{color:#8aa;margin-bottom:.5em;padding-right:1.6em}.room-page .simterm .ta{display:flex;gap:.6em;align-items:center;padding:.18em 0}.room-page .simterm .ta b{color:#5aff8a}.room-page .simterm .ta.fail b{color:#ff5a3c}.room-page .simterm .ta.wait b{color:#ffe14d}.room-page .simterm .ta.retry b{color:#7ab8ff}.room-page .simterm .ta.asleep b,.room-page .simterm .ta.idle b{color:#556}.room-page .simterm .n{width:6.5em}.room-page .simterm .s{flex:1;color:#9db}.room-page .simterm .ta.fail .s{color:#ff8d78}.room-page .simterm button{font:inherit;color:#15111c;background:#ffe14d;border:2px solid #15111c;padding:0 .5em;cursor:pointer}.room-page .simterm .tx{position:absolute;top:.35em;right:.45em;background:none;color:#cfe8d4;border:0;font-size:1.2em}.room-page .simterm .dead{color:#888;margin:.4em 0}.room-page .simtray{position:absolute;transform:translate(-50%,calc(-100% + 10px));justify-content:center;display:flex;flex-wrap:wrap;gap:.45em;max-width:min(70%,860px);opacity:0;transition:opacity .3s cubic-bezier(.679,0,.256,1),transform .3s cubic-bezier(.679,0,.256,1);z-index:4}.room-page .simtray.on{opacity:1;transform:translate(-50%,-100%)}.room-page .simtray .sec{font:inherit;font-size:clamp(11px,1.15vw,15px);color:#15111c;background:#fff6dc;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;padding:.15em .55em .2em;cursor:pointer;text-align:left;display:flex;flex-direction:column;line-height:1.15}.room-page .simtray .sec:nth-child(odd){transform:rotate(-1.5deg)}.room-page .simtray .sec:nth-child(2n){transform:rotate(1.2deg)}.room-page .simtray .sec small{font-size:.75em;color:#6a6458}.room-page .simtray .sec em{font-style:normal;font-size:.7em;color:#c2361f}.room-page .simtray .sec.seen{background:#ffe14d}.room-page .simtray .sec.close{background:#2a2230;color:#fff6dc;justify-content:center}.room-page .simcard{position:absolute;inset:0;margin:auto;width:min(40%,420px);height:-moz-fit-content;height:fit-content;background:#fff6dc;border:3px solid #15111c;box-shadow:6px 6px 0 #15111c;padding:1em;text-align:center;z-index:5;transform:rotate(-1deg)}.room-page .simcard img{width:60%;image-rendering:auto;filter:drop-shadow(3px 4px 0 rgba(21,17,28,.35))}.room-page .simcard p{color:#15111c;font-size:clamp(16px,2vw,24px);margin:.4em 0}.room-page .simcard button{font:inherit;font-weight:700;color:#15111c;background:#ffe14d;border:2px solid #15111c;cursor:pointer}.room-page .simdev{position:fixed;right:8px;bottom:8px;width:430px;max-width:96vw;background:rgba(14,11,19,.94);color:#e8dcc6;border:1px solid #4a3e52;border-radius:6px;font:11px/1.35 var(--f-mono),Fragment Mono,ui-monospace,monospace;z-index:50;padding:6px 8px}.room-page .simdev.min .db{display:none}.room-page .simdev .dh{display:flex;gap:6px;align-items:center}.room-page .simdev .dh span{flex:1}.room-page .simdev button{font:inherit;color:#f3e9d6;background:#2a2230;border:1px solid #4a3e52;border-radius:4px;padding:1px 6px;margin:2px 2px 0 0;cursor:pointer}.room-page .simdev input{width:100%}.room-page .simdev pre{white-space:pre-wrap;margin:4px 0 0;font:inherit;color:#bfb2a0;max-height:180px;overflow:auto}.room-page .simpencil{position:absolute;transform:translate(-4px,-24px);opacity:0;pointer-events:none;transition:opacity .15s cubic-bezier(.679,0,.256,1);z-index:6;filter:drop-shadow(1px 1px 0 rgba(21,17,28,.4))}.room-page .simpencil.on{opacity:.6}.room-page .simworld{position:absolute;inset:0;pointer-events:none}.room-page .simworld>*{pointer-events:auto}.room-page .simworld .simpop{pointer-events:none}.room-page .simprint{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,8,14,.55);z-index:7;padding:4%}.room-page .simprint[hidden]{display:none}.room-page .simprint .paper{position:relative;width:min(56%,340px);aspect-ratio:240/310;background:#f6f0e2;border:2px solid #15111c;box-shadow:6px 7px 0 #15111c,0 18px 40px rgba(0,0,0,.45);transform:rotate(-2.2deg);overflow:hidden;animation:simprint .45s cubic-bezier(.679,0,.256,1) both}.room-page .simprint .paper img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.05) saturate(.9)}.room-page .simprint .paper .dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(21,17,28,.22) 1px,transparent 1.5px);background-size:5px 5px;mix-blend-mode:multiply}.room-page .simprint .paper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%,rgba(60,40,20,.08));pointer-events:none}.room-page .simprint .cap{position:static;transform:rotate(-.6deg);margin:.8em 0 0;width:auto;font-size:clamp(13px,1.4vw,17px);padding:.1em .7em .2em}.room-page .simprint .cap,.room-page .simprint .x{background:#ffe14d;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;color:#15111c}.room-page .simprint .x{position:absolute;top:3%;right:3%;font:inherit;font-weight:700;font-size:20px;width:1.8em;height:1.8em;cursor:pointer}@keyframes simprint{0%{transform:translateY(30px) rotate(4deg);opacity:0}to{transform:rotate(-2.2deg);opacity:1}}.room-page .simhint{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.3em;pointer-events:none;z-index:6;transition:opacity .5s cubic-bezier(.679,0,.256,1)}.room-page .simhint.out{opacity:0}.room-page .simhint span{font-weight:700;font-size:15px;color:#15111c;background:#ffe14d;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;padding:.1em .7em .15em;white-space:nowrap}.room-page .simhint .hand{animation:simhand 2.2s ease-in-out infinite;transform-origin:60px 100px}.room-page .simhint .f1{animation:simf1 2.2s ease-in-out infinite}.room-page .simhint .f2{animation:simf2 2.2s ease-in-out infinite}@keyframes simhand{0%,to{transform:translateY(0)}50%{transform:translateY(-4px) rotate(-3deg)}}@keyframes simf1{0%,to{transform:translate(8px,6px);opacity:.3}50%{transform:translate(-8px,-6px);opacity:1}}@keyframes simf2{0%,to{transform:translate(-8px,6px);opacity:.3}50%{transform:translate(8px,-6px);opacity:1}}.room-page .simpulse{animation:simpulse .9s ease-out 2}@keyframes simpulse{0%{box-shadow:0 0 0 0 rgba(255,225,77,.9);background:#ffe14d;color:#15111c}to{box-shadow:0 0 0 12px rgba(255,225,77,0)}}.room-page .simarrow{position:absolute;transform:translate(-50%,-50%);z-index:6;font:inherit;font-weight:700;color:#15111c;background:#ffe14d;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;border-radius:999px;padding:.15em .55em;display:flex;gap:.35em;align-items:center;cursor:pointer;animation:simbob .8s ease-in-out infinite}.room-page .simarrow[hidden]{display:none}.room-page .simarrow span{display:inline-block;font-size:18px;line-height:1}.room-page .simarrow i{font-style:normal;font-size:12px;white-space:nowrap}@keyframes simbob{50%{margin-top:-3px}}@media (prefers-reduced-motion:reduce){.room-page .simarrow,.room-page .simhint .f1,.room-page .simhint .f2,.room-page .simhint .hand,.room-page .simpulse{animation:none}}.room-page .room.touch .tag{display:none}.room-page .simgib{position:absolute;transform:translate(-50%,-50%);font:700 10px/1 var(--f-mono),Fragment Mono,ui-monospace,monospace;color:#7dffa0;background:rgba(8,12,10,.85);padding:2px 4px;white-space:nowrap;pointer-events:none}.room-page .simglitch{position:absolute;width:7.4%;height:9.4%;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,rgba(255,40,90,.55) 0 2px,transparent 2px 5px),linear-gradient(90deg,rgba(0,255,220,.35),transparent 60%);animation:simglitch .4s steps(4) both}@keyframes simglitch{0%{transform:translate(0)}25%{transform:translate(-4px,1px)}50%{transform:translate(3px,-2px);opacity:.6}75%{transform:translate(-2px,2px)}to{transform:none;opacity:0}}.room-page .simleaf{position:absolute;pointer-events:none;animation:simleaf 2.5s cubic-bezier(.3,.1,.6,1) both}@keyframes simleaf{0%{transform:translate(0) rotate(0)}30%{transform:translate(18px,60px) rotate(60deg)}60%{transform:translate(-10px,140px) rotate(-40deg)}to{transform:translate(12px,230px) rotate(80deg);opacity:0}}.room-page .simprint .paper .ptext[hidden],.room-page .simprint .paper img[hidden]{display:none}.room-page .simprint .paper .ptext{position:absolute;inset:12% 10% auto;margin:0;font-family:Kalam,cursive;font-size:clamp(14px,1.8vw,22px);line-height:1.35;color:#2b2430;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:699px){.room-page .simterm{width:max(260px,min(36%,460px));left:max(4px,min(33%,calc(100% - 300px)))}}.room-page .simprint .paper{grid-area:1/1}.room-page .simprint .cap{grid-area:2/1}.room-page .simprint .x{position:relative;top:auto;right:auto;grid-area:2/1;justify-self:end}@media (max-height:499px){.room-page .simprint{align-content:start}.room-page .simprint .paper{width:auto;height:calc(100svh - 150px)}}