*{box-sizing:border-box}:root{color:#111;color-scheme:light;background:#f6bd36;font-family:Times New Roman,serif}body{margin:0;overflow:hidden}bob-room,main{width:100%;height:100dvh;display:block}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}button{color:#111;cursor:pointer;font:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px dashed #fff}.room-viewport{scrollbar-width:none;width:100%;height:100%;overflow:auto hidden}.room-viewport::-webkit-scrollbar{display:none}.room-stage{isolation:isolate;background:#ffc946;width:max(100%,150dvh);height:100%;position:relative;overflow:hidden}.canvas-mount{position:absolute;inset:0}.canvas-mount canvas{cursor:grab;height:100%;image-rendering:pixelated;touch-action:pan-x;width:100%;display:block}.canvas-mount canvas:active{cursor:grabbing}.object-labels{pointer-events:none;position:absolute;inset:0}.object-labels a{color:#101010;pointer-events:auto;white-space:nowrap;background:#ffffdf;border:1px solid #000;padding:3px 8px;font:700 15px Times New Roman,serif;text-decoration:none;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2px #000}.labels-off .object-labels a:not(:focus-visible):not([data-active]){opacity:0;pointer-events:none}.object-labels a:focus-visible,.object-labels a:hover{background:#fff67b}.loading-room{text-align:center;background:#e8b339;flex-direction:column;align-items:center;padding:30px;font-size:22px;position:absolute;inset:0}.loading-room,.loading-room nav{justify-content:center;display:flex}.loading-room nav{flex-wrap:wrap;gap:20px}.rover{bottom:max(30px,env(safe-area-inset-bottom));pointer-events:none;z-index:2;width:clamp(190px,20vw,285px);position:fixed;right:max(3vw,18px)}.speech-bubble{pointer-events:auto;background:#ffffe9;border:3px solid #161609;border-radius:17px;margin-bottom:6px;padding:15px 17px 12px;font-size:clamp(14px,1.2vw,18px);line-height:1.13;position:relative;box-shadow:3px 3px #14120b}.speech-bubble:after{clip-path:polygon(0 0,100% 0,100% 100%);content:"";background:#ffffe9;border-bottom:3px solid #111;border-right:3px solid #111;width:20px;height:25px;position:absolute;bottom:-17px;right:63px;transform:skewY(38deg)}.speech-bubble strong{font-weight:700}.speech-bubble p{margin:8px 0}.speech-bubble button{background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.speech-bubble button:hover{text-decoration:underline}.option-dot{background:#e3df96;border:2px solid #56543b;border-radius:50%;width:20px;height:20px;box-shadow:inset 2px 2px #fffed6,inset -2px -2px #aaa260}.dog-button{pointer-events:auto;transform-origin:50% 100%;background:0 0;border:0;width:150px;height:160px;margin-left:auto;margin-right:14px;padding:0;display:block;position:relative}.dog-button svg{filter:drop-shadow(3px 3px #0005);width:100%;height:100%}.dog-button:hover{transform:rotate(-3deg)}.dog-button .guide-cyberpunk,.dog-button .guide-greek{display:none}bob-room[data-skin=cyberpunk] .dog-button{& .guide-classic{display:none}& .guide-cyberpunk{display:block}}bob-room[data-skin=greek]{& .dog-button{width:150px;height:200px;transform:none}& .guide-classic{display:none}& .guide-greek{filter:drop-shadow(3px 4px 2px #0005);-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}& .room-help,& .speech-bubble{color:#303b3c;background:#f5f0df;border-color:#74653f;border-radius:3px;box-shadow:4px 4px #a89769}& .speech-bubble:after{background:#f5f0df;border-color:#74653f}& .room-help a{color:#245977}& .room-help a:hover{background:#e4dcc4}& .room-help button,& .skin-picker select{background:#e4dcc7;border-color:#f5eedc}}.rover-tail{transform-origin:108px 142px}.rover[data-petted] .rover-tail{animation:.16s ease-in-out infinite alternate wag}@keyframes wag{to{transform:rotate(-17deg)}}.exit{color:#75e864;z-index:4;background:#121718;border:3px ridge #bec0bf;padding:1px 20px;font:12px Arial,sans-serif;text-decoration:none;position:fixed;bottom:7px;right:9px;box-shadow:1px 1px #000}.exit:hover{color:#ffff69}.room-help{z-index:5;background:#ffffe4;border:3px solid #111;border-radius:12px;width:min(400px,100vw - 36px);max-height:calc(100dvh - 60px);padding:22px;font-size:17px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:5px 5px #0008}.room-help>strong{font-size:21px;display:block}.room-help nav{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.room-help a:hover{background:#f4df64}.room-help p{font-size:15px;line-height:1.3}.room-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.skin-picker{gap:7px;margin-top:18px;display:grid}.skin-picker select{color:#171719;background:#ffffef;border:2px inset #d4d1b7;width:100%;min-height:36px;padding:6px;font:14px Arial,sans-serif}bob-room[data-skin=cyberpunk]{& .room-help,& .speech-bubble{color:#e6f9ff;box-shadow:4px 4px #812d77}& .room-help,& .speech-bubble,& .speech-bubble:after{background:#172235;border-color:#68e9e4}& .speech-bubble button{color:#e6f9ff}& .room-help a{color:#89fff0}& .room-help a:hover{background:#384363}& .room-help button,& .skin-picker select{color:#e6f9ff;color-scheme:dark;background:#293a52;border-color:#7293ad}& .room-help button[aria-pressed=true]{background:#563358}& .room-help :focus-visible,& .speech-bubble button:focus-visible{outline-color:#ff8edf}}.room-help button{background:#d4d1b7;border:3px outset #f0eed4;padding:4px 9px;font:13px Arial,sans-serif}.room-help button[aria-pressed=true]{background:#e6dda3;border-style:inset}.room-help button:disabled{opacity:.5}.room-help [data-close-help]{min-width:76px;margin:auto;display:block}.room-help a:focus-visible,.room-help button:focus-visible,.skin-picker select:focus-visible,.speech-bubble button:focus-visible{outline-color:#2c39ae}@media (width<=600px){.rover{width:205px;bottom:34px;right:15px}.speech-bubble{padding:12px;font-size:14px}.dog-button{width:105px;height:112px;margin-right:22px}}@media (height<=500px){.rover{width:210px}.dog-button{width:90px;height:95px}.speech-bubble{padding:10px;font-size:13px}}@media (prefers-reduced-motion:reduce){.rover-tail{animation:none!important}}.rover[data-animation=false] .rover-tail{animation:none}astro-dev-toolbar{display:none}