:root{--bg: #111111;--surface: #1a1a1a;--surface-2: #222222;--border: #2a2a2a;--text: #f5f5f5;--text-dim: #a3a3a3;--text-muted: #737373;--accent: #ffffff;--accent-strong: #e5e5e5;--accent-soft: rgba(255, 255, 255, .12);--success: #4ade80;--warning: #facc15;--error: #f87171;--font-display: "Inter", sans-serif;--font-body: "Inter", sans-serif}:root[data-theme=light]{--bg: #f3efe6;--surface: #fbf8f1;--surface-2: #f1ece1;--border: #d6cfc0;--text: #1f1c16;--text-dim: #5b5446;--text-muted: #7a7161;--accent: #2b241a;--accent-strong: #15110c;--accent-soft: rgba(43, 36, 26, .12);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--font-display: "Inter", sans-serif;--font-body: "Inter", sans-serif}:root[data-theme=cyber]{--bg: #0a0a12;--surface: #111122;--surface-2: #161633;--border: #2a2a5a;--text: #f5faff;--text-dim: #9bb0ff;--text-muted: #5f6ab3;--accent: #ff00ff;--accent-strong: #ff4dff;--accent-soft: rgba(255, 0, 255, .18);--accent-cyan: #00f0ff;--accent-cyan-strong: #5ffaff;--accent-cyan-soft: rgba(0, 240, 255, .18);--accent-lime: #39ff14;--accent-orange: #ff6a00;--success: #00ff9c;--warning: #ffb703;--error: #ff2e63;--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif}:root[data-theme=alt]{--bg: #0f1f1c;--surface: #162a26;--surface-2: #1d3530;--border: #1f3b35;--text: #e7f5f1;--text-dim: #9fcac1;--text-muted: #6aa89f;--accent: #00b894;--accent-strong: #019875;--accent-soft: rgba(0, 184, 148, .2);--success: #2ecc71;--warning: #f39c12;--error: #e74c3c;--font-display: "Press Start 2P", cursive;--font-body: "Source Sans 3", sans-serif}:root[data-theme=zelda]{--bg: #0f1a14;--surface: #1c2b22;--surface-2: #24382c;--border: #3b4f3f;--text: #f4f1de;--text-dim: #cfc8a8;--text-muted: #9f9a7a;--accent: #d4af37;--accent-strong: #f1d76b;--accent-soft: rgba(212, 175, 55, .18);--success: #4fbf6b;--warning: #e0a106;--error: #b23a3a;--accent-blue: #3a86c4;--accent-blue-soft: rgba(58, 134, 196, .18);--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-strong)}a:focus-visible{outline:.25rem auto -webkit-focus-ring-color;outline-offset:.125rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}button{border:.0625rem solid transparent;background:transparent;font:inherit;padding:0;cursor:pointer}button:hover{border-color:var(--accent-strong)}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}.card{background:var(--surface);border:.0625rem solid var(--border)}.welcome{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;max-width:76rem;margin:0 auto;padding:4.5rem 2rem 5.5rem;text-align:left;position:relative}.welcome-reveal{opacity:0;transform:translateY(6px);animation:welcome-fade-in .36s ease-out forwards;animation-delay:var(--delay, 0ms)}@keyframes welcome-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-top{display:flex;flex-direction:column;gap:.75rem}.welcome-title{font-family:var(--font-display);font-size:clamp(2.6rem,4vw,4.5rem);margin:0;line-height:1.05}.welcome-location{color:var(--text-dim)}.welcome-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-dim)}.welcome-role{color:var(--text);font-weight:600}.welcome-dot{color:var(--text-muted)}.welcome-availability{color:var(--success);font-weight:600}.welcome-body{display:flex;flex-direction:column;gap:1.5rem}.welcome-text{color:var(--text-dim);margin:0;font-size:1.125rem;line-height:1.6;max-width:48rem}.welcome-links{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.welcome-links a{color:var(--text);border:.125rem solid var(--border);padding:.35rem .85rem;border-radius:.6rem;text-decoration:none;background:var(--surface-2);font-weight:600}.welcome-links a:hover{border-color:var(--accent-strong);color:var(--accent)}.welcome-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}.welcome-card{border:.125rem solid var(--border);padding:1.5rem 1.75rem;border-radius:1rem;background:var(--surface);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.welcome-card--resume{background:#ffffffeb;border-color:#d6dee9;color:#0f172a;box-shadow:0 .9rem 1.5rem #0f172a14;font-family:var(--font-body)}.welcome-card--resume .welcome-card-title,.welcome-card--resume .welcome-card-text{color:#0f172a;font-family:var(--font-body)}.welcome-card--resume .welcome-card-text{color:#475569}.welcome-card--resume .welcome-card-cta{color:#1d4ed8;font-family:var(--font-body)}.welcome-card--explorer .welcome-card-title,.welcome-card--explorer .welcome-card-text,.welcome-card--explorer .welcome-card-cta{color:var(--text)}.welcome-card--explorer{border-color:var(--accent-strong);background:var(--surface-2);box-shadow:0 0 0 .2rem var(--accent-soft);font-family:var(--font-body)}.welcome-card-title{font-family:var(--font-display);font-size:1.4rem;margin:0}.welcome-card-text{color:var(--text-dim);font-size:.9rem;line-height:1.5}.welcome-card-cta{font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.welcome-card:hover{transform:translateY(-2px);border-color:var(--accent-strong);box-shadow:0 .75rem 1.5rem #00000059}.welcome-card--resume:hover{border-color:#1d4ed8;box-shadow:0 1rem 1.6rem #0f172a1f}.welcome-card:focus,.welcome-card:focus-visible{outline:.25rem auto -webkit-focus-ring-color;outline-offset:.2rem}@media(max-width:1024px){.welcome{max-width:100%;padding:4rem 2rem 4.5rem}.welcome-actions{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}@media(max-width:900px){.welcome{gap:2rem}.welcome-text{font-size:1.05rem}}@media(max-width:700px){.welcome{align-items:stretch;padding:3.5rem 1.25rem 4rem}.welcome-title{font-size:clamp(2.2rem,9vw,3rem)}}@media(max-width:480px){.welcome-links{width:100%}.welcome-links a{width:100%;text-align:center}.welcome-card{padding:1.25rem 1.35rem}}@media(prefers-reduced-motion:reduce){.welcome-reveal{animation:none;opacity:1;transform:none}}:root{--color-paper: #ffffff;--color-ink: #0f172a;--color-ink-light: #475569;--color-ink-blue: #1d4ed8}.resume-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow-x:hidden;overflow-y:auto;position:relative;padding:1rem 0;box-sizing:border-box}.resume-actions{position:fixed;left:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.75rem;z-index:10}.resume-actions-toggle{display:none;align-items:center;gap:.6rem;border:.125rem solid var(--border);border-radius:.25rem;padding:.5rem .85rem;background:var(--surface-2);color:var(--text);font-weight:700;cursor:pointer}.resume-actions-icon{display:inline-block;width:1.3rem;height:.15rem;background:var(--text);border-radius:999rem;box-shadow:0 .35rem 0 var(--text),0 -.35rem 0 var(--text)}.resume-actions-drawer{display:flex;flex-direction:column;gap:.75rem}.resume-exit{width:12.5rem;border:.125rem solid var(--border);border-radius:.25rem;padding:.4rem .75rem;background:var(--surface-2);color:var(--text);font-weight:600;cursor:pointer}.resume-pdf{width:12.5rem;border:.125rem solid var(--border);border-radius:.25rem;padding:.4rem .75rem;background:var(--surface-2);color:var(--text);font-weight:600;text-decoration:none;cursor:pointer}.resume-front{width:208mm;height:269mm;background:var(--color-paper);color:var(--color-ink);box-shadow:0 12px 24px #0f172a1f;padding:5mm 5mm 0;display:flex;flex-direction:column;gap:.25rem;box-sizing:border-box;flex-shrink:0}@media(max-width:600px){.resume-page{overflow-x:auto;justify-content:flex-start}}.resume-header{text-align:center;border-bottom:2px solid var(--color-ink);margin-bottom:.75rem}.resume-header h1{margin:0;font-size:2rem;font-weight:800;color:var(--color-ink)}.resume-header .contact-info{margin:0 0 1.5rem;font-size:.72rem;color:var(--color-ink-light);font-weight:400}.resume-header a{color:var(--color-ink-blue);text-decoration:none}.resume-header a:hover{text-decoration:underline}.resume-front h3{text-align:start;margin:.6rem 0 .2rem;font-size:.95rem;font-weight:850;color:var(--color-ink-blue);text-transform:uppercase;letter-spacing:.1px;border-bottom:1px solid var(--color-ink-blue);line-height:.9;width:auto}.resume-front h4{margin:0;font-size:.72rem;font-weight:600;color:var(--color-ink)}.resume-front .project-link{color:var(--color-ink-blue);text-decoration:none;background:transparent;border:0;padding:0;outline:none;box-shadow:none}.resume-front .project-link:hover{text-decoration:underline}.resume-front .tech-stack,.resume-front .company-period,.resume-front .program-period{font-size:.72rem;color:var(--color-ink-light);font-style:italic}.resume-front p{margin:0 0 .2rem;line-height:1.3;color:var(--color-ink);font-size:.72rem;font-weight:500}.resume-front ul{margin:0 0 .25rem;padding-left:1.25rem}.resume-front li{margin-bottom:0;line-height:1.2;color:var(--color-ink);font-size:.72rem;font-weight:500}.resume-front .project-item,.resume-front .experience-item,.resume-front .education-item{margin-bottom:.5rem}.resume-front .experience-item{background:none;border:0;padding:0;gap:0;margin-bottom:.35rem;max-width:100%}.resume-front .experience-item ul{margin:0 0 .15rem;padding-left:0;list-style-position:inside;max-width:100%}.resume-front .experience-item li{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.resume-front .technical-skills-section h4{font-size:.72rem;font-style:bold}.resume-front .technical-skills-section,.resume-front .soft-skills-section,.resume-front .hobbies-section{margin-bottom:.75rem;text-align:start}.resume-front .mobile-sub-grid-inner{display:grid;gap:.75rem}.resume-columns{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:.75rem;height:100%}.resume-left,.resume-right{display:flex;flex-direction:column;gap:0;min-width:0}@media(max-width:1200px){.resume-actions{left:1rem;top:1rem;bottom:auto}.resume-actions-toggle{display:inline-flex}.resume-actions-drawer{position:absolute;top:calc(100% + .5rem);left:0;padding:.75rem;background:var(--surface);border:.125rem solid var(--border);border-radius:.5rem;box-shadow:0 12px 24px #0f172a2e;opacity:0;transform:translateY(-.35rem);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.resume-actions.is-open .resume-actions-drawer{opacity:1;transform:translateY(0);pointer-events:auto}}@media print{:root{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}.resume-page{padding:0;background:#fff}.resume-exit,.resume-pdf{display:none}.resume-front{box-shadow:none;border:none}}.explorer{display:flex;margin:0 auto;padding:1rem;text-align:center;gap:1.5rem;width:100%;height:100vh;background:var(--bg)}.explorer-main .nav-top,.explorer-main .render-window,.explorer-character>*{opacity:0;transform:translateY(6px);animation:explorer-fade-in .36s ease-out forwards}.explorer-main .nav-top{animation-delay:0ms}.explorer-character>:nth-child(1){animation-delay:80ms}.explorer-character>:nth-child(2){animation-delay:.14s}.explorer-character>:nth-child(3){animation-delay:.2s}.explorer-main .render-window{animation-delay:.26s}@keyframes explorer-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.explorer-main{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-width:0;height:100%;min-height:0}.explorer-navtop{position:relative;z-index:5}.explorer-navside-drawer,.nav-drawer-contacts{display:none}.explorer-character{display:flex;flex-direction:row;gap:1.5rem;align-items:stretch;flex:1;min-height:0}.explorer-character>*{flex:1 1 0;min-width:0}.hero-level-pill{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:.125rem solid var(--border);background:var(--surface);width:100%;max-height:110px}.hero-level-pill-text{font-size:1rem;font-weight:700;color:var(--success);border:.125rem solid var(--success);border-radius:999rem;padding:.2rem .85rem;background:var(--surface-2);text-transform:uppercase;letter-spacing:.08em}.hero-progress--pill{border-top:0;padding-top:0;margin-top:0}.render-window{flex:1;min-height:0}@media(max-width:1200px){.explorer,.explorer-main,.explorer-character{gap:1.25rem}}@media(max-width:1024px){.explorer{flex-direction:column;height:auto;min-height:100vh}.explorer-navside{display:none}.explorer-navside-drawer{display:none;border:.125rem solid var(--border);background:var(--surface);position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:30;box-shadow:0 12px 24px #0f172a33}.explorer-navside-drawer.is-open{display:block}.explorer-navside-drawer .nav-side{width:100%;height:auto;padding:1rem;border:0;background:transparent;overflow:visible}.explorer-navside-drawer .nav-side-list{flex-direction:column;flex-wrap:nowrap;gap:.75rem;min-height:0}.explorer-character{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.explorer-character>:nth-child(3){grid-column:1 / -1}}@media(max-width:900px){.nav-drawer-contacts{display:block;padding:0 1rem 1rem;margin-top:.75rem}.nav-drawer-contact-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.nav-drawer-contact-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.45rem .75rem;border:.125rem solid var(--border);border-radius:.25rem;background:var(--surface-2);color:var(--accent);text-decoration:none;font-weight:600}}@media(max-width:600px){.explorer{padding:.75rem;gap:1rem}.explorer-main{gap:1rem}.explorer-character{grid-template-columns:1fr;gap:1rem;flex:0 0 auto}.explorer-character>:nth-child(3){grid-column:auto}}@media(prefers-reduced-motion:reduce){.explorer-main .nav-top,.explorer-main .render-window,.explorer-character>*{animation:none;opacity:1;transform:none}}.nav-side{width:12.5rem;height:100%;padding:1.25rem;border:.125rem solid var(--border);background:var(--surface);overflow-y:auto}.nav-side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;min-height:100%}.nav-side-item{margin:0}.nav-side-item--utility{margin-top:auto}.nav-side-title--mode,.nav-side-title--reset{background:var(--surface);color:var(--text)}.nav-side-title{width:100%;font-size:1.35rem;font-weight:600;border:.125rem solid var(--border);border-radius:.25rem;padding:.5rem;background:var(--surface-2);color:var(--text);text-align:left}@media(max-width:1024px){.nav-side{width:100%;height:auto;overflow:visible;padding:1rem}.nav-side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;min-height:0;gap:.75rem}.nav-side-item--utility{margin-top:0}.nav-side-title{font-size:1.1rem;padding:.4rem .6rem}.nav-side-spacer{grid-column:1 / -1;height:.5rem}}@media(max-width:600px){.nav-side-list{grid-template-columns:1fr}}.stats{display:flex;flex-direction:column;gap:1.5rem;height:100%;width:100%;padding:1.5rem;background:var(--surface);font-family:var(--font-body);overflow:hidden}.stats-header{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.stats-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:.03em}.stats-subtitle{margin:0;color:var(--text-dim);max-width:60rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-meta{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end;font-size:.85rem;color:var(--text-muted)}.stats-meta-row{display:flex;align-items:center;gap:.75rem}.stats-meta-value{color:var(--text);font-weight:600}.stats-refresh{border:.0625rem solid var(--success);border-radius:.25rem;padding:.2rem .75rem;color:var(--success);background:var(--surface-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.stats-refresh:hover{color:var(--text);border-color:var(--success)}.stats-status{border:.125rem dashed var(--border);border-radius:.75rem;padding:1rem;text-align:center;color:var(--text-dim)}.stats-status--error{color:var(--error);border-color:#f8717166}.stats-gate{flex:1;width:100%;height:100%;border-radius:.75rem;padding:1.5rem;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;background:var(--surface-2)}.stats-locked{border:.125rem dashed var(--border);color:var(--text-dim);opacity:.8;flex-direction:column;gap:.35rem}.stats-locked-label{font-size:.75rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.stats-enhance{border:.25rem solid var(--success);color:var(--success);background:var(--surface-2);font-size:1.35rem;text-transform:uppercase;letter-spacing:.08em}.stats-enhance:hover{color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;flex:1;min-height:0;overflow:auto;padding-right:.5rem}.stats-card{border:.125rem solid var(--border);border-radius:.75rem;padding:1rem;background:linear-gradient(160deg,#ffffff05,#fff0),var(--surface);display:flex;flex-direction:column;gap:.5rem;min-height:7.5rem}.stats-card--wide{grid-column:span 2}.stats-card--tall{grid-row:span 2;min-height:16rem}.stats-card--spread{justify-content:space-between;height:100%}.stats-card-title{margin:0;font-size:.9rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body)}.stats-card-value{font-size:1.4rem;font-weight:700;color:var(--text)}.stats-card-subtitle{color:var(--text-muted);font-size:.85rem}.stats-list{list-style:none;margin:0;padding:.25rem 0 0;display:flex;flex-direction:column;justify-content:space-between;height:100%;color:var(--text);font-weight:600;text-align:center}.stats-list li{display:flex;flex-direction:column;gap:.1rem;line-height:1.1;color:var(--text);font-size:.9rem}.stats-list-title{font-size:.76rem}.stats-list-item{align-items:center}.stats-list-date{margin-left:0;color:var(--text-muted);font-size:.75rem}.stats-list-meta{color:var(--success);font-weight:700}@media(max-width:900px){.stats{padding:1rem}.stats-header{flex-direction:column;align-items:flex-start}.stats-meta{align-items:flex-start}.stats-card--wide{grid-column:span 1}}@media(max-width:600px){.stats{padding:.75rem}.stats-subtitle{white-space:normal}.stats-grid{padding-right:0}.stats-card--wide,.stats-card--tall{grid-column:span 1;grid-row:span 1;min-height:auto}}.summary{display:flex;flex-direction:column;margin:0 auto;padding:.6rem;border:.125rem solid var(--border);background:var(--surface-2);width:100%;max-width:1000px;height:100%}.summary-text{font-size:1.125rem;line-height:1.75rem;width:100%;margin:.5rem 0 0;text-align:left}@media(max-width:1024px){.summary{width:100%;padding:.6rem;max-width:none}.summary-title{margin:0}.summary-text{margin:.5rem 0 0;width:100%}}@media(max-width:600px){.summary{padding:.75rem}.summary-text{width:100%;font-size:1rem}}.about{display:flex;height:100%;width:100%;align-items:flex-start;justify-content:flex-start}.about-cards{display:flex;flex-direction:row;gap:1rem;align-items:stretch;height:100%;overflow:hidden}.about-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:.125rem solid var(--border);border-radius:.25rem;background:var(--surface-2);flex:1 1 0;min-width:0;width:auto;height:100%}.about-card--photo{justify-content:flex-start;padding:0;gap:0}.about-card--context{justify-content:flex-start}.about-title{margin:0;line-height:1.1;font-size:1.1rem}.about-hobbies{display:flex;flex-direction:column;justify-content:space-between;height:100%;align-items:center}.about-photo-frame{flex:1;width:100%;align-self:center;border:none;border-radius:0;background:transparent;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.about-photo{width:100%;height:100%;object-fit:contain}.about-photo-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-auto-rows:1fr;gap:0;padding:0;box-sizing:border-box}.about-photo-grid--cooking{grid-auto-rows:minmax(0,1fr)}.about-photo-tile{width:100%;height:100%;object-fit:contain;border-radius:0}.about-photo-grid--cooking .about-photo-tile{object-fit:cover;aspect-ratio:auto;min-height:0}.about-photo-empty{margin:0;color:var(--text-muted);font-size:.85rem;text-align:center;padding:.75rem}.about-context{margin:0;color:var(--text);font-size:.95rem;line-height:1.4}.about-context-block{display:flex;flex-direction:column;gap:.35rem}.about-context-name{margin:0;font-weight:700;color:var(--text)}.about-hobby{border:.125rem solid var(--border);border-radius:.25rem;padding:.35rem .75rem;background:var(--surface);color:var(--text);font-size:.9rem;cursor:default;text-transform:none;letter-spacing:0;font-weight:600;width:66.6667%}.about-hobby:hover,.about-hobby:focus,.about-hobby:focus-visible{border-color:var(--accent-strong);outline:none}.about-hobby--active{color:var(--success);border-color:var(--success)}@media(max-width:1024px){.about-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;height:auto}.about-card{height:auto}.about-card--context{grid-column:1 / -1}.about-photo-frame{min-height:12rem}.about-hobby{width:100%}}@media(max-width:600px){.about-card{padding:.65rem}.about-context{font-size:.9rem}}@media(max-width:375px){.about-cards{grid-template-columns:1fr}.about-card--context{grid-column:auto}}.experience-wrap{position:relative;width:100%;height:100%;display:flex;align-items:stretch}.experience{display:flex;flex-direction:row;gap:1rem;height:100%;width:calc(100% + 3rem);margin:0 -1.5rem;padding:0 1.5rem;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:1.5rem;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.experience-wrap .scroll-control{position:absolute;top:-1.5rem;transform:none;z-index:2;border:0;background:transparent;color:var(--text);width:2.75rem;height:calc(100% + 3rem);border-radius:0;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.experience-wrap .scroll-control:focus,.experience-wrap .scroll-control:focus-visible{outline:none}.experience-wrap .scroll-control--disabled{opacity:.1;pointer-events:none}.experience-wrap .scroll-control:not(.scroll-control--disabled):hover{animation:scroll-arrow-bounce .6s ease-in-out infinite}.experience-wrap .scroll-control--left:not(.scroll-control--disabled):hover{animation-name:scroll-arrow-bounce-left}.experience-wrap .scroll-control--right:not(.scroll-control--disabled):hover{animation-name:scroll-arrow-bounce-right}.experience-wrap .scroll-control--left{left:-1.5rem}.experience-wrap .scroll-control--right{right:-1.5rem}.experience-unbuilt{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;height:100%;padding-top:4rem;border:.0625rem solid transparent}.experience-building{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;height:100%;padding-top:4rem;border:.0625rem solid transparent;color:var(--text-muted)}.experience-unbuilt:hover,.experience-building:hover{border-color:transparent}.experience-unbuilt:focus,.experience-unbuilt:focus-visible,.experience-building:focus,.experience-building:focus-visible{outline:none}.experience-unbuilt p{margin:0;font-weight:600;font-size:1.75rem;border:.125rem solid var(--error);border-radius:.25rem;padding:.25rem .75rem;background:var(--surface);color:var(--error);width:100%;text-align:center}.experience-building p{margin:0;font-weight:600;font-size:1.75rem;border:.125rem solid var(--success);border-radius:.25rem;padding:.25rem .75rem;background:var(--surface);color:var(--success);width:100%;text-align:center;position:relative;overflow:hidden}.experience-building p:before{content:"";position:absolute;inset:0;background:#4ade8033;transform:scaleX(0);transform-origin:left;animation:experience-build-fill 2.4s linear forwards;pointer-events:none;z-index:0}.experience-building p>*{position:relative;z-index:1}@keyframes experience-build-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.experience-building p:before{animation:none;transform:scaleX(1)}}.experience-item{border:.125rem solid var(--border);border-radius:.25rem;padding:.75rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.75rem;height:100%;width:33rem;position:relative;overflow:hidden}@media(min-width:1025px){.experience-item{width:clamp(440px,33rem,100%);min-width:440px;flex:0 0 clamp(440px,33rem,100%)}}.experience-title{margin:0;font-size:1.5rem}.experience-subtitle{margin:0;color:var(--text-dim);font-style:italic;font-size:.75rem}.experience-period{border:.0625rem solid var(--border);border-radius:.25rem;padding:.125rem 5.5rem;background:var(--surface);color:var(--text-dim);font-size:.75rem;text-align:center}.experience-period--top{position:absolute;top:6rem;left:-3rem;transform:rotate(-35deg);transform-origin:left center;letter-spacing:.03em;text-transform:uppercase;pointer-events:none;font-size:.7rem}.experience-skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;color:var(--text-dim)}.experience-skill-pill{border:.125rem solid #60a5fa;border-radius:999rem;padding:.0625rem .4rem;background:var(--surface);font-weight:600;font-size:.75rem;color:#60a5fa}.experience-bullets{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;text-align:left;font-size:1rem;line-height:1.2rem}.experience-bullet{margin:0}@media(max-width:1024px){.experience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;overflow-x:visible;height:auto;width:100%;margin:0;padding:0}.experience-wrap .scroll-control{display:none}.experience-item{width:100%;padding:.7rem;gap:.6rem}.experience-item:first-child{grid-column:1 / -1}.experience-period--top{position:static;transform:none;margin:.5rem auto 0;font-size:.65rem}.experience-title{font-size:1.25rem}.experience-subtitle{font-size:.7rem}.experience-period{font-size:.7rem;padding:.1rem 4.5rem}.experience-skills{gap:.4rem}.experience-skill-pill{font-size:.7rem;padding:.05rem .35rem}.experience-bullets{font-size:.92rem;gap:.4rem;line-height:1.15rem}}@media(max-width:600px){.experience{grid-template-columns:1fr;gap:.75rem}.experience-item{padding:.6rem}.experience-bullets{font-size:.85rem;line-height:1.05rem}.experience-title{font-size:1.1rem}.experience-subtitle{font-size:.65rem}.experience-period{font-size:.65rem;padding:.1rem 3.5rem}.experience-skill-pill{font-size:.65rem}}.map-wrap{position:relative;width:100%;height:100%;display:flex;align-items:stretch}.map{width:calc(100% + 3rem);height:100%;display:flex;align-items:stretch;justify-content:stretch;margin:0 -1.5rem;padding:0 1.5rem;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:0;border-radius:0}.map-canvas{position:relative;height:100%;aspect-ratio:677 / 500;flex:0 0 auto}.map-image{height:100%;width:auto;object-fit:contain;display:block;padding:0;margin:0;box-sizing:border-box;border:0}.map-node{position:absolute;width:24px;height:24px;border-radius:999rem;border:2px solid #000000;padding:0;cursor:pointer;transform:translate(-50%,-50%);background:#fff;box-shadow:none;transition:filter .15s ease}.map-node:focus,.map-node:focus-visible{outline:none}.map-node--green{background:#0f3}.map-node--red{background:#ff0019}.map-node--yellow{background:#fff700}.map-node--dim{filter:grayscale(1) brightness(.7)}.map-node--lit{filter:none}.node-tooltip{position:absolute;top:120%;left:50%;transform:translate(-50%);display:grid;gap:.25rem;min-width:160px;max-width:220px;padding:.5rem .6rem;background:linear-gradient(160deg,#2b1d12,#1b120b);color:#f3e6cf;border:2px solid #c8a06a;border-radius:.6rem;font-size:.72rem;text-align:left;z-index:3;pointer-events:none;box-shadow:0 6px 12px #0f080473,inset 0 0 10px #c8a06a40}.node-tooltip--above{top:auto;bottom:120%}.node-tooltip--below{top:120%;bottom:auto}.node-tooltip strong{font-size:.76rem;font-weight:700;color:#f2d6a2;text-transform:uppercase;letter-spacing:.04em}.node-tooltip span{line-height:1.25;color:#f7ecd9}.scroll-control{position:absolute;top:-1.5rem;transform:none;z-index:2;border:0;background:transparent;color:var(--text);width:2.75rem;height:calc(100% + 3rem);border-radius:0;font-weight:800;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-text-stroke:2px #000000;text-shadow:-2px 0 #000000,2px 0 #000000,0 -2px #000000,0 2px #000000}.scroll-control:focus,.scroll-control:focus-visible{outline:none}.scroll-control--disabled{opacity:.15;pointer-events:none}.scroll-control:not(.scroll-control--disabled){animation:scroll-arrow-bounce .6s ease-in-out infinite}.scroll-control--left:not(.scroll-control--disabled){animation-name:scroll-arrow-bounce-left}.scroll-control--right:not(.scroll-control--disabled){animation-name:scroll-arrow-bounce-right}.scroll-control--left{left:-1.5rem}.scroll-control--right{right:-1.5rem}@media(max-width:1024px){.map-wrap,.map{height:400px}.map-canvas{height:100%;max-height:none}.scroll-control{display:flex;top:0;height:100%;width:2rem;z-index:10}.scroll-control--left{left:-1rem}.scroll-control--right{right:-1rem}}@media(max-width:600px){.map-node{width:18px;height:18px}}.map-node.node-1{top:77%;left:13.2%}.map-node.node-2{top:51%;left:17.1%}.map-node.node-3{top:22%;left:28.9%}.map-node.node-4{top:38%;left:88.8%}.map-node.node-5{top:24.5%;left:13.2%}.map-node.node-6{top:95%;left:30%}.map-node.node-7{top:15.5%;left:56.7%}.map-node.node-8{top:23.7%;left:40.9%}.map-node.node-9{top:75%;left:54.5%}.map-node.node-10{top:83%;left:73.7%}.map-node.node-11{top:11%;left:95%}.map-node.node-12{top:9.5%;left:5.9%}.map-node.node-13{top:81.6%;left:6.9%}.map-node.node-14{top:27%;left:70.7%}.map-node.node-15{top:44.5%;left:62.3%}.map-node.node-16{top:67.8%;left:89.5%}.map-node.node-17{top:27%;left:20.9%}.programming-levels{display:flex;flex-direction:row;gap:1rem;height:100%;width:100%;min-width:0;overflow-x:auto}.programming-levels-item{border:.125rem solid var(--border);border-radius:.25rem;padding:1rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.75rem;height:100%;width:30rem;position:relative;overflow:hidden}.programming-levels-item--stats{gap:1rem;flex:0 0 calc(100% - 31rem);width:calc(100% - 31rem);min-width:0;position:relative}@media(min-width:1025px){.programming-levels-item--stats{min-width:300px;width:clamp(300px,calc(100% - 31rem),100%);flex-basis:clamp(300px,calc(100% - 31rem),100%)}}@media(max-width:1024px){.programming-levels-item--stats{min-height:390px;min-width:300px;width:clamp(300px,100%,100%)}}.programming-levels-item--stats .programming-levels-education{align-self:flex-start;text-align:left}.programming-levels-title-note{display:block;font-size:.7rem;color:var(--text-muted);font-weight:500}.programming-levels-unbuilt{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;height:100%;padding-top:4rem;border:.0625rem solid transparent}.programming-levels-building{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;height:100%;padding-top:4rem;border:.0625rem solid transparent;color:var(--text-muted)}.programming-levels-unbuilt:hover,.programming-levels-building:hover{border-color:transparent}.programming-levels-unbuilt:focus,.programming-levels-unbuilt:focus-visible,.programming-levels-building:focus,.programming-levels-building:focus-visible{outline:none}.programming-levels-unbuilt p{margin:0;font-weight:600;font-size:1.75rem;border:.125rem solid var(--error);border-radius:.25rem;padding:.25rem .75rem;background:var(--surface);color:var(--error);width:100%;text-align:center}.programming-levels-building p{margin:0;font-weight:600;font-size:1.75rem;border:.125rem solid var(--success);border-radius:.25rem;padding:.25rem .75rem;background:var(--surface);color:var(--success);width:100%;text-align:center;position:relative;overflow:hidden}.programming-levels-building p:before{content:"";position:absolute;inset:0;background:#4ade8033;transform:scaleX(0);transform-origin:left;animation:programming-levels-build-fill 2.4s linear forwards;pointer-events:none;z-index:0}.programming-levels-building p>*{position:relative;z-index:1}@keyframes programming-levels-build-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.programming-levels-building p:before{animation:none;transform:scaleX(1)}}.programming-levels-education{margin:0}.programming-levels-program{margin:0;color:var(--text-dim);font-style:italic;font-size:.75rem}.programming-levels-period{border:.0625rem solid var(--border);border-radius:.25rem;padding:.125rem 5.5rem;background:var(--surface);color:var(--text-dim);font-size:.72rem}.programming-levels-period--top{position:absolute;top:6.2rem;left:-4rem;transform:rotate(-35deg);transform-origin:left center;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.programming-levels h2{font-size:1.5rem}.programming-levels-skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;color:var(--text-dim)}.programming-levels-skill-pill{border:.125rem solid var(--error);border-radius:999rem;padding:.0625rem .4rem;background:var(--surface);font-weight:600;font-size:.75rem;color:var(--error)}.programming-levels-details{padding-left:1.25rem;display:grid;gap:.5rem;text-align:left;font-size:1rem;margin:0}.programming-levels-stats{display:flex;flex-direction:column;gap:.75rem;position:relative;flex:1;height:100%;min-height:0}.programming-levels-locked-message{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;border:.125rem dashed var(--border);border-radius:.5rem;padding:1.5rem;text-align:center;color:var(--text-dim);background:var(--surface);font-weight:600;opacity:.7}.programming-levels-locked-message:before{content:"LOCKED";display:block;font-size:.75rem;letter-spacing:.2em;color:var(--text-muted);margin-bottom:.75rem}.programming-levels-install{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:.125rem solid var(--success);border-radius:.5rem;padding:1.5rem;background:var(--surface);color:var(--success);font-weight:700;font-size:1.35rem;text-transform:uppercase;letter-spacing:.08em}.programming-levels-install--ready{border-color:var(--success);color:var(--success)}.programming-levels-status{margin:0;color:var(--text-dim)}.programming-levels-status--error{color:var(--error)}.programming-levels-language-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1;min-height:0;gap:.5rem}.programming-levels-language-item{display:flex;justify-content:space-between;align-items:center;flex:1 1 0;border:.125rem solid var(--border);border-radius:.25rem;padding:.35rem .5rem;background:var(--surface);gap:.5rem;flex-wrap:nowrap;position:relative;overflow:hidden}.programming-levels-language-item:before{content:"";position:absolute;inset:0;width:calc(var(--lang-percent, 0) * 1%);background:#4ade8040;transition:width 3s cubic-bezier(.2,.9,.1,1);z-index:0}.programming-levels-language-name{font-weight:600;position:relative;z-index:2}.programming-levels-language-bytes{margin-left:.35rem;font-size:.7rem;color:var(--text-muted);font-weight:500}.programming-levels-language-percent{color:var(--text-dim);position:relative;z-index:2}@media(max-width:800px){.programming-levels{flex-direction:column;overflow-x:visible;height:auto}.programming-levels-item{width:100%}.programming-levels-item--stats{width:100%;flex:1 1 auto}.programming-levels-period--top{position:static;transform:none;margin:.5rem auto 0}}@media(max-width:600px){.programming-levels-item{padding:.75rem}.programming-levels-details{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.programming-levels-language-item:before{transition:none}}.projects-wrap{position:relative;width:100%;height:100%;display:flex;align-items:stretch}.projects{display:flex;flex-direction:row;gap:1rem;height:100%;width:calc(100% + 3rem);margin:0 -1.5rem;padding:0 1.5rem;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scroll-padding-inline:0;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.projects-wrap .scroll-control{position:absolute;top:-1.5rem;transform:none;z-index:2;border:0;background:transparent;color:var(--text);width:2.75rem;height:calc(100% + 3rem);border-radius:0;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.projects-wrap .scroll-control:focus,.projects-wrap .scroll-control:focus-visible{outline:none}.projects-wrap .scroll-control--disabled{opacity:.1;pointer-events:none}.projects-wrap .scroll-control:not(.scroll-control--disabled):hover{animation:scroll-arrow-bounce .6s ease-in-out infinite}.projects-wrap .scroll-control--left:not(.scroll-control--disabled):hover{animation-name:scroll-arrow-bounce-left}.projects-wrap .scroll-control--right:not(.scroll-control--disabled):hover{animation-name:scroll-arrow-bounce-right}@keyframes scroll-arrow-bounce-left{0%,to{transform:translate(0)}50%{transform:translate(-.35rem)}}@keyframes scroll-arrow-bounce-right{0%,to{transform:translate(0)}50%{transform:translate(.35rem)}}.projects-wrap .scroll-control--left{left:-1.5rem}.projects-wrap .scroll-control--right{right:-1.5rem}.project-unbuilt{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;height:100%;padding-top:4rem;border:.0625rem solid transparent}.project-building{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem;height:100%;padding-top:4rem;border:.0625rem solid transparent;color:var(--text-muted)}.project-unbuilt:hover,.project-building:hover{border-color:transparent}.project-unbuilt:focus,.project-unbuilt:focus-visible,.project-building:focus,.project-building:focus-visible{outline:none}.project-unbuilt p{margin:0;font-weight:600;font-size:1.75rem;border:.125rem solid var(--error);border-radius:.25rem;padding:.25rem .75rem;background:var(--surface);color:var(--error);width:100%;text-align:center}.project-building p{margin:0;font-weight:600;font-size:1.75rem;border:.125rem solid var(--success);border-radius:.25rem;padding:.25rem .75rem;background:var(--surface);color:var(--success);width:100%;text-align:center;position:relative;overflow:hidden}.project-building p:before{content:"";position:absolute;inset:0;background:#4ade8033;transform:scaleX(0);transform-origin:left;animation:project-build-fill 2.4s linear forwards;pointer-events:none;z-index:0}.project-building p>*{position:relative;z-index:1}@keyframes project-build-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.project-building p:before{animation:none;transform:scaleX(1)}}.project{border:.125rem solid var(--border);border-radius:.25rem;padding:1rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.5rem;height:100%;width:30rem;flex:0 0 30rem;position:relative;overflow:hidden}.project-status{position:absolute;top:5.5rem;left:-3.5rem;transform:rotate(-35deg);transform-origin:left center;background:var(--surface);color:var(--success);border:.125rem solid var(--success);border-radius:.25rem;padding:.15rem 5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}.project-status--warning{color:var(--warning);border-color:var(--warning)}.project-title{margin:0;font-size:1.5rem}.project-subtitle{margin:0;color:var(--text-dim);font-style:italic;font-size:.75rem}.project-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;color:var(--text-dim)}.project-stack-pill{border:.125rem solid var(--error);border-radius:999rem;padding:.0625rem .4rem;background:var(--surface);font-weight:600;font-size:.75rem;color:var(--error)}.project-highlights{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;text-align:left;font-size:1rem}.project-highlight{margin:0}.project-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:auto}.project-link{border:.125rem solid var(--border);border-radius:.25rem;padding:.25rem .75rem;font-weight:600;text-decoration:none}.project-link--active{color:var(--success);border-color:var(--success)}.project-link--disabled{color:var(--text-muted);border-color:var(--border);opacity:.6;cursor:not-allowed}@media(max-width:1024px){.projects{width:100%;margin:0;padding:0;overflow-x:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.project{width:100%;flex:0 0 auto;padding:.85rem;gap:.4rem}.projects-wrap .scroll-control{display:none}.project-status{position:static;transform:none;margin-bottom:.5rem;font-size:.65rem}.project-title{font-size:1.25rem}.project-subtitle{font-size:.7rem}.project-stack{gap:.4rem}.project-stack-pill{font-size:.7rem;padding:.05rem .35rem}.project-highlights{font-size:.92rem;gap:.4rem}.project-links{gap:.4rem}.project-link{padding:.2rem .6rem;font-size:.9rem}}@media(max-width:600px){.projects{grid-template-columns:1fr;gap:.75rem}.project{padding:.7rem}.project-title{font-size:1.15rem}.project-subtitle,.project-stack-pill{font-size:.65rem}.project-highlights,.project-link{font-size:.85rem}}.render-window{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;background-color:var(--surface);border:.125rem solid var(--border);padding:1.5rem;overflow:hidden}.render-window-body{display:flex;width:100%;height:100%;gap:1rem;align-items:stretch}.render-window-content{flex:1;min-width:0;height:100%}.render-window-panel{height:100%;animation:render-window-fade-in .32s ease-out}@keyframes render-window-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.render-window-rail{width:8rem;display:flex;flex-direction:column;gap:.6rem;align-items:stretch}.render-window-link{border:.125rem solid var(--border);border-radius:.25rem;padding:.4rem .6rem;background:var(--surface-2);color:var(--text);text-decoration:none;font-weight:600;text-align:left}.render-window-link:hover,.render-window-link:focus,.render-window-link:focus-visible{border-color:var(--accent-strong);outline:none}@media(max-width:1024px){.render-window{padding:1rem}.render-window-body{flex-direction:column}.render-window-rail{width:100%;flex-direction:row;flex-wrap:wrap}.render-window-link{flex:1 1 8rem}}@media(max-width:600px){.render-window{padding:.75rem}.render-window-link{text-align:center}}@media(prefers-reduced-motion:reduce){.render-window-panel{animation:none}}.skills-pills{display:flex;flex-direction:column;align-items:center;padding:0 1.25rem 1.25rem;border:.125rem solid var(--border);background:var(--surface);width:100%;overflow:visible}@media(min-width:1024px){.skills-pills{padding-left:0;padding-right:0;overflow-y:auto;overflow-x:hidden}}.skills-pills-title{font-size:clamp(1.05rem,1.2vw + .7rem,1.4rem);font-weight:700;color:var(--text);margin:0;padding:.5rem 0 0}.skills-pills-list{display:flex;flex-wrap:wrap;gap:clamp(.25rem,.7vw,.45rem);justify-content:center;border-top:.125rem solid var(--border);padding-top:clamp(.5rem,1vw,.85rem)}.skills-pills-pill{background:var(--surface-2);border:.125rem solid var(--border);border-radius:999rem;padding:clamp(.04rem,.18vw,.18rem) clamp(.26rem,.55vw,.4rem);color:var(--text-muted);font-size:clamp(.76rem,.6vw + .5rem,.9rem);display:inline-flex;align-items:center;justify-content:center;text-align:center}.skills-pills-pill--active{animation:skills-pill-activate .36s ease-out}.skills-pills-pill--tech{border-color:var(--error);color:var(--error)}.skills-pills-pill--soft{border-color:#60a5fa;color:#60a5fa}.skills-pills-pill--github{border-color:var(--success);color:var(--success)}@keyframes skills-pill-activate{0%{transform:scale(1);filter:brightness(1);box-shadow:none}40%{transform:scale(1.08);filter:brightness(1.25);box-shadow:0 0 .5rem #eff1f059}to{transform:scale(1);filter:brightness(1);box-shadow:none}}@media(prefers-reduced-motion:reduce){.skills-pills-pill--active{animation:none}}@media(max-width:900px){.skills-pills{padding:0 .9rem .9rem}.skills-pills-list{gap:.35rem;padding-top:.65rem}}@media(min-width:1025px)and (max-width:1400px){.skills-pills{padding:0 1rem 1rem}.skills-pills-title{font-size:1.1rem}.skills-pills-list{gap:.3rem;padding-top:.6rem}.skills-pills-pill{font-size:.82rem;padding:.08rem .32rem}}@media(max-width:1024px){.skills-pills{min-height:175px;max-height:325px;flex-direction:row;align-items:center;padding:.6rem .9rem;gap:.6rem;overflow-y:auto;overflow-x:hidden}.skills-pills-title{writing-mode:vertical-rl;transform:rotate(180deg);margin:0;padding:0;font-size:clamp(.95rem,1.2vw + .4rem,1.1rem);letter-spacing:.12em}.skills-pills-list{flex:1;padding-top:0;border-top:0;align-content:center}}@media(max-width:600px){.skills-pills-title{font-size:.95rem}.skills-pills-pill{font-size:.78rem}}@media(max-width:480px){.skills-pills{padding:.5rem .7rem;gap:.5rem}.skills-pills-list{gap:.3rem}}.gear{display:flex;flex-direction:column;align-items:center;padding:1.25rem;border:.125rem solid var(--border);background:var(--surface);width:100%;overflow-y:auto;container-type:inline-size}@media(max-width:1024px){.gear{height:350px}}.gear-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;width:100%}.gear-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;border:.125rem solid var(--border);border-radius:.25rem;padding:1rem;background:var(--surface-2)}.gear-img{width:32px;height:32px;image-rendering:pixelated;flex:0 0 32px}.gear-item--locked{filter:grayscale(1) brightness(.7);opacity:.6}.gear-name{font-weight:700;font-size:.95rem}.gear-level{border:.125rem solid var(--success);border-radius:999rem;padding:.125rem 1.75rem;background:var(--surface);color:var(--success);width:5rem;white-space:nowrap;text-align:center;display:flex;justify-content:center;align-items:center;font-size:.95rem}@container (max-width: 420px){.gear{padding:1rem}.gear-list{gap:.75rem}.gear-item{padding:.75rem}.gear-img{width:28px;height:28px;flex-basis:28px}.gear-name{font-size:.9rem}.gear-level{width:4.25rem;padding:.1rem 1.25rem;font-size:.9rem}}@container (max-width: 320px){.gear{padding:.75rem}.gear-item{gap:.4rem;padding:.6rem}.gear-img{width:24px;height:24px;flex-basis:24px}.gear-name{font-size:.85rem}.gear-level{width:3.75rem;padding:.1rem 1rem;font-size:.85rem}}@media(max-width:600px){.gear{height:250px}}.nav-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1rem;border:.125rem solid var(--border);width:100%;background:var(--surface);position:sticky;top:0;z-index:20}.nav-top-menu{display:none;align-items:center;gap:.5rem;border:.125rem solid var(--border);border-radius:.25rem;padding:.45rem .75rem;background:var(--surface-2);color:var(--text);font-weight:600}.nav-top-menu-icon{display:inline-block;width:1.25rem;height:.12rem;border-radius:999rem;background:var(--text);box-shadow:0 .32rem 0 var(--text),0 -.32rem 0 var(--text)}.nav-top-name{display:flex;flex-direction:column;gap:.25rem}.nav-top-title{font-family:var(--font-display);font-size:1.5rem;margin:0}.nav-top-location{margin:0;color:var(--text-dim)}.nav-top-availability{display:flex;flex-direction:column;gap:.25rem;text-align:center}.nav-top-job-title{font-weight:600}.nav-top-availability-status{color:var(--success);font-size:.95rem;border:.125rem solid var(--success);padding:.25rem .75rem;border-radius:999rem;background:var(--surface-2)}.nav-top-contact{font-style:normal}.nav-top-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;font-size:.95rem}.nav-top-contact-link{color:var(--accent);text-decoration:none;font-weight:600;border:.125rem solid var(--border);padding:.75rem 1.75rem;border-radius:.25rem;transition:border-color .2s ease;background:var(--surface-2)}.nav-top-contact-link:hover{border-color:var(--accent-strong)}@media(max-width:1260px){.nav-top{padding:.65rem .85rem;gap:1rem}.nav-top-contact{width:auto;flex:0 0 auto}.nav-top-contact-list{display:grid;grid-template-columns:repeat(2,minmax(6.5rem,1fr));grid-auto-rows:1fr;justify-content:stretch;align-items:stretch;justify-items:stretch;gap:.75rem;font-size:.8rem;width:clamp(12rem,28vw,16rem)}.nav-top-contact-list li{width:100%;height:100%}.nav-top-contact-link{padding:.35rem .8rem;width:100%;height:100%;text-align:center;display:inline-flex;align-items:center;justify-content:center}}@media(max-width:1024px){.nav-top-menu{display:inline-flex}}@media(max-width:600px){.nav-top{flex-direction:column;align-items:center;text-align:center}.nav-top-name,.nav-top-availability{align-items:center;text-align:center}.nav-top-menu{order:3;width:100%;justify-content:center}.nav-top-availability{align-items:center}}@media(max-width:900px){.nav-top-contact{display:none}}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0}.pixel-hero-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;padding:.75rem;margin-top:0;border:.125rem solid var(--border);background:var(--surface);width:100%;container-type:inline-size}.pixel-hero-header{display:flex;justify-content:space-between;gap:.75rem;align-items:center;width:100%}.level-bar{position:relative;width:100%;height:2rem;border:.125rem solid var(--success);border-radius:999rem;background:var(--surface-2);overflow:hidden}.level-bar:after{content:"";position:absolute;inset:15% 0;background-image:none;clip-path:inset(0 calc(100% / var(--xp-units)));pointer-events:none;z-index:2}.level-bar-fill{position:absolute;inset:-.0625rem;width:0;background:#16a34a;border:.125rem solid var(--success);border-radius:999rem;transition:width .4s ease-in-out;z-index:0}.level-bar--max{background:#4ade8026;border-color:#14532d;box-shadow:0 0 .4rem #14532d73,inset 0 0 .4rem #14532d59;animation:xp-max-border-pulse 2s ease-in-out infinite}.level-bar-fill--max{background:linear-gradient(90deg,#4ade8059,#4ade80d9,#4ade8059);background-size:200% 100%;animation:xp-max-pulse 1.8s ease-in-out infinite}.level-bar-text{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;height:100%;text-align:center;font-size:1.05rem;font-weight:600;color:var(--success);line-height:1;text-shadow:-1px 0 #000000,1px 0 #000000,0 -1px #000000,0 1px #000000}:root[data-theme=light] .level-bar-text{color:var(--success)}.level-bar--flash{animation:hero-level-flash .3s ease-out}@keyframes hero-level-flash{0%{transform:scale(1);box-shadow:none;filter:brightness(1)}50%{transform:scale(1.1);box-shadow:0 0 .5rem #4ade8080;filter:brightness(1.3)}to{transform:scale(1);box-shadow:none;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.level-bar--flash,.level-bar-fill--max,.level-bar--max{animation:none}}.hero-sprite{--hero-frame-size: 256px;--hero-sheet-width: calc(var(--hero-frame-size) * 3);width:var(--hero-frame-size);height:var(--hero-frame-size);background-image:url(/assets/pixelHeroLevel1-B29iSMG1.png);background-repeat:no-repeat;background-size:var(--hero-sheet-width) var(--hero-frame-size);image-rendering:pixelated;animation:hero-walk 1.4s steps(3) infinite}.hero-progress{margin-top:auto;width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem .5rem;border-top:.0625rem solid var(--border);padding-top:.25rem;font-size:.7rem;color:var(--text-dim)}.hero-progress-row{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0;text-align:center}.hero-progress-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container (max-width: 275px){.hero-progress{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1700px){.hero-progress-label{font-size:0}.hero-progress-label:after{content:attr(data-short);font-size:.7rem;letter-spacing:.05em}}.hero-progress-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:.72rem}@keyframes hero-walk{0%{background-position:0 0}to{background-position:calc(var(--hero-sheet-width) * -1) 0}}@keyframes xp-max-pulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes xp-max-border-pulse{0%,to{box-shadow:0 0 .35rem #14532d59,inset 0 0 .3rem #14532d40}50%{box-shadow:0 0 .6rem #14532da6,inset 0 0 .5rem #14532d73}}@media(max-width:900px){.hero-sprite{--hero-frame-size: 192px}.hero-progress-label{font-size:0;letter-spacing:.04em}.hero-progress-label:after{content:attr(data-short);font-size:.65rem;letter-spacing:.04em}}@media(max-width:1024px){.pixel-hero-card{height:350px}}@media(min-width:1025px){.pixel-hero-card{padding:.6rem}.level-bar{height:1.75rem}.level-bar-text{font-size:.95rem}.hero-sprite{--hero-frame-size: 220px}.hero-progress{gap:.5rem .4rem}.hero-progress-label{font-size:0}.hero-progress-label:after{content:attr(data-short);font-size:.65rem;letter-spacing:.05em}.hero-progress-value{font-size:.68rem}}@media(min-width:1025px)and (max-width:1245px){.hero-progress{gap:.25rem .5rem;padding-bottom:.4rem}}@media(max-width:600px){.hero-sprite{--hero-frame-size: 176px}.hero-progress-label{font-size:0;letter-spacing:.03em}.hero-progress-label:after{content:attr(data-short);font-size:.6rem;letter-spacing:.03em}}