@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #070806;--panel: #10120e;--panel-2: #171a14;--line: rgba(228, 255, 179, .14);--fg: #f1f4e9;--muted: #929989;--acid: #c6ff44;--orange: #ff7548;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#052b55;color:var(--fg);font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#app{position:fixed;top:50%;left:50%;width:min(calc(100vw - 48px),calc((100vh - 56px)*1.78));height:min(calc(100vh - 56px),calc((100vw - 48px) / 1.78));transform:translate(-50%,-50%);overflow:hidden;border-radius:34px;touch-action:none;box-shadow:0 26px 70px #0000006b;background:#0d2948 url(../room-backplate-runtime.jpg) center / cover no-repeat}canvas{display:block}.site-header{position:absolute;z-index:7;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:42px clamp(42px,5vw,72px) 0;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:700;font-size:18px;letter-spacing:.08em;text-decoration:none;pointer-events:auto}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy small{color:var(--acid);font:600 11px DM Mono,monospace;letter-spacing:.13em}.brand-dim{color:var(--muted)}.brand-mark{width:11px;height:18px;background:var(--acid);border-radius:2px 6px;transform:skew(-12deg);box-shadow:0 0 20px #c6ff4459}.system-status{display:flex;align-items:center;gap:8px;color:var(--muted);font:500 10px DM Mono,monospace;letter-spacing:.13em}.header-actions{display:flex;align-items:center;gap:16px;pointer-events:auto}.header-actions>a,.header-actions>button{color:var(--muted);border:0;padding:0;background:transparent;font:500 10px DM Mono,monospace;letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:color .2s ease}.header-actions>a:hover,.header-actions>a:focus-visible,.header-actions>button:hover,.header-actions>button:focus-visible{color:var(--acid);outline:none}.action-short{display:none}.status-light{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);animation:pulse 2s ease-in-out infinite}.hero-copy{position:absolute;z-index:6;top:clamp(102px,14vh,142px);left:clamp(22px,6vw,96px);width:min(315px,28vw);pointer-events:none;transition:opacity .25s ease,transform .25s ease}@media (min-width: 821px){.hero-copy{display:none}.project-dock{right:22px;bottom:22px;width:220px}}.hero-actions{display:flex;gap:9px;margin-top:22px;pointer-events:auto}.hero-actions a{padding:9px 11px;border:1px solid rgba(198,255,68,.34);color:var(--acid);background:#0a0c0894;font:500 10px DM Mono,monospace;letter-spacing:.04em;text-decoration:none;transition:background .2s,color .2s}.hero-actions a:hover,.hero-actions a:focus-visible{color:#11140c;background:var(--acid);outline:none}.eyebrow,.detail-kicker,.dock-label{margin:0;color:var(--acid);font:500 10px DM Mono,monospace;letter-spacing:.18em}.hero-copy h1{margin:12px 0 11px;font-size:clamp(38px,4vw,58px);line-height:.93;letter-spacing:-.055em;max-width:720px}.hero-copy h1 span{color:var(--muted);font-weight:400}.hero-description{margin:0;max-width:300px;color:#aeb4a6;font-size:12px;line-height:1.45}.project-dock{position:absolute;z-index:7;top:auto;right:clamp(20px,4vw,64px);bottom:max(28px,env(safe-area-inset-bottom));width:min(270px,calc(100vw - 44px));transform:none;transition:opacity .25s ease,transform .25s ease}.hero-copy.is-hidden{opacity:0;transform:translate(-18px)}.project-dock.is-hidden{opacity:0;transform:translateY(18px);pointer-events:none}.dock-label{display:flex;width:100%;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#10120ecc;color:var(--muted);cursor:pointer}.dock-label:hover,.dock-label:focus-visible,.project-dock.is-expanded .dock-label{color:var(--acid);border-color:#c6ff446b;outline:none}.project-list{position:absolute;right:0;bottom:calc(100% + 8px);display:none;width:100%;max-height:min(440px,calc(100vh - 160px));gap:7px;overflow-y:auto;scrollbar-width:thin}.project-dock.is-expanded .project-list{display:grid}.project-button{width:100%;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;padding:12px 13px;border:1px solid transparent;border-radius:7px;background:#10120e94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);text-align:left;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}.project-button:hover,.project-button:focus-visible,.project-button.active{color:var(--fg);border-color:var(--line);background:#1c1f18e0;transform:translate(-5px);outline:none}.project-button.active{border-color:color-mix(in srgb,var(--project-color),transparent 45%)}.project-index{font:10px DM Mono,monospace;color:var(--project-color)}.project-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;letter-spacing:.01em}.project-arrow{color:var(--project-color);opacity:0;transform:translate(-5px);transition:.2s}.project-button:hover .project-arrow,.project-button:focus-visible .project-arrow,.project-button.active .project-arrow{opacity:1;transform:none}.hint{position:absolute;z-index:6;left:clamp(22px,6vw,96px);bottom:max(32px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;color:#737a6d;font:10px DM Mono,monospace;letter-spacing:.05em;pointer-events:none;transition:opacity .5s ease}.hint i{width:3px;height:3px;border-radius:50%;background:#4b5147}.mouse-icon{width:12px;height:17px;border:1px solid #5f6659;border-radius:6px;position:relative}.mouse-icon:after{content:"";position:absolute;top:3px;left:4px;width:2px;height:4px;background:var(--acid);border-radius:2px}.cartridge-tooltip{position:absolute;z-index:9;max-width:260px;padding:8px 11px;border:1px solid rgba(198,255,68,.42);border-radius:5px;background:#080b06e6;color:var(--fg);font:500 11px DM Mono,monospace;letter-spacing:.04em;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 10px 25px #00000059}.cartridge-tooltip[hidden]{display:none}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:max(74px,6vh) 22px 30px;background:radial-gradient(circle at 50% 45%,rgba(198,255,68,.05),transparent 42%),#040503c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .28s ease}.detail[hidden]{display:none}.tv-set{width:min(850px,82vw);filter:drop-shadow(0 35px 55px rgba(0,0,0,.7));animation:tv-arrive .45s cubic-bezier(.2,.75,.25,1) both}.tv-shell{display:grid;grid-template-columns:1fr 86px;gap:14px;padding:24px;border:1px solid #4b5045;border-radius:36px 36px 29px 29px;background:linear-gradient(145deg,#454a3f,#242820 68%);box-shadow:inset 0 0 0 3px #171a15,inset 0 0 28px #ffffff12}.tv-screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:10px solid #11140f;border-radius:42px/28px;background:#050704;box-shadow:inset 0 0 40px #000,0 0 0 2px #626959}.tv-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at center,transparent 56%,rgba(0,0,0,.48) 100%),linear-gradient(115deg,rgba(255,255,255,.07),transparent 23%)}.tv-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.7) 3px 4px)}.tv-controls{display:flex;flex-direction:column;align-items:center;padding:18px 4px}.tv-speaker{width:48px;height:82px;margin-bottom:auto;background:repeating-linear-gradient(0deg,#0d0f0c 0 3px,transparent 3px 8px);opacity:.75}.tv-power{width:9px;height:9px;margin-bottom:22px;border-radius:50%;background:var(--detail-color, var(--acid));box-shadow:0 0 12px var(--detail-color, var(--acid));animation:pulse 1.5s infinite}.tv-dial{width:43px;height:43px;border:3px solid #171a15;border-radius:50%;background:radial-gradient(circle,#51574a 0,#51574a 37%,#292d25 39%,#292d25);box-shadow:0 3px 8px #111}.tv-dial:after{content:"";display:block;width:2px;height:12px;margin:4px auto;background:#111;transform:rotate(35deg);transform-origin:50% 17px}.tv-neck{width:16%;height:28px;margin:-2px auto 0;background:linear-gradient(90deg,#20231c,#454a3f 50%,#20231c)}.tv-foot{width:44%;height:18px;margin:0 auto;border-radius:50% 50% 5px 5px;background:#292d25;box-shadow:0 10px 25px #000}.tv-boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--detail-color, var(--acid));font:11px DM Mono,monospace;letter-spacing:.14em;text-align:center;transition:opacity .28s ease}.tv-boot strong{font-size:clamp(14px,2vw,22px);font-weight:500}.tv-boot i{width:min(260px,48%);height:3px;margin-top:8px;overflow:hidden;background:#c6ff441f}.tv-boot i:after{content:"";display:block;width:42%;height:100%;background:currentColor;animation:cartridge-read .75s ease-in-out infinite alternate}.detail.tv-ready .tv-boot{opacity:0;pointer-events:none}.detail-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,5vw,64px);opacity:0;transform:scale(.985);transition:opacity .35s ease,transform .35s ease;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--detail-color),transparent 88%),transparent 38%),#090c08}.detail.tv-ready .detail-card{opacity:1;transform:none}.detail-kicker{color:var(--detail-color, var(--acid))}.detail-card h1{margin:12px 0 3px;max-width:85%;font-size:clamp(30px,4.3vw,58px);line-height:.93;letter-spacing:-.05em}.detail-tagline{margin:7px 0 13px;color:var(--muted);font-size:clamp(12px,1.5vw,15px)}.detail-tags{margin:0 0 16px;color:var(--detail-color, var(--acid));font:9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.detail-card>#detail-desc{max-width:610px;margin:0;color:#ccd2c5;font-size:clamp(12px,1.4vw,15px);line-height:1.58}.detail-status{align-self:flex-start;margin:16px 0 0;padding:7px 10px;border:1px solid color-mix(in srgb,var(--detail-color),transparent 35%);border-radius:999px;color:var(--detail-color, var(--acid));background:color-mix(in srgb,var(--detail-color),transparent 92%);font:500 9px DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.detail-status[hidden]{display:none}.detail-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.detail-links a{display:inline-flex;align-items:center;gap:12px;padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:var(--fg);color:#10120e;font-size:12px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s}.detail-links a:after{content:"↗"}.detail-links a:hover{transform:translateY(-2px);background:var(--detail-color, var(--acid))}.detail-close{position:fixed;top:max(26px,env(safe-area-inset-top));left:clamp(22px,4vw,64px);padding:10px 0;border:0;background:transparent;color:var(--muted);font:500 11px DM Mono,monospace;letter-spacing:.06em;cursor:pointer}.detail-close span{color:var(--acid);margin-right:8px}.detail-close:hover{color:var(--fg)}@keyframes fade{0%{opacity:0}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--acid)}}@keyframes tv-arrive{0%{opacity:0;transform:scale(.92) translateY(18px)}}@keyframes cartridge-read{to{transform:translate(140%)}}.fallback{position:relative;z-index:8;max-width:1100px;height:100%;margin:0 auto;padding:80px 24px;overflow-y:auto;background:var(--bg)}.fallback-head{margin-bottom:42px}.fallback-head h1{margin:14px 0 10px;font-size:clamp(36px,7vw,72px);letter-spacing:-.05em}.fallback-head>p:last-child{color:var(--muted)}.fallback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:0;margin:0;list-style:none}.fallback-grid li{padding:24px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.fallback-grid h2{margin:0 0 8px}.fallback-grid .tags{color:var(--acid);font:10px DM Mono,monospace;text-transform:uppercase}.fallback-grid p{color:#b8beb1;line-height:1.55}.fallback-grid .fallback-status{color:var(--acid);font:500 10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.fallback-grid .fallback-status[hidden]{display:none}.fallback-grid a{color:var(--acid);margin-right:14px;font-size:13px;text-decoration:none}body.has-webgl .fallback{display:none}@media (max-width: 820px),(max-width: 1100px) and (orientation: portrait),(max-height: 600px) and (pointer: coarse){#app{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;border-radius:0}.site-header{padding:max(24px,env(safe-area-inset-top)) 22px 0}.hero-copy{top:96px;width:calc(100% - 44px)}.hero-copy h1{font-size:clamp(38px,12vw,58px)}.hero-description{display:none}.project-dock{top:auto;right:auto;bottom:max(70px,calc(env(safe-area-inset-bottom) + 56px));left:0;width:100%;transform:none;padding:0 22px}.project-dock.is-hidden{transform:translateY(18px)}.project-list{position:static;display:flex;width:auto;max-height:none;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 5px 3px;margin:8px -5px 0;scroll-snap-type:x proximity}.project-list::-webkit-scrollbar{display:none}.dock-label{min-height:44px}.project-button{flex:0 0 min(230px,72vw);min-height:48px;scroll-snap-align:start}.project-button:hover,.project-button:focus-visible,.project-button.active{transform:translateY(-3px)}.hint{left:22px;bottom:max(24px,env(safe-area-inset-bottom));font-size:9px}.detail{padding:72px 10px max(18px,env(safe-area-inset-bottom))}.tv-set{width:min(680px,96vw)}.tv-shell{grid-template-columns:1fr;padding:12px;border-radius:24px}.tv-controls{display:none}.tv-screen{aspect-ratio:4 / 3;border-width:7px;border-radius:28px/20px}.tv-neck{height:19px}.tv-foot{height:12px}.detail-card{justify-content:flex-start;padding:24px 25px;overflow-y:auto}.detail-card h1{max-width:100%;font-size:clamp(30px,9vw,46px)}.detail-tagline{margin-bottom:10px}.detail-tags{margin-bottom:12px}.detail-links{margin-top:15px}.detail-links a{min-height:44px;align-items:center}}@media (max-width: 480px){.site-header{gap:12px}.brand{font-size:15px}.brand-copy small{font-size:9px}.header-actions{gap:8px}.header-actions>a,.header-actions>button{min-height:44px;display:inline-flex;align-items:center}.header-linkedin,.system-status,.action-full{display:none}.action-short{display:inline}.hero-copy{top:90px}.hero-copy h1{margin-top:11px}.dock-label{padding-bottom:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}