@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#e8e4d9;--bg-card:#f5f2e8;--text:#1a1a2e;--text-muted:#5a5a6e;--border-dark:#2a2a3e;--border-light:#c5c1b6;--accent:#6c5ce7;--resume-color:#e8a838;--pixel-border:3px;--nav-height:48px}html{font-size:16px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}.pixel-font{font-family:Press Start\ 2P,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;image-rendering:pixelated}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.012) 0,rgba(0,0,0,.012) 4px)}.pixel-box{box-shadow:inset -2px -2px 0 rgba(0,0,0,.15),inset 2px 2px 0 hsla(0,0%,100%,.3),4px 4px 0 rgba(0,0,0,.1)}.pixel-box,.pixel-btn{background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark)}.pixel-btn{font-family:Press Start\ 2P,monospace;font-size:.55rem;padding:10px 20px;line-height:1.8;box-shadow:inset -2px -2px 0 rgba(0,0,0,.15),inset 2px 2px 0 hsla(0,0%,100%,.3),4px 4px 0 rgba(0,0,0,.2);color:var(--text);cursor:pointer;transition:transform .1s,box-shadow .1s}.pixel-btn:hover{transform:translate(2px,2px);box-shadow:inset -2px -2px 0 rgba(0,0,0,.15),inset 2px 2px 0 hsla(0,0%,100%,.3),2px 2px 0 rgba(0,0,0,.2)}.pixel-btn-primary{background:var(--accent);color:#fff;border-color:#4a3cb5}.voxel-bob{animation:voxelBob 2s ease-in-out infinite}@keyframes voxelBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pixel-landscape{position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:0;overflow:hidden;opacity:.12}.landscape-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.landscape-scroller{display:flex;width:200%;height:100%}.landscape-strip{width:50%;height:100%;flex:0 0 50%}.landscape-strip svg{width:100%;height:100%;display:block}.clouds .landscape-scroller{animation:scrollClouds 60s linear infinite}.hills-back .landscape-scroller{animation:scrollHillsBack 40s linear infinite}.hills-front .landscape-scroller{animation:scrollHillsFront 25s linear infinite}.clouds{color:var(--border-dark);bottom:auto;top:0;height:60px}.hills-back{color:#8b8b6e}.hills-front{color:#6b6b4e}@keyframes scrollClouds{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollHillsBack{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollHillsFront{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.cinematic-overlay{position:fixed;inset:0;background:#0a0a1a;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px)}.cinematic-text-container{max-width:600px;padding:2rem;text-align:center}.cinematic-lines{min-height:200px;display:flex;flex-direction:column;gap:1.2rem;align-items:center;justify-content:center}.cinematic-line{font-family:Press Start\ 2P,monospace;font-size:1.05rem;line-height:2.4;color:#e8e4d9;opacity:0;animation:fadeInLine .3s forwards;text-shadow:0 0 10px rgba(108,92,231,.5)}.cinematic-line.completed{opacity:.5;text-shadow:none}.cinematic-line.active{opacity:1;color:#fff;text-shadow:0 0 12px rgba(108,92,231,.6)}.cursor{animation:blink .5s infinite;margin-left:2px;color:var(--accent)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInLine{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cinematic-skip{font-size:.45rem;color:hsla(0,0%,100%,.2);margin-top:3rem}.cinematic-skip,.press-start-btn{font-family:Press Start\ 2P,monospace;line-height:2}.press-start-btn{font-size:.8rem;padding:16px 40px;margin-top:2.5rem;background:transparent;border:3px solid var(--accent);color:var(--accent);cursor:pointer;transition:all .2s;animation:pressStartPulse 1.5s ease-in-out infinite;text-shadow:0 0 12px rgba(108,92,231,.5);box-shadow:0 0 20px rgba(108,92,231,.2)}.press-start-btn:hover{background:var(--accent);color:#fff;box-shadow:0 0 30px rgba(108,92,231,.4)}@keyframes pressStartPulse{0%,to{opacity:1;box-shadow:0 0 20px rgba(108,92,231,.2)}50%{opacity:.7;box-shadow:0 0 10px rgba(108,92,231,.1)}}.cinematic-loading{text-align:center;padding:2rem;width:100%;max-width:400px}.loading-bar-container{width:100%;height:20px;background:#1a1a2e;border:2px solid #3a3a5e;padding:3px;margin-bottom:1.5rem}.loading-bar{height:100%;background:var(--accent);transition:width .05s linear;box-shadow:0 0 8px rgba(108,92,231,.4)}.loading-tip{font-family:Press Start\ 2P,monospace;font-size:.45rem;color:hsla(0,0%,100%,.4);min-height:2em;line-height:2}.game-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--border-dark);display:flex;align-items:center;justify-content:center;gap:2px;z-index:100;padding:0 1rem;box-shadow:0 3px 0 rgba(0,0,0,.2)}.nav-logo{font-family:Press Start\ 2P,monospace;font-size:.6rem;color:var(--accent);margin-right:auto;line-height:2}.nav-logo-img{height:32px;width:32px;object-fit:contain;margin-right:auto;border-radius:4px}.nav-btn{font-family:Press Start\ 2P,monospace;font-size:.5rem;padding:8px 16px;color:hsla(0,0%,100%,.5);background:transparent;border:2px solid transparent;transition:all .15s;line-height:2}.nav-btn:hover{color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.05)}.nav-btn.active{color:#fff;background:rgba(108,92,231,.3);border-color:var(--accent);text-shadow:0 0 8px rgba(108,92,231,.5)}.nav-resume-btn{margin-left:auto;font-family:Press Start\ 2P,monospace;font-size:.45rem;padding:6px 14px;color:var(--border-dark);background:var(--resume-color);border:2px solid #c4891e;transition:all .15s;line-height:2;box-shadow:2px 2px 0 rgba(0,0,0,.2)}.nav-resume-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.25)}.mobile-game-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--border-dark);display:flex;align-items:center;justify-content:space-around;z-index:100;box-shadow:0 -3px 0 rgba(0,0,0,.2)}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;color:hsla(0,0%,100%,.4);font-family:Press Start\ 2P,monospace;font-size:.35rem;transition:color .15s;line-height:2}.mobile-nav-btn.active{color:var(--accent);text-shadow:0 0 6px rgba(108,92,231,.5)}.mobile-nav-icon{font-size:1.1rem}.app-layout{padding-top:var(--nav-height);position:relative;z-index:1}.main-content{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.section{animation:sectionFadeIn .3s ease}@keyframes sectionFadeIn{0%{opacity:0}to{opacity:1}}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-family:Press Start\ 2P,monospace;font-size:1.1rem;color:var(--text);margin-bottom:.75rem;text-shadow:2px 2px 0 rgba(0,0,0,.08);line-height:2.2}.section-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.7}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;max-width:1180px;margin:0 auto}.character-box{position:relative;aspect-ratio:1;background:var(--char-color);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -3px -3px 0 rgba(0,0,0,.2),inset 3px 3px 0 hsla(0,0%,100%,.15),5px 5px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden;background-image:linear-gradient(45deg,hsla(0,0%,100%,.05) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.05) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.05) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.05) 0);background-size:4px 4px}.character-box:hover{transform:translate(-3px,-3px);box-shadow:inset -3px -3px 0 rgba(0,0,0,.2),inset 3px 3px 0 hsla(0,0%,100%,.15),8px 8px 0 rgba(0,0,0,.2)}.character-box:active{transform:translate(2px,2px);box-shadow:inset -3px -3px 0 rgba(0,0,0,.2),inset 3px 3px 0 hsla(0,0%,100%,.15),2px 2px 0 rgba(0,0,0,.15)}.character-box-avatar{width:80px;height:80px}.character-box-avatar img{width:100%;height:100%;object-fit:contain}.character-box-name{font-size:.45rem;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-align:center;padding:0 .5rem}.character-box-level,.character-box-name{font-family:Press Start\ 2P,monospace;line-height:2}.character-box-level{font-size:.35rem;color:hsla(0,0%,100%,.6);text-shadow:1px 1px 0 rgba(0,0,0,.3)}.persona-color-bar{height:4px;background:var(--persona-color);margin:-2rem -1.5rem 1.5rem;box-shadow:0 2px 8px color-mix(in srgb,var(--persona-color) 30%,transparent)}.back-btn-el{margin-bottom:1.5rem}.persona-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -3px -3px 0 rgba(0,0,0,.1),inset 3px 3px 0 hsla(0,0%,100%,.4),5px 5px 0 rgba(0,0,0,.1);border-top:4px solid var(--persona-color)}.persona-avatar-large{width:100px;height:100px;flex-shrink:0}.persona-img-large{width:100%;height:100%;object-fit:contain}.persona-level-badge{font-size:.5rem;display:inline-block;padding:4px 10px;border:2px solid var(--persona-color);line-height:2}.persona-level-badge,.persona-title{font-family:Press Start\ 2P,monospace;color:var(--persona-color);margin-bottom:.5rem}.persona-title{font-size:.85rem;line-height:2.2}.persona-subtitle{font-size:.95rem;color:var(--text-muted);margin-bottom:.75rem;line-height:1.7}.persona-industries{display:flex;flex-wrap:wrap;gap:.375rem}.industry-tag{font-size:.75rem;padding:4px 10px;background:color-mix(in srgb,var(--persona-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--persona-color) 20%,transparent);color:var(--text-muted);line-height:1.7}.persona-section{margin-bottom:2rem}.persona-section-title{font-family:Press Start\ 2P,monospace;font-size:.6rem;color:var(--persona-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--persona-color);line-height:2.2}.abilities-list{display:flex;flex-direction:column;gap:8px}.ability-card{display:flex;align-items:center;gap:1rem;padding:14px 16px;background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -2px -2px 0 rgba(0,0,0,.1),inset 2px 2px 0 hsla(0,0%,100%,.3),3px 3px 0 rgba(0,0,0,.08);border-left:4px solid var(--persona-color)}.ability-icon{font-size:1.25rem;width:32px;text-align:center}.ability-name{font-family:Press Start\ 2P,monospace;font-size:.5rem;color:var(--persona-color);margin-bottom:4px;line-height:2}.ability-stat{font-size:.85rem;color:var(--text-muted);line-height:1.7}.contextual-skills{display:flex;flex-wrap:wrap;gap:6px}.skill-chip{font-size:.8rem;font-weight:600;padding:6px 14px;background:color-mix(in srgb,var(--persona-color) 6%,transparent);border:2px solid color-mix(in srgb,var(--persona-color) 20%,transparent);color:var(--text);box-shadow:2px 2px 0 rgba(0,0,0,.06);line-height:1.7}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;align-items:stretch}.archive-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.portrait-card{background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -2px -2px 0 rgba(0,0,0,.08),inset 2px 2px 0 hsla(0,0%,100%,.3),3px 3px 0 rgba(0,0,0,.08);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;height:100%}.portrait-card:hover{transform:translate(-2px,-2px);box-shadow:inset -2px -2px 0 rgba(0,0,0,.08),inset 2px 2px 0 hsla(0,0%,100%,.3),5px 5px 0 rgba(0,0,0,.12)}.portrait-thumb{aspect-ratio:4/3;background:color-mix(in srgb,var(--persona-color) 15%,var(--bg));display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:2px solid var(--border-dark);padding:10px;flex-shrink:0}.portrait-thumb img{width:100%;height:100%;object-fit:contain}.portrait-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center;height:100%}.fallback-icon{font-size:2rem}.fallback-title{font-family:Press Start\ 2P,monospace;font-size:.4rem;line-height:2;color:var(--text-muted);max-width:120px}.portrait-info{padding:10px 12px;flex:1 1;display:flex;flex-direction:column}.portrait-title{font-size:.8rem;font-weight:700;line-height:1.5;margin-bottom:4px}.portrait-meta{display:flex;gap:.5rem;font-size:.7rem;color:var(--text-muted);line-height:1.7}.portrait-meta span:not(:last-child):after{content:"//";margin-left:.5rem;color:var(--border-light)}.portrait-body{border-top:1px dashed var(--border-light);padding:10px 12px 12px;animation:expandBody .2s ease}@keyframes expandBody{0%{opacity:0}to{opacity:1}}.project-description{font-size:.85rem;color:var(--text-muted);line-height:1.7;margin-bottom:.5rem}.project-link{font-size:.4rem}.case-study-badge,.project-link{font-family:Press Start\ 2P,monospace;color:var(--accent);line-height:2}.case-study-badge{font-size:.3rem;padding:3px 6px;background:rgba(108,92,231,.1);border:1px solid rgba(108,92,231,.3);display:inline-block;margin-top:4px}.archive-personas{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.archive-persona-tag{font-size:.6rem;font-weight:600;padding:2px 6px;background:color-mix(in srgb,var(--tag-color) 15%,transparent);color:var(--tag-color);border:1px solid color-mix(in srgb,var(--tag-color) 30%,transparent);line-height:1.7}.archive-toggle{width:100%;text-align:center}.upgrade-cta{margin-top:2rem}.upgrade-box{background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -3px -3px 0 rgba(0,0,0,.1),inset 3px 3px 0 hsla(0,0%,100%,.3),5px 5px 0 rgba(0,0,0,.1);padding:2rem;text-align:center}.upgrade-text{font-family:Press Start\ 2P,monospace;font-size:.65rem;margin-bottom:.75rem;line-height:2.2}.upgrade-subtext{font-size:.95rem;color:var(--text-muted);margin-bottom:1.25rem;line-height:1.7}.search-bar{width:100%;margin-bottom:1rem}.search-input{width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset 2px 2px 0 rgba(0,0,0,.08),3px 3px 0 rgba(0,0,0,.06);color:var(--text);outline:none;line-height:1.7}.search-input::placeholder{color:var(--text-muted);font-family:Press Start\ 2P,monospace;font-size:.45rem}.search-input:focus{border-color:var(--accent)}.filter-bar{gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filter-bar,.filter-toggle-btn{display:flex;align-items:center}.filter-toggle-btn{font-family:Press Start\ 2P,monospace;font-size:.45rem;padding:8px 14px;background:var(--bg-card);border:2px solid var(--border-dark);box-shadow:2px 2px 0 rgba(0,0,0,.1);color:var(--text);gap:.5rem;transition:all .15s;line-height:2}.filter-toggle-btn.active{border-color:var(--accent);color:var(--accent)}.filter-count{font-size:.4rem;padding:2px 6px;background:var(--accent);color:#fff}.clear-filters-btn,.results-count{font-family:Press Start\ 2P,monospace;font-size:.4rem;color:var(--text-muted);line-height:2}.results-count{margin-left:auto}.filter-panel{background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -2px -2px 0 rgba(0,0,0,.08),inset 2px 2px 0 hsla(0,0%,100%,.3),3px 3px 0 rgba(0,0,0,.08);padding:1rem;margin-bottom:1.25rem}.filter-group{margin-bottom:.75rem}.filter-group:last-child{margin-bottom:0}.filter-label{font-family:Press Start\ 2P,monospace;font-size:.4rem;color:var(--text-muted);margin-bottom:.5rem;display:block;line-height:2}.filter-chips{display:flex;flex-wrap:wrap;gap:4px}.filter-chip{font-size:.75rem;font-weight:600;padding:5px 12px;border:2px solid var(--border-light);color:var(--text-muted);transition:all .1s;background:transparent;line-height:1.7}.filter-chip:hover{border-color:var(--border-dark);color:var(--text)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.no-results{text-align:center;padding:3rem 1rem;color:var(--text-muted);grid-column:1/-1}.no-results .pixel-font{font-size:.6rem;margin-bottom:.5rem;line-height:2.2}.skills-categories{display:flex;flex-direction:column;gap:2rem}.skill-category-title{font-family:Press Start\ 2P,monospace;font-size:.6rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-dark);line-height:2.2}.skill-tools{display:flex;flex-direction:column;gap:8px}.skill-tool-row{display:flex;align-items:center;gap:1rem;padding:12px 16px;background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:inset -2px -2px 0 rgba(0,0,0,.08),inset 2px 2px 0 hsla(0,0%,100%,.3),3px 3px 0 rgba(0,0,0,.06)}.skill-tool-name-readable{font-size:.9rem;font-weight:700;min-width:140px;flex-shrink:0;line-height:1.7}.skill-bar-section{display:flex;align-items:center;gap:8px;flex:1 1}.segment{width:100%}.segment.filled{box-shadow:inset 0 -2px 0 rgba(0,0,0,.15),inset 0 2px 0 hsla(0,0%,100%,.2)}.skill-tool-level-readable{font-size:.8rem;font-weight:700;flex-shrink:0;min-width:35px;text-align:right}.skill-tool-personas{gap:4px}.skill-persona-dot{width:10px;height:10px;border:1px solid rgba(0,0,0,.2)}.contact-center{max-width:480px;margin:0 auto}.contact-main-card{padding:0;overflow:hidden}.contact-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:1rem}.contact-label{font-family:Press Start\ 2P,monospace;font-size:.45rem;color:var(--text-muted);line-height:2;flex-shrink:0}.contact-value{font-size:.9rem;font-weight:700;color:var(--accent);text-align:right;word-break:break-all}.contact-resume-link{font-family:Press Start\ 2P,monospace;font-size:.45rem;color:var(--border-dark);background:var(--resume-color);padding:6px 12px;border:2px solid #c4891e;line-height:2;box-shadow:2px 2px 0 rgba(0,0,0,.15);transition:all .15s}.contact-resume-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.2)}.contact-divider{height:1px;background:var(--border-light);margin:0 20px}.social-links{display:flex;justify-content:center;gap:8px;margin-top:1.5rem}.social-link{font-family:Press Start\ 2P,monospace;font-size:.45rem;padding:8px 14px;border:2px solid var(--border-dark);background:var(--bg-card);box-shadow:2px 2px 0 rgba(0,0,0,.1);color:var(--text-muted);transition:all .15s;line-height:2}.social-link:hover{color:var(--accent);border-color:var(--accent);transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.1)}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.main-content{padding:1.25rem 1.25rem calc(56px + 1.5rem)}.character-grid{grid-template-columns:repeat(2,1fr);gap:8px}.character-box-name{font-size:.35rem}.character-box-avatar{width:56px;height:56px}.archive-grid,.portrait-grid{grid-template-columns:1fr}.persona-header{flex-direction:column;align-items:center;text-align:center}.persona-industries{justify-content:center}.persona-title{font-size:.7rem}.section-title{font-size:.8rem}.skill-tool-row{flex-wrap:wrap}.skill-tool-name-readable{min-width:100%}.contact-center{max-width:100%}.social-links{flex-direction:column;align-items:center}.persona-color-bar{margin:-1.25rem -1.25rem 1.25rem}}@media(min-width:769px) and (max-width:1024px){.archive-grid,.portrait-grid{grid-template-columns:repeat(2,1fr)}}.main-content{max-width:1240px;padding:2.75rem 2rem}.section-title{font-size:1.6rem;margin-bottom:1rem}.section-subtitle{font-size:1.1rem}.section-header{margin-bottom:3rem}.character-grid{gap:22px}.character-box{gap:1rem}.character-box-avatar{width:150px;height:150px}.character-box-name{font-size:.72rem}.character-box-level{font-size:.5rem}.persona-avatar-large{width:150px;height:150px}.persona-title{font-size:1.25rem}.persona-subtitle{font-size:1.1rem}.persona-section-title{font-size:.8rem;margin-bottom:1.25rem}.persona-description{font-size:1.05rem;line-height:1.85;color:var(--text);background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);border-left:4px solid var(--persona-color);padding:1.25rem 1.5rem;box-shadow:inset -2px -2px 0 rgba(0,0,0,.08),inset 2px 2px 0 hsla(0,0%,100%,.3),3px 3px 0 rgba(0,0,0,.08)}.industry-tag{font-size:.9rem;padding:6px 14px}.skill-chip{font-size:.9rem;padding:8px 16px}.ability-card{padding:18px 20px;gap:1.25rem}.ability-name{font-size:.62rem}.ability-stat{font-size:.95rem}.ability-icon{width:auto;font-size:inherit;display:flex;align-items:center;justify-content:center;color:var(--persona-color);flex-shrink:0}.pixel-icon-svg{display:block;image-rendering:pixelated}.portrait-title{font-size:1rem}.portrait-info{padding:14px 16px}.fallback-icon{display:flex;align-items:center;justify-content:center;color:var(--persona-color);opacity:.65}.fallback-title{font-size:.5rem;max-width:100%}.project-link,.project-link-toggle{display:inline-flex;align-items:center;gap:6px;font-family:Press Start\ 2P,monospace;font-size:.5rem;line-height:2;padding:16px 20px;margin:-4px 0 0 -20px;color:var(--accent);background:transparent;border:none;cursor:pointer;transition:color .15s}.project-link-toggle:hover,.project-link:hover{color:var(--text)}.project-link-toggle .rot{transform:rotate(180deg)}.project-links-wrap{position:relative;display:inline-block}.project-links-menu{position:absolute;top:100%;left:16px;min-width:210px;z-index:30;background:var(--bg-card);border:var(--pixel-border) solid var(--border-dark);box-shadow:4px 4px 0 rgba(0,0,0,.15);display:flex;flex-direction:column}.project-links-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;font-size:.85rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border-light);transition:background .12s}.project-links-item:last-child{border-bottom:none}.project-links-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.skill-tool-row{padding:16px 20px}.skill-tool-name-readable{font-size:1rem;font-weight:600;min-width:190px}.skill-tool-level-readable{font-size:.85rem;font-weight:600;color:var(--text-muted);min-width:42px}.segmented-bar{display:flex;gap:3px;flex:1 1}.segment{height:16px;flex:1 1;border:1px solid rgba(0,0,0,.15)}.segment.filled{background:var(--accent);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}.segment.empty{background:rgba(0,0,0,.06)}.skill-tool-personas{display:flex;gap:7px;flex-shrink:0}.skill-persona-dot{position:relative;width:16px;height:16px;border:2px solid var(--border-dark);cursor:help;display:inline-block}.skill-tooltip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:Press Start\ 2P,monospace;font-size:.42rem;line-height:1.9;padding:7px 10px;background:var(--border-dark);color:#fff;border:2px solid #000;opacity:0;pointer-events:none;transition:opacity .13s;z-index:40}.skill-persona-dot:hover .skill-tooltip{opacity:1}.skill-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--border-dark)}.game-nav{justify-content:space-between;gap:1rem;height:auto;min-height:var(--nav-height);padding:6px 1.25rem}.nav-progress-wrap{flex:0 0 210px}.nav-links,.nav-progress-wrap{display:flex;align-items:center}.nav-links{gap:4px}.nav-right{flex:0 0 auto;display:flex;align-items:center;gap:10px}.nav-btn{font-size:.58rem;padding:10px 18px}.nav-resume-btn{margin-left:0;font-size:.52rem;padding:8px 16px}.nav-mute-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:hsla(0,0%,100%,.55);border:2px solid hsla(0,0%,100%,.15);transition:all .15s}.nav-mute-btn:hover{color:#fff;border-color:var(--accent);background:rgba(108,92,231,.2)}.progress-track{position:relative;width:100%;height:38px;display:flex;align-items:flex-end}.progress-track-line{position:absolute;bottom:6px;left:0;right:0;height:3px;background:hsla(0,0%,100%,.13)}.progress-tick{position:absolute;bottom:3px;width:3px;height:9px;background:hsla(0,0%,100%,.2);transition:background .2s}.progress-tick.reached{background:var(--accent)}.progress-tick.current{background:#fff}.progress-walker{position:absolute;bottom:7px;width:26px;height:26px;transform:translateX(-50%);transition:left .45s cubic-bezier(.4,1.4,.5,1)}.progress-walker img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.progress-walker.walking{animation:walkerStep .22s steps(2) infinite}@keyframes walkerStep{0%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}to{transform:translateX(-50%) translateY(0)}}.progress-walker.climbing{animation:walkerClimb 1.6s ease-in-out forwards}@keyframes walkerClimb{0%{bottom:7px}45%{bottom:26px}to{bottom:7px}}.progress-flagpole{position:absolute;right:0;bottom:6px;width:14px;height:32px;opacity:.28;transition:opacity .3s}.progress-flagpole.raised{opacity:1}.flagpole-mast{position:absolute;left:0;bottom:0;width:3px;height:32px;background:hsla(0,0%,100%,.45)}.flagpole-flag{position:absolute;left:3px;width:11px;height:9px;background:var(--accent);bottom:8px;transition:bottom .55s ease-out .35s}.progress-flagpole.raised .flagpole-flag{bottom:23px}.contact-center{margin-top:2.5rem}@media(max-width:1100px){.nav-progress-wrap{flex:0 0 140px}.nav-btn{font-size:.5rem;padding:9px 12px}}@media(max-width:768px){.main-content{padding:1.5rem 1.15rem calc(56px + 1.5rem)}.section-title{font-size:1.05rem}.section-subtitle{font-size:.95rem}.character-box-avatar{width:96px;height:96px}.character-box-name{font-size:.5rem}.persona-avatar-large{width:110px;height:110px}.persona-title{font-size:.95rem}.skill-tool-name-readable{min-width:100%;font-size:.95rem}.project-links-menu{left:0}.mobile-nav-btn{font-size:.32rem;gap:3px}}