/* GENERATED: build_prod.sh. Do not edit public_prod/*. */
.webgl-mode{position:relative;min-height:100vh;background:#010102;color:var(--fg);--hud-top-height: 86px;--hud-bottom-height: 58px;--hud-edge: 12px;--panel: rgba(4, 2, 10, .88);--grid: rgba(120, 80, 200, .32);--fg: #d7e6ff;--muted: #8f99c4;--accent: #b56bff;--accent-2: #31d6b9;--danger: #ff89b0}.webgl-stage{position:fixed;inset:0;z-index:0;pointer-events:none}.webgl-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.webgl-mode .hud{position:relative;z-index:2;background:transparent;height:100%}.webgl-mode .boot{position:fixed;inset:0;z-index:14}.webgl-mode :is(.hud__top,.panel,.hud__bottom){position:relative;z-index:2;border:1px solid rgba(120,80,200,.5);box-shadow:0 0 12px #5a289659,inset 0 0 14px #280c5a73;backdrop-filter:blur(6px);overflow:hidden}.webgl-mode .hud__top,.webgl-mode .hud__bottom{background:#0a0814b8}.webgl-mode :is(.hud__top,.panel,.hud__bottom):before{content:"";position:absolute;inset:4px;border:1px solid rgba(71,255,225,.12);pointer-events:none}.webgl-mode :is(.hud__top,.panel,.hud__bottom):after{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,rgba(193,135,255,.75) 0 14px,transparent 0) top left,linear-gradient(180deg,rgba(193,135,255,.75) 0 14px,transparent 0) top left,linear-gradient(90deg,rgba(71,255,225,.75) 0 14px,transparent 0) bottom left,linear-gradient(180deg,rgba(71,255,225,.75) 0 14px,transparent 0) bottom left,linear-gradient(90deg,rgba(193,135,255,.75) 0 14px,transparent 0) top right,linear-gradient(180deg,rgba(193,135,255,.75) 0 14px,transparent 0) top right,linear-gradient(90deg,rgba(71,255,225,.75) 0 14px,transparent 0) bottom right,linear-gradient(180deg,rgba(71,255,225,.75) 0 14px,transparent 0) bottom right;background-repeat:no-repeat;background-size:14px 2px,2px 14px;mix-blend-mode:screen;opacity:.3;pointer-events:none}.webgl-mode .hud__top{animation:hudFloat 12s ease-in-out infinite}.webgl-mode .panel{animation:panelPulse 9s ease-in-out infinite}.webgl-mode .brand__title{text-shadow:0 0 10px rgba(192,132,252,.45),0 0 18px rgba(56,242,210,.2);animation:titleFlicker 8s infinite}.webgl-mode .panel__title{position:relative}.webgl-mode .panel__title:after{content:"";display:block;height:1px;margin-top:6px;background:linear-gradient(90deg,rgba(56,242,210,.6),transparent 70%)}.webgl-mode .panel__body{position:relative}.webgl-mode .panel__body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(103,199,255,.08) 0,rgba(103,199,255,.08) 1px,transparent 1px,transparent 4px);opacity:.16;animation:dataDrift 6s linear infinite;pointer-events:none}.webgl-mode .screen{box-shadow:inset 0 0 22px #38f2d233,0 0 18px #38f2d226}.webgl-mode .screen__title{text-shadow:0 0 10px rgba(56,242,210,.45)}.webgl-mode .output .line{text-shadow:0 0 10px rgba(56,242,210,.12)}.webgl-mode .cmd{transition:transform .2s ease,color .2s ease}.webgl-mode .cmd:hover{color:var(--accent-2);transform:translate(4px)}.webgl-mode .map{background:#060812a6;border-color:#67c7ff8c}.webgl-mode .scanlines{opacity:.55;background:repeating-linear-gradient(rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen;animation:scanlinesMove .7s linear infinite;z-index:4}.webgl-mode .noise{opacity:.12;animation:flicker 2.4s infinite;z-index:3}.webgl-mode .crt-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at center,transparent 52%,rgba(0,0,0,.8) 100%);mix-blend-mode:multiply;opacity:.6;z-index:3}.webgl-mode .hud-sweep{pointer-events:none;position:absolute;inset:-30% 0;background:linear-gradient(180deg,transparent,rgba(176,120,255,.26),rgba(104,216,255,.2),transparent);background-size:100% 200%;opacity:.65;animation:sweep 7.5s linear infinite;mix-blend-mode:screen;z-index:4}.webgl-mode .edge-frame{pointer-events:none;position:absolute;inset:12px;border:1px solid rgba(110,75,190,.45);box-shadow:0 0 10px #47ffe11f,inset 0 0 14px #55329640;opacity:.55;mix-blend-mode:screen;z-index:4}.webgl-mode .panel__body{overflow:hidden}.webgl-mode .panel--main{min-height:0}.webgl-mode .panel--main .panel__body{overflow:auto;min-height:0}.webgl-mode .panel--main .panel__body,.webgl-mode .panel--meta .panel__body{flex:1}.webgl-mode .panel--nav{justify-content:flex-start}.webgl-mode .panel--nav .panel__body{padding:10px 12px}.webgl-mode .panel--nav .panel__body,.webgl-mode .panel--nav .cpu{flex:0 0 auto}.webgl-mode .panel--nav .cpu{margin:8px 12px 12px}@media(max-width:1200px){.webgl-mode .hud__grid{grid-template-columns:200px 1fr 220px}}@media(max-height:760px){.webgl-mode .hud{padding:12px;gap:10px}.webgl-mode .hud__top,.webgl-mode .hud__bottom{padding:10px 14px}.webgl-mode .panel__body{padding:10px}}@media(max-width:980px){.webgl-mode .hud{overflow:auto;scrollbar-width:none}.webgl-mode .hud::-webkit-scrollbar{width:0;height:0}.webgl-mode .hud__top{animation:none}}@media(max-width:900px){.webgl-mode{overflow-y:auto}.webgl-mode .hud{min-height:0;height:auto;padding:12px;gap:10px;overflow:visible;display:flex;flex-direction:column}.webgl-mode .hud__top{order:0;position:static;z-index:2;padding:10px 12px;flex-direction:column;align-items:flex-start;gap:6px}.webgl-mode .brand__title{font-size:clamp(18px,6vw,26px)}.webgl-mode .brand__sub{font-size:10px;letter-spacing:.2em}.webgl-mode .status{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:9px}.webgl-mode .hud__grid{order:1;display:flex;flex-direction:column;gap:10px}.webgl-mode .panel--main{order:1}.webgl-mode .hud__bottom{order:2;position:static;margin:0 0 8px;z-index:2;height:auto;min-height:var(--hud-bottom-height);transform:none;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:6px 8px;align-items:center}.webgl-mode .panel--nav{order:3}.webgl-mode .panel--meta{order:4}.webgl-mode .attribution-bar{order:5}.webgl-mode .hud__bottom .hint{grid-column:1 / -1;text-align:left;font-size:9px;letter-spacing:.12em}.webgl-mode .panel__title{min-height:36px;display:flex;align-items:center}.webgl-mode .panel--meta{display:flex}.webgl-mode .panel--meta>.panel__title{cursor:pointer;position:relative;padding-left:22px}.webgl-mode .panel--meta>.panel__title:before{content:"\25b8";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--accent-2);font-family:var(--font-heading);font-size:14px}.webgl-mode .panel--meta.is-open>.panel__title:before{content:"\25be"}.webgl-mode .panel--meta .panel__body{display:none}.webgl-mode .panel--meta.is-open .panel__body{display:block}.webgl-mode .panel--main>.panel__body{overflow:visible!important}.webgl-mode .panel--nav>.panel__title{cursor:pointer;position:relative;padding-left:22px}.webgl-mode .panel--nav>.panel__title:before{content:"\25b8";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--accent-2);font-family:var(--font-heading);font-size:14px}.webgl-mode .panel--nav.is-open>.panel__title:before{content:"\25be"}.webgl-mode .panel--nav .panel__body{display:none}.webgl-mode .panel--nav.is-open .panel__body,.webgl-mode .panel--nav .cpu{display:block}.webgl-mode .panel__body,.webgl-mode .panel--main .panel__body{overflow:visible}.webgl-mode .panel--main .panel__body,.webgl-mode .panel--meta .panel__body{flex:0 0 auto}.webgl-mode .portfolio{grid-template-columns:1fr;max-height:none;overflow:visible}.webgl-mode .output{max-height:none;overflow:visible}.webgl-mode .panel--meta .meta-section--contact{order:0;margin-top:0}.webgl-mode .panel--meta .meta-section--stats{order:1}.webgl-mode .panel--meta .meta-section--map{order:2}.webgl-mode .panel--meta .meta-section--feed{order:3}.webgl-mode:not(.is-home) .screen{display:none}.webgl-mode #command{min-width:0;font-size:14px}.webgl-mode .prompt{white-space:nowrap;font-size:12px}.webgl-mode .scanlines,.webgl-mode .noise,.webgl-mode .crt-vignette,.webgl-mode .hud-sweep,.webgl-mode .edge-frame{z-index:8}}@media(max-width:360px){.webgl-mode .status{display:none}}@media(max-height:700px){.webgl-mode .hud__grid{grid-template-columns:1fr}.webgl-mode .hud__top,.webgl-mode .hud__bottom{position:sticky;z-index:2}.webgl-mode .hud__top{top:0}.webgl-mode .hud__bottom{bottom:0}}@media(max-width:900px)and (min-width:700px),(max-width:900px)and (orientation:landscape){.webgl-mode .hud{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;overflow-y:auto}.webgl-mode .hud__top,.webgl-mode .hud__bottom{position:static}.webgl-mode .hud__top{flex-direction:row;align-items:center;justify-content:space-between}.webgl-mode .status{font-size:10px}.webgl-mode .hud__grid{display:flex;flex-direction:column;gap:10px}.webgl-mode .panel--main{grid-area:main}.webgl-mode .panel--meta{display:flex;order:4}.webgl-mode .panel--nav{grid-area:nav}.webgl-mode .panel__body,.webgl-mode .panel--main .panel__body{overflow:visible}.webgl-mode .output,.webgl-mode .portfolio{max-height:none}.webgl-mode .hud__bottom{grid-template-columns:auto 1fr auto;grid-template-rows:auto;margin:0}.webgl-mode .hud__bottom .hint{grid-column:auto;text-align:right}}.webgl-mode .output{max-height:none;overflow:visible;scrollbar-width:thin;scrollbar-color:rgba(56,242,210,.55) rgba(8,6,16,.6)}.webgl-mode .output::-webkit-scrollbar{width:6px;height:6px}.webgl-mode .output::-webkit-scrollbar-thumb{background:#38f2d28c}.webgl-mode .portfolio{max-height:none;overflow:visible;scrollbar-width:thin;scrollbar-color:rgba(192,132,252,.55) rgba(8,6,16,.6)}.webgl-mode .portfolio::-webkit-scrollbar{width:6px;height:6px}.webgl-mode .portfolio::-webkit-scrollbar-thumb{background:#c084fc8c}.webgl-mode .panel--main>.panel__body{overflow:auto!important;min-height:0}.webgl-mode .panel--main .output,.webgl-mode .panel--main .portfolio{max-height:none!important;overflow:visible!important}.webgl-mode .cpu__controls{height:16px;align-items:center}.webgl-mode .cpu__track{height:8px;align-self:center}.webgl-mode .cpu__slider{top:50%;transform:translateY(-50%);height:12px}@keyframes scanlinesMove{0%{background-position:0 0}to{background-position:0 8px}}@keyframes sweep{0%{background-position:0 -100%}to{background-position:0 100%}}@keyframes dataDrift{0%{transform:translateY(0)}to{transform:translateY(12px)}}@keyframes hudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes panelPulse{0%,to{box-shadow:0 0 28px #53288873,inset 0 0 24px #2d0f5673}50%{box-shadow:0 0 36px #53288899,inset 0 0 28px #38f2d22e}}@keyframes titleFlicker{0%,to{opacity:1}47%{opacity:.9}48%{opacity:.6}50%{opacity:1}71%{opacity:.85}72%{opacity:1}}@media(max-width:980px){.webgl-mode .hud__top{gap:10px}}@media(hover:none)and (pointer:coarse){.webgl-mode .panel--main>.panel__body{overflow:visible!important}}