.page:has(>.room-section){max-width:none;padding-inline:0}:is(.page:has(>.room-section)>.hero,.page:has(>.room-section)>.home-posts){max-width:880px;margin-inline:auto;padding-inline:20px}@media (max-width:380px){:is(.page:has(>.room-section)>.hero,.page:has(>.room-section)>.home-posts){padding-inline:12px}}.room-section{position:relative}body:has(.room-section) .crt{box-shadow:none;background:0 0;animation:none}body:has(.room-section) .crt:after{background:0 0}.room-section .screen-display:after{content:"";z-index:9001;pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0, 0, 0, var(--scanline-opacity)) 3px 4px);position:absolute;inset:0}.room-stage{--desk-layout:stacked;--room-ink:#f3e6cf;--room-dim:#cdbb9d;--room-brass:#d9b45a;--pad:20px;max-width:880px;padding:0 var(--pad);grid-template-columns:minmax(0,1fr);grid-template-areas:"computer""toys""bar";margin:0 auto;display:grid;position:relative}@media (max-width:380px){.room-stage{--pad:12px}}.room-computer{z-index:1;grid-area:computer;min-width:0;position:relative}.room-computer:has(.computer-scene.is-expanded){z-index:1100}.room-computer:before{content:"";z-index:-1;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));top:calc(var(--desk-line,560px) - 22px);background:linear-gradient(#0000 calc(100% - 13px),#3f2414 calc(100% - 13px),#2c190d),linear-gradient(#ffd6a024,#0000 4px),repeating-linear-gradient(#7a4a2a 0 8px,#5f3720 8px 9px,#855232 9px 17px,#64391f 17px 18px);height:46px;transition:filter .6s;position:absolute;box-shadow:0 14px 22px #0006}.room-stage[data-lamp=off] .room-computer:before{filter:brightness(.45)saturate(.8)}.room-canvas,.room-toyview{grid-area:toys;height:clamp(300px,min(94vw,74svh),640px);margin-top:26px}.room-canvas{touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:#120e18;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073,inset 0 0 0 1px #ffdcaa14}.room-canvas canvas{width:100%;height:100%;display:block}.room-toyview{z-index:1;pointer-events:none;place-items:center;display:grid;position:relative}.room-note{text-align:center;max-width:36ch;color:var(--room-dim);text-shadow:none;margin:0;padding:0 20px;font-size:13px}.room-stage.is-loading .room-note{animation:1.6s ease-in-out infinite room-breathe}@keyframes room-breathe{50%{opacity:.45}}.room-bar{z-index:2;color:var(--room-ink);text-shadow:none;background:linear-gradient(#2c1d12,#1f140c);border-radius:12px;grid-area:bar;margin-top:14px;padding:14px 16px 16px;position:relative;box-shadow:inset 0 1px #ffdcaa1f,inset 0 -2px #00000059,0 10px 26px #00000059}.room-bar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.room-tapes{flex-wrap:wrap;gap:8px 10px;display:flex}.room-tape{--tape:#1d1c1e;--tilt:-1deg;min-height:40px;font:600 13px/1.2 var(--font-mono), monospace;letter-spacing:.05em;color:#fbf6ea;background:linear-gradient(180deg, #ffffff24, transparent 40%, #0000002e), var(--tape);text-shadow:0 -1px #0000008c,0 1px #ffffff47;transform:rotate(var(--tilt));cursor:pointer;border:0;border-radius:2px;padding:9px 13px 8px;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:0 2px 3px #00000073}.tape-bottle{--tape:#1d6b72;--tilt:.8deg}.tape-cradle{--tape:#59626d;--tilt:-.6deg}.tape-coil{--tape:#5a3e9e;--tilt:1.1deg}.tape-lava{--tape:#b4501d;--tilt:-.9deg}.tape-plasma{--tape:#8c2a72;--tilt:.7deg}.room-tape:hover:not(:disabled){filter:brightness(1.12)}.room-tape[aria-pressed=true]{box-shadow:0 0 0 2px var(--room-brass), 0 5px 10px #00000080;transform:rotate(0)translateY(-2px)}.room-tape:disabled{opacity:.55;cursor:default}.room-switches{gap:8px;display:flex}.room-switch{min-height:40px;font:12px/1.2 var(--font-mono), monospace;color:var(--room-dim);cursor:pointer;background:#ffeccd0a;border:1px solid #ffdcaa33;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.room-switch:before{content:"";background:#4b3a2a;border-radius:50%;width:7px;height:7px;box-shadow:inset 0 1px 1px #00000080}.room-switch[aria-pressed=true]{color:var(--room-ink)}.room-switch[aria-pressed=true]:before{background:#ffcf7a;box-shadow:0 0 6px #ffb347}.room-hint{max-width:68ch;color:var(--room-dim);margin:12px 0;font-size:13px;line-height:1.55}.room-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-control,.room-segment button{min-height:40px;font:13px/1.2 var(--font-mono), monospace;color:var(--room-ink);cursor:pointer;background:#ffeccd0f;border:1px solid #ffdcaa42;border-radius:6px;padding:9px 14px;transition:background .15s,color .15s,border-color .15s}.room-control:hover:not(:disabled):not([aria-pressed=true]),.room-segment button:hover:not([aria-pressed=true]){background:#ffeccd1f;border-color:#ffdcaa73}.room-control[aria-pressed=true]:hover,.room-segment button[aria-pressed=true]:hover{background:#ffe1b3}.room-control[aria-pressed=true],.room-segment button[aria-pressed=true]{color:#2a1a0e;background:#ffd59a;border-color:#ffd59a}.room-control:active,.room-segment button:active{transform:translateY(1px)}.room-control:disabled{opacity:.5;cursor:default}.room-segment{display:inline-flex}.room-segment button{border-radius:0;margin-left:-1px}.room-segment button:first-child{border-radius:6px 0 0 6px;margin-left:0}.room-segment button:last-child{border-radius:0 6px 6px 0}.room-range{min-height:40px;color:var(--room-dim);align-items:center;gap:10px;font-size:12px;display:inline-flex}.room-range input{accent-color:#ffb35a;width:150px}.room-bar :focus-visible{outline-offset:3px;outline:2px solid #ffd59a}@media (max-width:560px){.room-bar{padding:12px}.room-tape{padding:8px 10px 7px;font-size:12px}.room-switches{width:100%}.room-switch{flex:1;justify-content:center}.room-control,.room-segment button{padding-inline:11px}.room-range input{width:120px}}@media (min-width:1360px){.room-stage{--desk-layout:wide;grid-template-columns:minmax(640px,760px) minmax(460px,1fr);grid-template-rows:calc(var(--desk-line,640px) + 30px) auto 1fr;grid-template-areas:"computer toys""computer bar""computer.";column-gap:clamp(28px,3.5vw,64px);max-width:1760px;padding:34px clamp(24px,4vw,72px) 48px;position:static}.room-canvas{height:auto;box-shadow:none;background:0 0;border-radius:0;grid-area:auto;margin:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 56px calc(100% - 90px),#0000);mask-image:linear-gradient(#0000,#000 56px calc(100% - 90px),#0000)}.room-toyview{height:auto;margin:0}.room-computer:before{display:none}.room-computer{transition:opacity .45s .3s}.room-computer,.room-stage .computer-scene:not(.is-expanded),.room-stage .computer-scene:not(.is-expanded) :is(.computer-perspective,.computer-machine){pointer-events:none}.room-stage .computer-scene:not(.is-expanded) :is(.computer-controls>*,.crt-monitor,.pc-case,.desk-accessories,.media-drawer),.room-stage .computer-scene.is-expanded{pointer-events:auto}.room-stage:not([data-focus=all]) .room-computer{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.room-stage:not([data-focus=all]) .room-bar{position:sticky;bottom:12px}.room-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#2c1d12e6,#1f140cf0);align-self:start;margin-top:0;padding:12px 14px}.room-hint{margin:10px 0;font-size:12.5px}.room-stage .crt-monitor:after,.room-stage .case-front:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(270deg,#ffc47829,#0000 60%);transition:background-color .6s;position:absolute;inset:0}.room-stage .crt-monitor:after{z-index:0}.room-stage .case-front:after{z-index:20}.room-stage .monitor-glass{z-index:1}.room-stage[data-lamp=off] .crt-monitor:after,.room-stage[data-lamp=off] .case-front:after{mix-blend-mode:multiply;background:#0e0a1e99}.room-stage[data-lamp=off] .monitor-glass{box-shadow:0 0 0 1px #ede3c17a, inset 0 0 25px #000, 0 0 70px color-mix(in srgb, var(--accent) 26%, transparent)}}@media (prefers-reduced-motion:reduce){.room-stage,.room-stage :is(.room-canvas,.room-toyview,.room-bar,.room-computer,.room-tape),.room-computer:before{transition:none!important}.page:has(>.room-section) .hero-logo{transition:none!important}.room-stage.is-loading .room-note{animation:none}}