@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{color:#263330;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#dce7e5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden}button,a{color:inherit;font:inherit}button{border:0}::selection{color:#111716;background:#91d7bb}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.experience{color:#263330;background:#dce7e5;width:100%;height:100%;transition:background-color .9s,color .9s;position:relative;overflow:hidden}.experience:after{z-index:4;content:"";pointer-events:none;background:radial-gradient(circle,#0000 48%,#2b3a3721 100%),linear-gradient(#ffffff07 50%,#1f2d2a05 50%) 0 0/100% 4px;position:absolute;inset:0}.room-canvas{inset:0;position:absolute!important}.hud-header{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:30px 34px;display:flex;position:absolute;top:0;left:0;right:0}.identity,.theme-toggle,.intro-copy button{cursor:pointer;pointer-events:auto;background:0 0}.hud-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.identity{color:#263330;text-align:left;align-items:center;gap:12px;padding:0;display:flex}.identity-mark{border:1px solid #24332f61;border-radius:50%;place-items:center;width:36px;height:36px;font-family:DM Mono,monospace;font-size:9px;display:grid}.identity>span:last-child{letter-spacing:-.01em;gap:4px;font-size:12px;font-weight:600;display:grid}.identity small{color:#2633308c;letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px;font-weight:400}.theme-toggle{color:#23302db8;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f9f79e;border:1px solid #23322e29;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:76px;height:43px;padding:0 13px;font-family:DM Mono,monospace;font-size:8px;display:flex}.identity,.identity-mark,.identity small,.theme-toggle,.intro-copy p,.intro-copy h1,.intro-copy button,.interaction-hint,.kenney-credit{transition:color .9s,background-color .9s,border-color .9s,text-shadow .9s}.intro-copy{z-index:8;pointer-events:none;max-width:470px;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:62px;left:42px}.is-started .intro-copy{opacity:0;transform:translateY(18px)}.intro-copy p{color:#23302d94;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-family:DM Mono,monospace;font-size:8px}.intro-copy h1{letter-spacing:-.065em;color:#263330;text-shadow:0 2px 28px #ffffff3d;margin:0;font-size:clamp(42px,5.2vw,78px);font-weight:500;line-height:.93}.intro-copy button{color:#263330;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;border-bottom:1px solid #23302db3;align-items:center;gap:7px;margin-top:22px;padding:9px 0;font-family:DM Mono,monospace;font-size:8px;display:inline-flex}.interaction-hint,.kenney-credit{z-index:7;color:#23302d6e;letter-spacing:.09em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px;position:absolute;bottom:24px}.interaction-hint{align-items:center;gap:9px;display:flex;left:50%;transform:translate(-50%)}.mouse-glyph{border:1px solid;border-radius:5px;width:9px;height:13px}.kenney-credit{text-decoration:none;transition:color .18s;right:35px}.kenney-credit:hover{color:#23302dc7}.theme-dark{color:#edf3ef;background:#111b20}.theme-dark .identity{color:#f3f6f2}.theme-dark .identity-mark{border-color:#eef4ee61}.theme-dark .identity small{color:#ecf3ed78}.theme-dark .theme-toggle{color:#f2f7f2c2;background:#10151475;border-color:#e9f1ea24}.theme-dark .intro-copy p{color:#eef4ee8c}.theme-dark .intro-copy h1{color:#f1f5f0;text-shadow:0 2px 30px #00000059}.theme-dark .intro-copy button{color:#f2f6f1;border-bottom-color:#eff5efb3}.theme-dark .interaction-hint,.theme-dark .kenney-credit{color:#ebf2ec5c}.theme-dark .kenney-credit:hover{color:#ebf2ecb8}.monitor-html-wrapper{pointer-events:none!important}.monitor-ui{color:#dfe9e1;pointer-events:auto;background:radial-gradient(circle at 50% 20%,#305b4d54,#0000 54%),#0a1210;border:1px solid #91d7bb4d;border-radius:5px;width:520px;height:316px;font-family:DM Mono,monospace;overflow:hidden;box-shadow:inset 0 0 48px #68c6a42e}.monitor-ui:after{content:"";opacity:.45;pointer-events:none;background:linear-gradient(#0000 50%,#00000012 50%) 0 0/100% 3px;position:absolute;inset:0}.monitor-menubar{color:#d1e6d975;letter-spacing:.11em;border-bottom:1px solid #91d7bb2e;align-items:center;gap:10px;height:29px;padding:0 13px;font-size:7px;display:flex}.monitor-os-name{color:inherit;font:inherit;letter-spacing:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;padding:4px 0}.monitor-nav{align-items:center;gap:3px;display:flex}.monitor-nav button,.monitor-exit{color:#d1e6d980;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:4px 6px;transition:color .16s,background-color .16s}.monitor-nav button:hover,.monitor-nav button.is-active,.monitor-exit:hover{color:#a9dfc8;background:#76c1a31f}.monitor-system-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.monitor-exit{color:#a9dfc8b8}.monitor-home,.monitor-page{z-index:1;position:relative}.monitor-home{appearance:none;width:100%;height:calc(100% - 29px);color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.monitor-home-greeting{color:#89cfb2;letter-spacing:.22em;font-size:9px}.monitor-home strong{color:#eef6ef;letter-spacing:-.07em;margin-top:7px;font-family:Inter,sans-serif;font-size:46px;font-weight:500;line-height:.9}.monitor-home p{color:#e2eee58f;margin:14px 0 0;font-size:9px}.monitor-home-cta{color:#a9dfc8;letter-spacing:.08em;text-transform:uppercase;background:#76c1a314;border:1px solid #91d7bb6b;border-radius:3px;margin-top:24px;padding:8px 12px;font-family:DM Mono,monospace;font-size:7px;transition:background-color .16s,border-color .16s}.monitor-home:hover .monitor-home-cta{background:#76c1a329;border-color:#a9dfc8b8}.monitor-page{padding:22px 28px}.screen-kicker{color:#78c7a7;letter-spacing:.11em;margin:0 0 10px;font-size:7px}.monitor-page h2{letter-spacing:-.055em;margin:0;font-family:Inter,sans-serif;font-size:28px;font-weight:500;line-height:.95}.monitor-page h2 span{display:block}.screen-list{border-top:1px solid #bedac929;margin-top:19px}.screen-list a{color:#ebf3ece0;border-bottom:1px solid #bedac91f;justify-content:space-between;align-items:center;padding:10px 0;font-family:Inter,sans-serif;font-size:10px;text-decoration:none;display:flex}.screen-list small{color:#cce0d26b;font-family:DM Mono,monospace;font-size:6px}.screen-list a:hover span,.screen-list a:hover small{color:#91d7bb}.screen-body{color:#dce9df8f;max-width:430px;margin:14px 0 0;font-size:8px;line-height:1.7}.screen-columns{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.screen-columns>div{border:1px solid #bedac921;border-radius:3px;gap:4px;padding:10px;display:grid}.screen-columns small{color:#78c7a7;letter-spacing:.12em;font-size:5px}.screen-columns strong{font-family:Inter,sans-serif;font-size:8px;font-weight:500}.screen-columns span{color:#dce9df73;font-size:5px}.room-loading{z-index:50;color:#263330;text-align:center;opacity:1;visibility:visible;will-change:opacity;background:#dce7e5;place-content:center;font-family:DM Mono,monospace;transition:opacity .9s cubic-bezier(.22,1,.36,1),visibility 0s linear .9s;display:grid;position:absolute;inset:0}.room-loading.is-exiting{opacity:0;visibility:hidden;pointer-events:none}.room-loading-content{transition:opacity .42s,transform .7s cubic-bezier(.22,1,.36,1)}.room-loading.is-ready .room-loading-content{transform:translateY(-2px)}.room-loading.is-exiting .room-loading-content{opacity:0;transform:translateY(-10px)}.room-loading span{letter-spacing:-.05em;font-size:40px}.room-loading span small{letter-spacing:0;margin-left:3px;font-size:11px}.room-loading p{color:#26333085;letter-spacing:.12em;text-transform:uppercase;margin:8px 0 0;font-size:8px}@media (width<=720px){.hud-header{padding:20px}.identity>span:last-child{display:none}.theme-toggle{min-width:40px;padding:0 11px}.theme-toggle span{display:none}.intro-copy{bottom:72px;left:22px}.intro-copy h1{font-size:clamp(40px,13vw,60px)}.interaction-hint{max-width:220px;left:22px;transform:none}.kenney-credit{display:none}.monitor-ui{width:500px;height:304px}}