:root{--bg: #100818;--bg-2: #160e22;--panel: #1c1430;--panel-2: #261c3e;--gold: #e6b35a;--gold-dim: #a67c3d;--cyan: #3dffe8;--rose: #ff4d9a;--mint: #7dffb2;--text: #f6efe2;--muted: #b7a8c9;--border: #12080c;--titlebar: #3a2458;--titlebar-hi: #e6b35a;--ink: #140e22;--grid-line: rgba(61, 255, 232, .045);--grid-line-2: rgba(230, 179, 90, .045);--glow: #4a2a68;--shade: #2a1020;--hp-track: #3a1028;--hp-hi: #ff8ac0;--title-chip: #241433;--title-text: #f6efe2;--btn-hover: #f2d08a;--ghost-hover: #3a2458;--avatar-bg: #120c1c;--boot-bg: #07040e;--scan: rgba(0, 0, 0, .18);--pixel: 4px;--font-display: "Press Start 2P", ui-monospace, monospace;--font-body: "Pixelify Sans", system-ui, sans-serif;--max: 1120px}html[data-theme=light]{--bg: #d7e4ea;--bg-2: #c9ddd6;--panel: #fff8e6;--panel-2: #ffe7b0;--gold: #c47b12;--gold-dim: #8a5610;--cyan: #2a62d6;--rose: #c43244;--mint: #2c8a48;--text: #2a1c12;--muted: #6d5342;--border: #3a2414;--titlebar: #1f5fbf;--titlebar-hi: #e8b84a;--ink: #fffdf6;--grid-line: rgba(47, 110, 150, .08);--grid-line-2: rgba(46, 120, 90, .08);--glow: #b7d4ea;--shade: #c5ddd0;--hp-track: #f4c9cf;--hp-hi: #ff8aa0;--title-chip: #163e86;--title-text: #fff8e8;--btn-hover: #f6d27a;--ghost-hover: #d5e4ff;--avatar-bg: #fffdf6;--boot-bg: #d7e4ea;--scan: rgba(40, 70, 80, .08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{color:var(--text);font-family:var(--font-body);font-size:1.15rem;line-height:1.45;background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-2) 1px,transparent 1px),radial-gradient(ellipse 80% 50% at 50% -10%,var(--glow) 0%,transparent 55%),radial-gradient(ellipse at bottom,var(--shade) 0%,var(--bg) 52%);background-size:16px 16px,16px 16px,100% 100%,100% 100%}img,svg{image-rendering:pixelated;image-rendering:crisp-edges}h1,h2,h3,.pixel-titlebar__title,.hud-brand,.btn,.badge,.quest-status,.boot-line,.stat-label,.learn-mark,.nav-link{font-family:var(--font-display);letter-spacing:.02em}h1,h2,h3{margin:0;line-height:1.5}p{margin:0 0 .85rem}p:last-child{margin-bottom:0}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--gold)}:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.skip-link{position:absolute;left:12px;top:-80px;z-index:10000;padding:10px 14px;background:var(--gold);color:var(--border);font-family:var(--font-display);font-size:10px}.skip-link:focus{top:12px}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:9998;background:repeating-linear-gradient(to bottom,var(--scan) 0,var(--scan) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.vignette{pointer-events:none;position:fixed;inset:0;z-index:9997;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}.app{min-height:100vh}.hud-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-bottom:4px solid var(--border);box-shadow:0 4px 0 var(--border),0 8px #00000059}.hud-brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:10px;text-decoration:none;white-space:nowrap}.hud-brand:hover{color:var(--cyan)}.hud-links{display:flex;flex-wrap:wrap;gap:4px 10px;flex:1}.nav-link{color:var(--text);font-size:9px;padding:8px 6px;min-height:36px;display:inline-flex;align-items:center}.nav-link:hover,.nav-link[aria-current=true]{color:var(--cyan);text-shadow:2px 0 0 var(--rose)}.hud-stats{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--muted);white-space:nowrap}.stat-chip{display:inline-flex;align-items:center;gap:8px}.stat-label{font-size:8px;color:var(--mint)}.hp-bar{width:72px;height:10px;background:var(--hp-track);border:2px solid var(--border);box-shadow:2px 2px 0 var(--border);overflow:hidden}.hp-bar>span{display:block;height:100%;width:92%;background:repeating-linear-gradient(90deg,var(--rose) 0 6px,var(--hp-hi) 6px 8px)}.layout{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:28px 0 80px;display:grid;gap:24px}.pixel-window,#log{scroll-margin-top:96px}.pixel-window{position:relative;background:var(--panel);border:4px solid var(--border);box-shadow:4px 0 0 var(--border),-4px 0 0 var(--border),0 4px 0 var(--border),0 -4px 0 var(--border),8px 8px #00000080,inset 0 0 0 2px var(--gold-dim)}.pixel-window:before,.pixel-window:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;z-index:2;border-color:var(--gold);border-style:solid}.pixel-window:before{top:-4px;left:-4px;border-width:3px 0 0 3px}.pixel-window:after{right:-4px;bottom:-4px;border-width:0 3px 3px 0}.pixel-titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;background:repeating-linear-gradient(90deg,var(--titlebar) 0 6px,var(--titlebar-hi) 6px 8px);border-bottom:4px solid var(--border);color:var(--text)}.pixel-titlebar__icon,.pixel-titlebar__title,.pixel-titlebar__controls{background:var(--title-chip);color:var(--title-text);padding:2px 6px}.pixel-titlebar__title{justify-self:start;font-size:10px;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixel-titlebar__controls{display:flex;gap:6px}.ctrl{width:16px;height:16px;display:block;border:2px solid var(--border);box-shadow:2px 2px 0 var(--border)}.ctrl.min{background:var(--gold)}.ctrl.max{background:var(--mint)}.ctrl.close{background:var(--rose)}.pixel-window__body{padding:18px 18px 20px;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%)}.hero-grid{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.hero-copy h1{font-size:clamp(14px,2.4vw,22px);color:var(--gold);margin-bottom:10px}.hero-role{font-family:var(--font-display);font-size:9px;color:var(--cyan);margin-bottom:14px}.hero-meta{color:var(--muted);margin-bottom:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;font-size:9px;color:var(--border);background:var(--gold);border:3px solid var(--border);box-shadow:4px 4px 0 var(--border);cursor:pointer;text-decoration:none}.btn:hover{color:var(--border);background:var(--btn-hover);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--border)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--border)}.btn.secondary{background:var(--cyan)}.btn.ghost{background:var(--panel-2);color:var(--text)}.btn.ghost:hover{color:var(--text);background:var(--ghost-hover)}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.muted{color:var(--muted)}.badge-row,.chip-row{display:flex;flex-wrap:wrap;gap:8px}.badge,.chip{display:inline-flex;align-items:center;padding:4px 8px;border:2px solid var(--border);box-shadow:2px 2px 0 var(--border);background:var(--ink);font-size:.95rem}.badge{font-family:var(--font-display);font-size:8px;background:var(--gold);color:var(--border)}.badge.cyan{background:var(--cyan)}.badge.rose{background:var(--rose);color:var(--text)}.badge.mint{background:var(--mint)}.skill-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.skill-group h3{font-size:10px;color:var(--cyan);margin-bottom:12px}.skill-tiles{display:flex;flex-wrap:wrap;gap:8px}.skill-tile{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 10px;background:var(--ink);border:3px solid var(--border);box-shadow:3px 3px 0 var(--border)}.skill-name{font-family:var(--font-body);font-size:1.05rem;line-height:1.2;color:var(--text)}.learn-mark{font-size:8px;padding:3px 4px;background:var(--gold);color:var(--border);border:2px solid var(--border)}.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quest-card{background:var(--ink);border:3px solid var(--border);box-shadow:4px 4px 0 var(--border);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:100%}.quest-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.quest-card h3{font-size:10px;color:var(--gold)}.quest-status{font-size:8px;padding:4px 6px;border:2px solid var(--border)}.quest-status.LIVE{background:var(--mint);color:var(--border)}.quest-status.DESIGN{background:var(--cyan);color:var(--border)}.quest-status.TOOL{background:var(--gold);color:var(--border)}.quest-card ul{margin:0;padding-left:1.1rem;color:var(--text);font-size:1.05rem}.quest-card li+li{margin-top:.4rem}.log-list{display:grid;gap:16px}.log-item h3{font-size:10px;color:var(--gold);margin-bottom:4px}.when{font-family:var(--font-display);font-size:8px;color:var(--cyan);margin-bottom:8px}.cert-list{display:grid;gap:12px}.cert{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px;background:var(--ink);border:3px solid var(--border);box-shadow:3px 3px 0 var(--border)}.cert h3{font-size:9px;color:var(--gold)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.contact-grid a,.contact-grid span{word-break:break-word}.pixel-footer{text-align:center;padding:8px 16px 0;font-family:var(--font-display);font-size:8px;color:var(--muted);line-height:1.8}.egg-hint{padding-bottom:28px;max-width:720px;margin:0 auto}.theme-toggle{font-family:var(--font-display);font-size:8px;min-height:44px;min-width:44px;padding:8px 10px;color:var(--border);background:var(--gold);border:3px solid var(--border);box-shadow:3px 3px 0 var(--border);cursor:pointer}.theme-toggle:hover{background:var(--btn-hover)}.avatar-btn{padding:0;border:0;background:transparent;cursor:pointer;line-height:0;justify-self:start}.portrait-overlay{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:16px;background:#12080cb8}.portrait-dialog{width:min(420px,100%)}.portrait-photo{display:block;width:100%;height:auto;image-rendering:auto;border:4px solid var(--border)}.portrait-note{margin-top:12px;color:var(--muted)}.portrait-note code{font-family:var(--font-body);color:var(--text)}.avatar{width:128px;height:128px;flex-shrink:0;background:var(--avatar-bg);border:4px solid var(--border);box-shadow:4px 4px 0 var(--border),inset 0 0 0 4px var(--titlebar)}.boot{position:fixed;inset:0;z-index:50;background:var(--boot-bg);color:var(--mint);display:flex;flex-direction:column;justify-content:center;padding:8vw;font-family:var(--font-display);font-size:clamp(10px,2.2vw,14px);line-height:1.9}.boot-line{opacity:0;transform:translateY(4px)}.boot-line.on{opacity:1;transform:none}.boot-skip{margin-top:28px;align-self:flex-start}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scanlines,.boot{display:none}.btn,.nav-link,.boot-line{transition:none}}@media(max-width:900px){.hero-grid,.split,.skill-groups,.quest-grid,.contact-grid{grid-template-columns:1fr}.hud-stats{display:none}.hud-nav{flex-wrap:nowrap;gap:6px;padding:6px 8px}.hud-brand{font-size:0;gap:0;flex-shrink:0}.hud-links{flex-wrap:nowrap;overflow-x:auto;min-width:0;gap:0}.nav-link{font-size:8px;min-height:36px;padding:6px 7px;white-space:nowrap}.theme-toggle{min-height:36px;padding:6px 8px;flex-shrink:0}.pixel-window,#log{scroll-margin-top:56px}.hero-copy h1{font-size:16px}.pixel-titlebar__title{font-size:9px}}@media(max-width:640px){body{font-size:1.05rem}.layout{width:min(100% - 16px,var(--max));padding-top:12px}.avatar{width:96px;height:96px}}