:root{--bg: #070d0c;--panel-bg: #0a120f;--orange: #ff7a18;--amber: #ffb04a;--teal: #3affd4;--red: #ff3b30;--text: #cfe3d8;--dim: #5f7a6e;--border: #28443a}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:VT323,Courier New,monospace;font-size:20px;line-height:1.35}.app{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}.app canvas{image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--teal);text-decoration:none}a:hover{color:var(--amber)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.dim{color:var(--dim)}.hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px}.hud-id{display:flex;flex-direction:column;text-shadow:0 0 8px rgba(255,122,24,.6)}.hud-handle{color:var(--orange);font-size:26px;letter-spacing:1px}.hud-vibe{color:var(--dim);font-size:16px}.hud-skip{pointer-events:auto;color:var(--dim);border:1px solid var(--border);background:#070d0ccc;padding:4px 12px;letter-spacing:1px}.hud-skip:hover{color:var(--amber);border-color:var(--amber)}.hud-hint{position:absolute;top:72px;left:50%;transform:translate(-50%);color:var(--dim);background:#070d0cb3;padding:3px 14px;border:1px solid var(--border);animation:fadein 1s}.hud-dialogue{position:absolute;bottom:84px;left:50%;transform:translate(-50%);max-width:min(620px,88vw);background:#050a09d9;border:1px solid var(--border);padding:8px 16px;font-size:22px;animation:fadein .25s}.hud-duck{color:var(--amber)}.hud-duck:after{content:" ::";color:var(--dim)}.hud-prompt{position:absolute;bottom:34px;left:50%;transform:translate(-50%);color:var(--orange);font-size:24px;letter-spacing:2px;text-shadow:0 0 10px rgba(255,122,24,.8);animation:blink 1.6s step-end infinite}.hud-look{pointer-events:auto;color:var(--orange);border:1px solid var(--orange);padding:10px 26px;font-size:24px;letter-spacing:2px;background:#070d0cd9}@keyframes blink{50%{opacity:.55}}@keyframes fadein{0%{opacity:0}}.panel-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0306058c;pointer-events:auto}.panel{width:min(640px,92vw);max-height:78vh;display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--border);box-shadow:0 0 0 4px #070d0ce6,0 0 40px #ff7a181f}.panel-bar{display:flex;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);color:var(--orange);letter-spacing:2px;font-size:22px}.panel-bar button{color:var(--dim)}.panel-bar button:hover{color:var(--red)}.panel-body{padding:16px 18px;overflow-y:auto}.panel-body p{margin-bottom:10px}.panel-name{color:var(--amber);font-size:26px}.panel-foot{padding:6px 14px;border-top:1px solid var(--border);font-size:15px}.repo{display:block;border:1px solid var(--border);padding:8px 12px;margin-bottom:10px;color:var(--text)}.repo:hover{border-color:var(--orange);color:var(--text)}.repo-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.repo-name{color:var(--teal);font-size:22px}.repo:hover .repo-name{color:var(--amber)}.repo-meta{display:flex;gap:12px;color:var(--dim);font-size:16px;align-items:center}.repo-lang{display:inline-flex;align-items:center;gap:5px}.repo-lang i{width:9px;height:9px;border-radius:50%;display:inline-block}.repo-desc{color:var(--dim);font-size:17px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-lost p:first-child{color:var(--red);font-size:24px}.service-list{list-style:none;margin-top:8px}.service-list li{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px dashed var(--border)}.service-name{color:var(--teal);font-size:21px}.service-desc{font-size:16px}.cta-line{margin-top:14px;color:var(--amber)}.stack-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}.stack-list li{border:1px solid var(--border);padding:6px 10px;color:var(--teal);text-align:center}.contact-list,.stats-list{list-style:none}.contact-list li,.stats-list li{padding:5px 0;border-bottom:1px dashed var(--border)}.stats-list b{color:var(--amber);font-size:24px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#050807;z-index:10}.loading-ring{width:116px;height:116px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);animation:glowpulse 1.8s steps(6) infinite}.loading-duck{width:96px;height:96px;image-rendering:pixelated;border-radius:50%;animation:waddle .7s steps(2) infinite}.loading-text{color:var(--orange);font-size:30px;letter-spacing:6px;text-shadow:0 0 12px rgba(255,122,24,.6)}.loading-dots:after{content:"";display:inline-block;width:0;animation:dots 1.2s steps(4) infinite}.loading-bar{width:240px;height:12px;border:1px solid var(--border);padding:2px}.loading-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--orange) 0 6px,#a34d10 6px 12px);animation:fill 1.7s steps(14) forwards}.loading-sub{font-size:16px}@keyframes waddle{0%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-3px)}to{transform:rotate(-7deg) translateY(0)}}@keyframes glowpulse{0%,to{box-shadow:0 0 14px #ff7a1840;border-color:var(--border)}50%{box-shadow:0 0 30px #ff7a188c;border-color:var(--orange)}}@keyframes dots{to{content:"..."}0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes fill{to{width:100%}}@media(prefers-reduced-motion:reduce){.loading-duck,.loading-ring,.hud-prompt,.loading-text{animation:none}}.den-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px;pointer-events:none}.den-title{color:var(--orange);letter-spacing:2px;text-shadow:0 0 8px rgba(255,122,24,.5)}.den-top .hud-skip{pointer-events:auto}.den-scores{position:absolute;top:50px;left:50%;transform:translate(-50%);display:flex;gap:26px;background:#050a09b3;border:1px solid var(--border);padding:4px 18px}.den-scores b{color:var(--amber);font-size:22px}.den-panel{position:absolute;left:50%;bottom:26px;transform:translate(-50%);width:min(560px,92vw);background:#050a09d9;border:1px solid var(--border);padding:12px 18px 14px;text-align:center;pointer-events:auto}.den-smokes{color:var(--amber);letter-spacing:2px}.den-line{min-height:28px;margin:8px 0}.den-actions{display:flex;gap:12px;justify-content:center;margin-top:6px}.den-actions button{border:1px solid var(--orange);color:var(--orange);padding:8px 24px;font-size:22px;letter-spacing:2px}.den-actions button:hover{background:#ff7a1826}.den-hint{margin-top:10px;font-size:15px}.joystick{position:absolute;left:26px;bottom:26px;width:124px;height:124px;border-radius:50%;border:2px solid var(--border);background:#070d0c80;touch-action:none}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#ff7a1859;border:2px solid var(--orange)}.textmode{position:fixed;inset:0;overflow-y:auto;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px),var(--bg)}.textmode-inner{max-width:720px;margin:0 auto;padding:36px 20px 80px}.textmode header{margin-bottom:28px}.textmode h1{color:var(--orange);font-size:38px;font-weight:400}.textmode h2{color:var(--amber);font-size:24px;font-weight:400;letter-spacing:2px;margin-bottom:10px}.textmode section{margin-bottom:32px}.textmode section p{margin-bottom:8px}.textmode .hud-skip{margin-top:12px}