.room-page{--rm-bg:#0e0b13;--rm-ease:cubic-bezier(.679,0,.256,1)}.room-page,.room-page a,.room-page button,.room-page summary{touch-action:manipulation}.room-page{background:var(--rm-bg);color:#f3e9d6;font-family:var(--f-kalam),"Kalam","Comic Sans MS",cursive;font-size:16px;line-height:1.35;min-height:100vh;min-height:100svh;position:relative;overflow-x:hidden}.room-page button{font-family:inherit}.room-page .room{position:relative;width:100%;height:100vh;height:100dvh;margin:0;overflow:hidden;background:#120e18;-moz-user-select:none;user-select:none;-webkit-user-select:none;container-type:size}.room-page .stage{position:absolute;left:0;top:0;width:max(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;transform-origin:0 0;transform:translate(calc(50cqw - 50%),calc(50cqh - 50%))}html.cx-js:not(.room-failed):has(.room-page),html.cx-js:not(.room-failed):has(.room-page) body{height:100%;overflow:hidden;overscroll-behavior:none}html.cx-js:not(.room-failed) .room-page{height:100vh;height:100dvh;min-height:0;overflow:hidden}.room-page .stage .poster,.room-page .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.room-page .stage picture{display:contents}.room-page .stage .poster{object-fit:cover}.room-page .stage canvas.scene{opacity:0;transition:opacity .6s var(--rm-ease)}.room-page .stage.live canvas.scene{opacity:1}.room-page .stage.live .poster{visibility:hidden;pointer-events:none;transition:visibility 0s linear .7s}.room-page .stage canvas{touch-action:pan-y}.room-page .pan-hint{display:block!important;position:absolute;left:50%;bottom:12%;transform:translateX(-50%) rotate(-1deg);white-space:nowrap;font-size:clamp(13px,1.25cqw,17px);color:#15111c;background:#ffe14d;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;padding:.08em .7em .14em;pointer-events:none;transition:opacity .6s var(--rm-ease),visibility 0s linear .6s;font-weight:700;z-index:3}.room-page .pan-hint .h-pan{display:none}.room-page .room.poked .pan-hint,.room-page .room.reading .pan-hint,.room-page .room:has(.when[open]) .pan-hint,.room-page .stage[data-cap]~.pan-hint{opacity:0;visibility:hidden}.room-page .room .simhint{display:none}.room-page .hud{position:absolute;z-index:4;font-weight:700;font-size:clamp(11px,1.05cqw,15px);line-height:1.3;color:#15111c;pointer-events:none}.room-page .hud:empty{display:none}.room-page .hud.r{right:1.6%}.room-page .found{bottom:2.2%;right:calc(1.6% + 9.6em);background:#ffe14d;padding:.1em .9em .16em;transform:rotate(1.4deg);clip-path:polygon(0 12%,3% 0,50% 6%,97% 0,100% 18%,98% 52%,100% 88%,96% 100%,52% 94%,4% 100%,0 86%,2% 48%)}.room-page .when{position:absolute;bottom:2.2%;right:1.6%;z-index:7;font-weight:700;font-size:clamp(11px,1.05cqw,15px);line-height:1.3}.room-page .when:has(#rm-clock:empty){visibility:hidden}.room-page .when>summary{list-style:none;display:block;cursor:pointer;color:#15111c;background:#fff6dc;border:2px solid #15111c;box-shadow:2px 2px 0 #15111c;padding:.08em .65em .14em;transform:rotate(-1.5deg);position:relative;white-space:nowrap}.room-page .when>summary::-webkit-details-marker{display:none}.room-page .when>summary:after{content:"▾";margin-left:.45em;font-size:.8em;display:inline-block;transition:transform .25s var(--rm-ease);transform:rotate(180deg)}.room-page .when[open]>summary:after{transform:none}.room-page .when>summary:hover,.room-page .when[open]>summary{background:#fff}.room-page .when>summary:focus-visible{outline:3px dashed #ffe14d;outline-offset:2px}.room-page .sheet{position:absolute;bottom:calc(100% + 12px);right:0;width:min(calc(100cqw - 16px),max(300px,20em));color:#15111c;padding:.55em .7em .7em;border:3px solid #15111c;box-shadow:5px 5px 0 #15111c;transform:rotate(.6deg);transform-origin:100% 100%;background:#fff6dc;display:flex;flex-wrap:wrap;gap:.4em;font-size:1em}.room-page .sheet-h{margin:0 0 .1em;width:100%;font-size:.85em;color:#6a6458}.room-page .sheet-credit{margin:.15em 0 0;width:100%;font-size:.75em;color:#6a6458;text-align:right}.room-page .sheet-credit a{color:inherit}.room-page .sheet-hours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;width:100%}.room-page .sheet button{font:inherit;font-weight:700;color:#15111c;background:#fff6dc;border:2px solid #15111c;box-shadow:2px 2px 0 #15111c;padding:.02em .5em .08em;cursor:pointer;line-height:1.35;white-space:nowrap}.room-page .sheet-hours button:nth-child(3n+1){transform:rotate(-1deg)}.room-page .sheet-hours button:nth-child(3n){transform:rotate(1deg)}.room-page .sheet>button{flex:1 1 auto}.room-page .sheet button:hover{background:#fff;transform:translate(-1px,-1px)}.room-page .sheet button[aria-pressed=true]{background:#ffe14d}.room-page .sheet button:focus-visible{outline:3px dashed #15111c;outline-offset:1px}.room-page .when[data-dev]>summary:after{content:" · dev"}.room-page .tag{position:absolute;pointer-events:none;padding:.05em .55em .12em;background:#fff6dc;color:#15111c;font-size:clamp(13px,1.35vw,18px);font-weight:700;border:2.5px solid #15111c;white-space:nowrap;transform:translate(-50%,calc(-100% - 10px)) rotate(-1.5deg);box-shadow:3px 3px 0 #15111c;z-index:2}.room-page .tag i{font-style:normal;color:#c2361f;margin-left:.35em}.room-page .cap{position:absolute;left:50%;bottom:4%;transform:translateX(-50%) rotate(-.6deg);width:min(92%,640px);padding:.7em 2em .8em 1em;color:#15111c;font-size:clamp(15px,1.7vw,21px);line-height:1.3;border:3px solid #15111c;box-shadow:5px 5px 0 #15111c;cursor:pointer;z-index:3;background-color:#ffe14d;background-image:radial-gradient(rgba(200,120,0,.35) 1.1px,transparent 1.6px);background-size:7px 7px}.room-page .alarm[hidden],.room-page .cap .more[hidden],.room-page .cap .op[hidden],.room-page .cap[hidden],.room-page .tag[hidden]{display:none}.room-page .cap .nm{position:absolute;top:-.95em;left:.7em;background:#15111c;color:#ffe14d;font-size:.72em;padding:.05em .55em;letter-spacing:.04em;transform:rotate(-1.5deg)}.room-page .cap .ln{min-height:1.3em}.room-page .cap .op{display:flex;flex-wrap:wrap;gap:.45em;margin-top:.55em}.room-page .cap .op button{font:inherit;font-size:.82em;font-weight:700;color:#15111c;background:#fff6dc;border:2px solid #15111c;padding:0 .6em .05em;cursor:pointer;box-shadow:2px 2px 0 #15111c}.room-page .cap .op button:focus-visible,.room-page .cap .op button:hover{background:#fff;outline:none;transform:translate(-1px,-1px)}.room-page .cap .more{right:10px;bottom:4px;font-size:.8em;animation:rm-blink 1s steps(2) infinite;color:inherit;padding:0 .2em}.room-page .cap .more,.room-page .cap .x{position:absolute;background:none;border:0;cursor:pointer}.room-page .cap .x{right:6px;top:2px;color:#15111c;font:inherit;font-weight:700;font-size:1em;line-height:1;padding:.1em .3em}.room-page .cap .more:focus-visible,.room-page .cap .x:focus-visible{outline:2px dashed #15111c;outline-offset:1px}@keyframes rm-blink{50%{opacity:0}}.room-page .keys{position:absolute;inset:0;pointer-events:none}.room-page .keys button{position:absolute;pointer-events:none;opacity:0;border:0;background:none;padding:0;touch-action:pan-y;border-radius:4px}.room-page .stage:not(.live) .keys button{pointer-events:auto;cursor:pointer}.room-page .keys button:focus-visible{opacity:1;outline:3px dashed #ffe14d;outline-offset:2px}.room-page .fx{inset:0;pointer-events:none;overflow:hidden}.room-page .fx,.room-page .fx>div{position:absolute}.room-page .fx>div[hidden]{display:none}.room-page .fx-rain{background-image:repeating-linear-gradient(105deg,transparent 0 9px,rgba(210,225,255,.28) 9px 10px,transparent 10px 23px);background-size:46px 60px;animation:rm-rain .5s linear infinite;opacity:.8;mix-blend-mode:screen}@keyframes rm-rain{to{background-position:-16px 60px}}.room-page .fx-haze{background:linear-gradient(180deg,rgba(214,196,160,.42),rgba(190,170,140,.18) 70%,transparent);mix-blend-mode:screen}.room-page .alarm{position:absolute;top:9%;right:3%;font:inherit;font-weight:700;font-size:clamp(14px,1.6vw,20px);color:#15111c;background:#ff5a3c;border:3px solid #15111c;box-shadow:4px 4px 0 #15111c;padding:.1em .7em .2em;cursor:pointer;animation:rm-ring .16s var(--rm-ease) infinite alternate;z-index:3}@keyframes rm-ring{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.room-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.room-page .alarm:focus-visible{outline:3px dashed #ffe14d;outline-offset:2px}.room-page .foot{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center;padding:16px 14px 18px;font-size:14.5px;color:#8d8172}.room-page .foot a{color:#cbbfa6;text-decoration:none}.room-page .foot a:focus-visible,.room-page .foot a:hover{color:#ffe14d}html.cx-js:not(.room-failed) .room-page .foot{position:fixed;left:50%;bottom:10px;z-index:9;transform:translateX(-50%) rotate(-.5deg);padding:.3em .9em .4em;font-size:14px;white-space:nowrap;background:#15111c;border:2px solid #ffe14d;clip-path:inset(50%)}html.cx-js:not(.room-failed) .room-page .foot:focus-within{clip-path:none}.room-page .room:not(.rm-on) .pan-hint{visibility:hidden}.room-page .found,.room-page .simmute,.room-page .when{transition:opacity .25s var(--rm-ease),visibility 0s linear .25s}@container (max-width:900px){.room-page .stage[data-cap]~.found,.room-page .stage[data-cap]~.simhud,.room-page .stage[data-cap]~.simmute,.room-page .stage[data-cap]~.when:not([open]){opacity:0;visibility:hidden}}.room-page .room .simhud{top:auto!important;bottom:calc(2.2% + 2.6em);right:1.6%}@media (orientation:portrait){.room-page .stage{transform:translateX(calc(50cqw - 48.44%))}.room-page .pan-hint{bottom:calc(2.2% + 3.2em)}.room-page .pan-hint .h-wide{display:none}.room-page .pan-hint .h-pan{display:inline}}@media (max-width:699px) and (orientation:portrait){.room-page .when{right:2.5%;font-size:12.5px}.room-page .sheet{width:calc(100cqw - 20px);font-size:13px}.room-page .sheet button{padding:.1em .3em .14em}.room-page .found{right:auto;left:50%;transform:translateX(-50%) rotate(1.4deg);font-size:12px}.room-page .alarm{top:max(17%,96px)}}@media (prefers-reduced-motion:reduce){.room-page .stage .poster,.room-page .stage canvas.scene{transition:none}.room-page .alarm,.room-page .cap .more,.room-page .fx-rain{animation:none}}html:has(.room-page),html:has(.room-page) .App,html:has(.room-page) body{background:#0e0b13!important}html:has(.room-page) .texture-overlay{display:none}.room-page .who{position:absolute;left:1.2%;top:1.6%;z-index:6;max-width:62%;gap:8px 14px;font-family:var(--f-kalam),"Kalam","Comic Sans MS",cursive}.room-page .who,.room-page .who-id{display:flex;flex-wrap:wrap;align-items:center}.room-page .who-id{margin:0;gap:6px 10px}.room-page .who-name{display:inline-block;background:#15111c;color:#ffe14d;font-weight:700;font-size:clamp(15px,1.55cqw,22px);padding:.05em .55em .12em;letter-spacing:.03em;transform:rotate(-1.5deg);box-shadow:3px 3px 0 #ffe14d}.room-page .who-line{display:inline-block;background:#fff6dc;color:#15111c;font-weight:700;font-size:clamp(12.5px,1.2cqw,18px);padding:.05em .6em .12em;border:2.5px solid #15111c;box-shadow:3px 3px 0 #15111c;transform:rotate(.6deg)}.room-page .who-nav{display:flex;gap:8px;align-items:center;position:relative}.room-page .who-dd>summary,.room-page .who-nav>a{display:inline-block;font-weight:700;font-size:clamp(12.5px,1.15cqw,17px);color:#15111c;background:#ffe14d;border:2px solid #15111c;box-shadow:2px 2px 0 #15111c;padding:0 .6em .08em;text-decoration:none;cursor:pointer;list-style:none;line-height:1.5}.room-page .who-dd>summary::-webkit-details-marker{display:none}.room-page .who-dd>summary:focus-visible,.room-page .who-dd>summary:hover,.room-page .who-nav>a:focus-visible,.room-page .who-nav>a:hover{background:#fff;transform:translate(-1px,-1px);outline:none}.room-page .who-dd>summary:focus-visible,.room-page .who-nav>a:focus-visible{outline:3px dashed #ffe14d;outline-offset:2px}.room-page .who-dd[open]>summary{background:#fff6dc}.room-page .who-pop{position:absolute;top:calc(100% + 10px);left:0;width:min(86vw,360px);z-index:8;color:#15111c;font-size:15px;line-height:1.3;padding:.6em .8em .7em;border:3px solid #15111c;box-shadow:5px 5px 0 #15111c;transform:rotate(-.6deg);background-color:#ffe14d;background-image:radial-gradient(rgba(200,120,0,.35) 1.1px,transparent 1.6px);background-size:7px 7px}.room-page .who-pop p{margin:.25em 0}.room-page .who-pending{font-size:.9em;opacity:.85}.room-page .who-links{display:flex;flex-wrap:wrap;gap:.3em .9em}.room-page .who-links a{color:#15111c;font-weight:700;text-decoration:none;border-bottom:2px solid #15111c}.room-page .who-date{font-size:.8em;color:#6a6458;margin-top:.5em}.room-page .who:has(.who-dd[open]){z-index:8}.room-page .who-ways{list-style:none;margin:.1em 0 .35em;padding:0;display:grid;gap:.4em}.room-page .who-ways a{display:flex;align-items:center;gap:.6em;min-height:2.1em;padding:0 .6em;color:#15111c;font-weight:700;text-decoration:none;background:#fff6dc;border:2px solid #15111c;box-shadow:2px 2px 0 #15111c;overflow-wrap:anywhere}.room-page .who-ways li:nth-child(odd) a{transform:rotate(-.5deg)}.room-page .who-ways li:nth-child(2n) a{transform:rotate(.5deg)}.room-page .who-ways span{flex:none;min-width:4.6em;font-size:.82em;color:#6a6458}.room-page .who-ways a:focus-visible,.room-page .who-ways a:hover{background:#fff;transform:translate(-1px,-1px);outline:none}.room-page .who-more a:focus-visible,.room-page .who-ways a:focus-visible{outline:3px dashed #15111c;outline-offset:2px}.room-page .who-more{text-align:right;font-size:.88em}.room-page .who-more a{display:inline-block;color:#15111c;font-weight:700;text-decoration:none;border-bottom:2px solid #15111c}@media (max-width:699px){.room-page .who{gap:6px 7px;left:6px;top:8px;max-width:calc(100% - 12px)}.room-page .who-id{display:contents}.room-page .who-name{font-size:16px}.room-page .who-line{order:2;font-size:12.5px}.room-page .who-dd>summary,.room-page .who-nav>a{font-size:13px}.room-page .who-nav{position:static}.room-page .who-pop{left:-2px;width:min(calc(100vw - 16px),360px)}.room-page .who-ways a{min-height:44px}.room-page .who-more a{min-height:44px;display:inline-flex;align-items:center;border-bottom:0;-webkit-text-decoration:underline 2px;text-decoration:underline 2px;text-underline-offset:3px}.room-page .who-dd>summary,.room-page .who-nav>a{position:relative}.room-page .who-dd>summary:before,.room-page .who-nav>a:before{content:"";position:absolute;inset:-10px -3px}}@container (max-width:760px) and (min-aspect-ratio:1/1){.room-page .who{gap:5px 8px;max-width:70%}.room-page .who-name{font-size:14px}.room-page .who-dd>summary,.room-page .who-line,.room-page .who-nav>a{font-size:11.5px}.room-page .room .narr{top:66px}}.room-page .narr{position:absolute;left:1.6%;top:max(9.5%,calc(1.6% + 4.2em));z-index:6;max-width:min(36%,390px);transform:rotate(-1deg);transform-origin:0 0;font-size:clamp(13px,1.45vw,19px);pointer-events:none}.room-page .narr[hidden]{display:none}.room-page .narr.alt{left:auto;right:1.6%;top:17%;transform-origin:100% 0;transform:rotate(1deg)}.room-page .narr-ln{margin:0}.room-page .narr.over,.room-page .narr.over.alt{position:absolute;left:max(14px,2vw);right:auto;top:58px;z-index:7;max-width:min(78vw,400px);transform:rotate(-1deg);transform-origin:0 0;font-size:clamp(13px,1.05vw,15px)}.room-page .narr[data-kind=voice]{background:#fff6dc;border:2px dashed #15111c;outline:none;border-radius:1.1em;box-shadow:3px 3px 0 rgba(21,17,28,.5);font-style:normal;letter-spacing:.06em;color:#3a3442}.room-page .narr-go{pointer-events:auto;display:block;margin:.5em 0 0;font:inherit;font-size:.78em;letter-spacing:.06em;color:#15111c;background:#fff6dc;border:2.5px solid #15111c;box-shadow:2px 2px 0 #15111c;padding:.12em .65em .16em;cursor:pointer;text-transform:uppercase}.room-page .narr-go[hidden]{display:none}.room-page .narr-go:focus-visible,.room-page .narr-go:hover{background:#fff;transform:translate(-1px,-1px);outline:none}.room-page .narr-go:focus-visible{outline:3px dashed #15111c;outline-offset:2px}.room-page .room.narr-on .simnote,.room-page .room.narrating .pan-hint,.room-page .room.narrating .simhint{opacity:0!important}.room-page .fx .narr-ring{border:3px solid #ffe14d;border-radius:50%;box-shadow:0 0 0 2.5px #15111c,inset 0 0 0 2.5px #15111c;animation:narr-ring 2.4s var(--rm-ease) both}@keyframes narr-ring{0%{opacity:0;transform:scale(1.35)}22%{opacity:1;transform:scale(.96)}34%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.04)}}.room-page .fx .narr-glint{overflow:hidden;mix-blend-mode:screen}.room-page .fx .narr-glint:after{content:"";position:absolute;top:-30%;bottom:-30%;width:38%;left:-45%;background:linear-gradient(100deg,transparent,rgba(255,250,225,.85) 45%,rgba(255,236,150,.95) 50%,rgba(255,250,225,.85) 55%,transparent);transform:skewX(-14deg);animation:narr-glint 1.5s var(--rm-ease) .25s 2 both}@keyframes narr-glint{0%{left:-45%}to{left:115%}}.room-page .rm-press{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;border:3px solid #15111c;box-shadow:inset 0 0 0 3px #ffe14d,0 0 0 2px rgba(255,225,77,.6);opacity:0;transform:translate(-50%,-50%);pointer-events:none;z-index:6;font-style:normal}@media (max-width:699px){.room-page .narr{max-width:74%;top:84px;font-size:13.5px}.room-page .narr.alt{top:max(24%,150px)}}@media (prefers-reduced-motion:reduce){.room-page .alarm,.room-page .fx .narr-glint:after,.room-page .fx .narr-ring{animation:none}}.room-page .comic-src{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html.room-failed .room-page .comic-src{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;max-width:720px;margin:18px auto;padding:0 14px;color:#cbbfa6;font-family:var(--cx-font-letter)}html.room-failed .room-page .comic-src a{color:#ffe14d}html.room-failed .room-page .comic-src ul{padding-left:1.1em;line-height:1.6}.narr-block{background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.room-page .sr{font-family:inherit}body:has(.room-page){font-family:system-ui,-apple-system,sans-serif}html:has(#rm-comic:not([hidden])){overflow:hidden}.room-page.lost{display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden}.room-page.lost .lost-room{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.8);pointer-events:none}.room-page.lost .lost-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;max-width:min(92vw,560px)}.room-page.lost .lost-no{margin:0;display:inline-block;background:#15111c;color:#ffe14d;font-weight:700;font-size:22px;padding:.02em .55em .1em;transform:rotate(-2deg);box-shadow:3px 3px 0 #ffe14d}.room-page.lost .lost-narr{margin:0;font-size:clamp(20px,4.4vw,30px);font-weight:600;transform:rotate(-1deg)}.room-page.lost .lost-nav{flex-wrap:wrap;gap:10px;margin-top:6px}.room-page.lost .lost-nav>a{font-size:17px}html:has(.cx-root),html:has(.room-page){scrollbar-width:thin;scrollbar-color:rgba(243,233,214,.3) transparent}html:has(.cx-root) ::-webkit-scrollbar,html:has(.room-page) ::-webkit-scrollbar{width:6px!important;height:6px!important;background:transparent!important}html:has(.cx-root) ::-webkit-scrollbar-track,html:has(.room-page) ::-webkit-scrollbar-track{background:transparent!important}html:has(.cx-root) ::-webkit-scrollbar-thumb,html:has(.room-page) ::-webkit-scrollbar-thumb{background:rgba(243,233,214,.3)!important;border-radius:3px}