.dev-avatar-stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;margin:0;display:flex}.dev-avatar-container{width:min(100%,112px);min-height:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.dev-avatar-container:hover{transform:translateY(-4px)}.avatar-frame{aspect-ratio:204/400;background:0 0;justify-content:center;align-items:center;width:100%;animation:5.5s ease-in-out infinite avatar-float;display:flex;position:relative}.avatar-img{object-fit:contain;object-position:center bottom;user-select:none;width:100%;height:100%;image-rendering:pixelated;transition:opacity .45s,transform .55s cubic-bezier(.2,.75,.3,1);position:absolute}.avatar-standing{opacity:1;transform:scale(1)}.avatar-standing.is-faded,.avatar-waving{opacity:0;transform:scale(.97)}.avatar-waving.is-active{opacity:1;transform:scale(1)}.avatar-greeting{background:var(--bg);border:1px solid var(--border);color:var(--text);white-space:nowrap;pointer-events:none;z-index:2;border-radius:3px;padding:4px 12px;font-size:.72rem;font-weight:600;animation:.2s ease-out greetPop;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.avatar-caption{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.64rem}.avatar-caption span{color:var(--accent);padding-inline:5px}@keyframes greetPop{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width<=768px){.dev-avatar-container{width:min(100%,136px)}.avatar-frame{width:100%}}@media (prefers-reduced-motion:reduce){.avatar-frame{animation:none}.dev-avatar-container,.avatar-img{transition:none}}.project-showcase{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;margin:0 auto;overflow:hidden}.project-showcase-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 20px;display:flex}.project-showcase-header h2,.showcase-count{color:var(--muted);margin:0;font-size:.84rem;font-weight:500}.project-showcase-header h2{color:var(--primary);font-size:.95rem;font-weight:650}.showcase-count{text-align:right}.project-showcase-art{background:var(--surface-alt);aspect-ratio:16/10;border-radius:4px;overflow:hidden}.project-showcase-display{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:24px;display:grid}.project-showcase-art img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-showcase-copy{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.showcase-category{color:var(--accent);margin:0;font-size:.8rem;font-weight:600}.project-showcase-copy h2{color:var(--primary);letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:750;line-height:1.15}.showcase-description{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.showcase-stack{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.showcase-stack span{color:var(--muted);font-size:.72rem;font-weight:500;font-family:var(--font-mono)}.showcase-stack span+span:before{content:"·";color:var(--muted);margin:0 6px}.showcase-project-link{border-bottom:1px solid var(--accent);color:var(--primary);align-items:center;gap:8px;margin-top:8px;padding:0 0 2px;font-size:.86rem;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.showcase-project-link:hover{color:var(--accent)}.showcase-project-link svg{font-size:.7rem}.project-showcase-picker{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-project-option{border:0;border-right:1px solid var(--border);min-width:0;min-height:54px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 14px;font-size:.82rem;font-weight:600;transition:background-color .16s,color .16s;display:flex}.showcase-project-option:last-child{border-right:0}.showcase-project-option img{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:26px;height:26px}.showcase-project-option:hover{background:var(--surface-alt);color:var(--primary)}.showcase-project-option.is-active{background:var(--surface-alt);color:var(--primary);font-weight:700}.showcase-option-arrow{color:var(--accent);margin-left:auto;font-size:.8rem}@media (width<=768px){.project-showcase-display{grid-template-columns:1fr;gap:16px;padding:18px}.project-showcase-picker{grid-template-columns:1fr}.showcase-project-option{border-right:0;border-bottom:1px solid var(--border)}.showcase-project-option:last-child{border-bottom:0}}.tools-train{border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;padding:20px 0 12px}.tools-train-heading{margin-bottom:8px}.tools-train-title{color:var(--primary);letter-spacing:0;margin:0;font-size:.75rem;font-weight:500}.tools-train-window{scrollbar-color:var(--accent) var(--surface-alt);scrollbar-width:thin;padding:5px 0;position:relative;overflow:hidden}.tools-train-window:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tools-train-track,.tools-train-set{align-items:center;width:max-content;display:flex}.tools-train-track{animation:46s linear infinite tools-train-roll}.tools-train:hover .tools-train-track,.tools-train-window:focus-within .tools-train-track{animation-play-state:paused}.tools-train-set{gap:22px;margin:0;padding:0 22px 0 0;list-style:none}.tools-train-set li{color:var(--muted);white-space:nowrap;font-size:.78rem}.tools-train-set li:not(:first-child):before{color:var(--border);content:"/";margin-right:22px}@keyframes tools-train-roll{to{transform:translate(-50%)}}@media (width<=560px){.tools-train-window{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.tools-train-window{overflow-x:auto}.tools-train-track{animation:none}.tools-train-set[aria-hidden=true]{display:none}}