:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eeeae2;background:#171c24;font-synthesis:none;color-scheme:dark;--radius: 8px;--stroke: #ffffff20;--surface: #272b2a;--muted: #b5b9b4;--ease-out: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #e9d4ac;outline-offset:3px}button:disabled,button[aria-disabled=true]{opacity:.4;cursor:default}button{transition:background .14s ease,transform .12s var(--ease-out)}button:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}[hidden]{display:none!important}#scene{position:fixed;inset:0}#scene canvas{display:block;touch-action:none}.room-grain{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 50%,#03091036);z-index:1}.masthead{position:fixed;top:max(24px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;z-index:2;text-shadow:0 1px 8px #0006}.room-name{font-size:15px;font-weight:500}.room-meta{text-align:right;pointer-events:auto}#time{font-size:12px;font-variant-numeric:tabular-nums;color:#dddcd4}.quiet-links{display:flex;gap:14px;justify-content:flex-end;margin-top:10px;font-size:11px;color:#c3c5bc}.quiet-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}#loading{position:fixed;inset:0;z-index:20;background:#1c2126;display:flex;flex-direction:column;justify-content:center;align-items:center}#loading p{font-size:18px;font-weight:500;margin:18px 0 10px}#loading-detail{font-size:13px;color:var(--muted)}.loading-mark{width:24px;height:24px;border:2px solid #ffffff25;border-top-color:#d5d5c6;border-radius:50%;animation:loading .9s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.room-footer{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:5;display:flex;align-items:center;flex-direction:column;gap:12px;pointer-events:none}#invitation{font-size:12px;margin:0;color:#ece9df;text-shadow:0 1px 6px #000;transition:opacity .16s ease}.focused #invitation{visibility:hidden}.dock{pointer-events:auto;display:flex;align-items:center;gap:2px;padding:5px;border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--stroke),0 6px 24px #0003}.dock button{border:0;border-radius:var(--radius);padding:0 13px;background:transparent;font-size:12px;min-height:40px;white-space:nowrap}.dock button:hover,.dock button[aria-expanded=true]{background:#ffffff0e}.dock button[aria-pressed=true]{color:#f2dbad}.divider{width:1px;height:18px;background:var(--stroke);margin:0 3px}.lamp-dot{display:none}.object-control{position:fixed;z-index:3;transform:translate(-50%,-50%);min-width:44px;min-height:44px;padding:10px 14px;border:0;border-radius:var(--radius);background:transparent;color:transparent;pointer-events:none;opacity:0}.object-control:active:not(:disabled){transform:translate(-50%,-50%)}.object-control:focus-visible{opacity:1;color:#fff;background:var(--surface);pointer-events:auto}.exploring #object-controls{position:fixed;z-index:6;bottom:88px;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 32px));padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--surface);border-radius:var(--radius);box-shadow:0 0 0 1px var(--stroke),0 12px 32px #0004}.exploring .object-control{position:static;transform:none;opacity:1;pointer-events:auto;color:inherit;text-align:left;font-size:12px}.exploring .object-control:hover{background:#ffffff0d}.focused .object-control{visibility:hidden}#tooltip{position:fixed;z-index:4;pointer-events:none;background:var(--surface);color:#eeeae2;border-radius:var(--radius);box-shadow:0 0 0 1px var(--stroke);font-size:12px;padding:8px 11px;opacity:0;transition:opacity 125ms ease}#tooltip.visible{opacity:1}#story{position:fixed;z-index:4;left:24px;bottom:92px;width:300px;padding:16px;background:var(--surface);border-radius:var(--radius);box-shadow:0 0 0 1px var(--stroke),0 8px 28px #0003;max-height:calc(100dvh - 200px);overflow-y:auto;overscroll-behavior:contain}#story{opacity:1;translate:0 0;transition:opacity .18s var(--ease-out),translate .18s var(--ease-out)}@starting-style{#story:not([hidden]){opacity:0;translate:0 5px}}.keyboard-navigation #story{transition:none}.object-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}#story h1{font-size:15px;line-height:1.3;font-weight:600;margin:0}#actions{display:flex;flex-wrap:wrap;gap:8px}#actions:empty{display:none}#actions button{padding:9px 12px;min-height:40px;border:0;box-shadow:0 0 0 1px var(--stroke);border-radius:var(--radius);background:#ffffff08;font-size:12px}#actions button:hover{background:#ffffff16}#interaction-hint{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}#story-details{margin-top:16px}#story-text{font-size:13px;line-height:1.6;color:#f2f2f2;margin:10px 0}#story-link{display:inline-block;padding:6px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}#screen-input{margin-top:16px}#screen-input label{display:block;font-size:12px;margin-bottom:8px}textarea{resize:vertical;display:block;width:100%;min-height:78px;max-height:160px;padding:10px;border:0;box-shadow:0 0 0 1px var(--stroke);border-radius:var(--radius);background:#1e2221;color:#eeeae2;font-size:13px;line-height:1.5;font-family:inherit}textarea::placeholder{color:#92998f}.input-footnote{display:block;font-size:11px;color:var(--muted);margin-top:8px}#asset-notice{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:3;background:var(--surface);padding:12px 16px;font-size:12px;border-radius:var(--radius);box-shadow:0 0 0 1px var(--stroke);max-width:80vw}#fallback{position:fixed;top:25%;left:10%;right:10%;text-align:center}#fallback h1{font-size:28px;font-weight:500}#fallback p{font-size:14px;line-height:1.6;color:var(--muted)}.fallback .room-grain{display:none}.fallback #object-controls{display:grid;position:fixed;bottom:140px;left:50%;transform:translate(-50%);width:min(480px,90%);grid-template-columns:repeat(3,1fr);gap:8px}.fallback .object-control{position:static;transform:none;opacity:1;color:inherit;pointer-events:auto;background:var(--surface);box-shadow:0 0 0 1px var(--stroke)}.fallback.focused #object-controls{display:none}.fallback #story{left:50%;bottom:auto;top:25%;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px),(max-aspect-ratio:4/5){.masthead{top:max(20px,env(safe-area-inset-top));left:18px;right:18px}.room-name{font-size:14px}#time{font-size:11px}.quiet-links{font-size:10px;gap:12px}.room-footer{bottom:max(12px,env(safe-area-inset-bottom));left:10px;right:10px;gap:10px}.dock{gap:0;padding:4px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:8px}.dock button,.dock .divider{flex-shrink:0}.dock button:focus-visible{outline-offset:-3px}.dock button{padding:0 10px;font-size:12px;min-height:44px}#invitation{font-size:12px}#story{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));width:auto;max-height:36dvh;padding:14px}#actions button{min-height:44px}#story-details,#screen-input{margin-top:12px}textarea{font-size:16px;line-height:1.4;max-height:90px}.focused #invitation{display:none}.exploring #object-controls{bottom:calc(80px + env(safe-area-inset-bottom))}.fallback #story{left:12px;top:20%;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}#story{width:310px;padding:18px;background:#303030;color:#fff;--radius: 2px;--muted: #e0e0e0;box-shadow:0 0 0 1px #ffffff24,0 12px 38px #0003}.object-heading{margin-bottom:16px}#story h1{font-size:17px;font-weight:500;letter-spacing:-.2px}#actions{gap:9px}#actions button{background:#ffffff09;box-shadow:0 0 0 1px #ffffff29}#story-details{margin-top:14px}#object-switcher{display:flex;justify-content:space-between;gap:10px;margin:16px -4px -4px;padding-top:10px;border-top:1px solid #ffffff14}#object-switcher button{min-height:38px;flex:1;padding:7px 4px;border:0;border-radius:var(--radius);background:transparent;color:#ededed;font-size:12px;text-align:left}#object-switcher button:last-child{text-align:right}#object-switcher button:hover{color:#fff;background:#ffffff08}#object-switcher button:focus-visible{outline-offset:1px}#screen-input{margin-top:14px}textarea{min-height:64px}@media(max-width:700px),(max-aspect-ratio:4/5){#story{width:auto;padding:12px 16px 10px;max-height:min(36dvh,calc(100dvh - 160px));scroll-padding-block:10px}.object-heading{margin-bottom:10px}#story h1{font-size:16px}#screen-input{margin-top:12px}#screen-input label{margin-bottom:6px}textarea{min-height:56px;padding:8px 10px}.input-footnote{margin-top:6px}#story-details{margin-top:10px}#object-switcher{margin-top:10px;padding-top:5px;padding-bottom:4px}#object-switcher button{min-height:44px}}#story[data-object=window]{width:min(360px,calc(100vw - 24px));right:auto;padding:10px 12px 6px}#story[data-object=window] .object-heading{margin-bottom:6px}#story[data-object=window] h1{font-size:15px}#story[data-object=window] #actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#story[data-object=window] #actions button{min-height:44px;padding:7px 6px;line-height:1.35}#story[data-object=window] #interaction-hint{margin-top:8px}#story[data-object=window] #object-switcher{margin-top:8px;padding-top:4px;padding-bottom:0}#story[data-object=window] #object-switcher button{min-height:44px}#story-title:focus{outline:none}#story textarea{background:#252525;color:#fff}