/* A thin CRT surround fitted to the visitor's viewport, with the real site inside. */
.computer-screen{position:fixed;inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);transform:none!important;visibility:visible!important;z-index:100;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:8px solid #bbae92;border-radius:20px;clip-path:none;padding:2px;background:#15292f;color:#e4ddc7;font-family:var(--mono);box-shadow:0 0 0 1px #e1d6ba,inset 0 0 0 2px #273d42,0 12px 40px #0007;contain:layout style}
.computer-screen[hidden]{display:none!important}
.cabin-home:has(.computer-active) .station-head,.cabin-home:has(.computer-active) #drawer{display:none!important}
.computer-active.cabin-stage{height:100dvh}.computer-active>.cabin-return,.computer-active .cabin-controls{display:none!important}
.computer-workspace{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;border-radius:10px;overflow:hidden}
.computer-browser-tools{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:52px;padding:6px 10px;background:#183138;border-bottom:1px solid #566d68}
.computer-browser-tools button,.computer-browser-tools a{position:relative;display:flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;padding:8px 13px;border:1px solid #6e8177;border-radius:4px;background:#254149;color:#eadfc3;font:14px/1.4 var(--mono);text-decoration:none;cursor:pointer}
.computer-browser-tools button:disabled{opacity:.4;cursor:default}
.computer-browser-tools :is(button,a):hover{background:#38555a}.computer-browser-tools :focus-visible{outline:2px solid #e5c590;outline-offset:2px}
.computer-location{flex:1;min-width:0;margin-inline:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font:12px/1.5 var(--mono);color:#bed0c4}
.computer-browser-tools [data-computer-exit]{background:#d6bd8e;color:#1a343a;border-color:#ead4ae;white-space:nowrap;margin-left:4px}
.computer-browser-tools [data-computer-exit]:hover{background:#f0d6a8}
.computer-browser-tools [data-computer-regular]{isolation:isolate;min-width:42px}
.newtab-arrow{position:relative;z-index:1;transform:translate(2px,-2px);font-size:20px}.newtab-window{position:absolute;width:15px;height:12px;left:9px;bottom:9px;border:1px solid currentColor;opacity:.5;border-radius:1px}.newtab-window:before{content:'';position:absolute;left:0;right:0;top:3px;border-top:1px solid currentColor}
.computer-browser-tools [data-tooltip]:after{content:attr(data-tooltip);position:absolute;right:0;top:calc(100% + 7px);white-space:nowrap;background:#e0c99e;color:#183138;border:1px solid #eddbbc;box-shadow:0 3px 10px #0006;padding:8px 12px;font:12px var(--mono);opacity:0;pointer-events:none;z-index:20}
.computer-browser-tools [data-tooltip]:is(:hover,:focus-visible):after{opacity:1}.computer-browser-tools:has([data-tooltip]:is(:hover,:focus-visible)){position:relative;z-index:10}
.computer-frame-wrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#20292d}
.computer-frame{display:block;border:0;width:100%;height:100%;transform:none;background:#20292d;color-scheme:light}
.computer-loading{position:absolute;inset:0;background:#142a31f5;color:#e4ce9d;display:grid;place-items:center;font:16px var(--mono);margin:0;pointer-events:none}.computer-loading[hidden]{display:none}
@media(max-width:700px){.computer-screen{inset:4px;width:calc(100% - 8px);height:calc(100dvh - 8px);border-width:5px;border-radius:13px;padding:1px}.computer-workspace{border-radius:6px}.computer-browser-tools{gap:5px;min-height:50px;padding:5px 6px}.computer-browser-tools button,.computer-browser-tools a{font-size:12px;min-height:40px;padding:8px 10px}.computer-location{display:none}.computer-browser-tools [data-computer-regular]{margin-left:auto}.computer-browser-tools [data-computer-exit]{margin-left:1px}}
@media(max-height:500px){.computer-screen{inset:4px;width:calc(100% - 8px);height:calc(100dvh - 8px);border-width:4px;border-radius:12px}.computer-browser-tools{min-height:46px;padding-block:3px}}