@keyframes v3d-toast{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes v3d-splash{0%,to{transform:rotate(-7deg)scale(1)}50%{transform:rotate(-7deg)scale(1.07)}}@keyframes v3d-blink{0%,49%{opacity:1}50%,to{opacity:.2}}@keyframes v3d-load{0%{background-position:0 0}to{background-position:56px 0}}@keyframes v3d-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes v3d-chev{0%,to{opacity:.9;transform:rotate(45deg)translate(0)}50%{opacity:.5;transform:rotate(45deg)translate(7px,7px)}}.v3d{height:780vh;font-family:var(--font-grotesk), ui-sans-serif, sans-serif;flex-shrink:0;line-height:normal;position:relative}.v3d,.v3d *,.v3d :before,.v3d :after{box-sizing:content-box}.v3d ::selection{color:#2a0d18;background:#f2a7c3}.v3d a{color:#2f7a1d}.v3d a:hover{color:#9c7410}.v3d .world{background:#6f8093;position:fixed;inset:0}.v3d .world-canvas{position:absolute;inset:0}.v3d .vignette{pointer-events:none;background:radial-gradient(at 50% 42%,#0000 55%,#0a101c61 100%);position:absolute;inset:0}.v3d .xpbar{z-index:65;background:#00000073;border-bottom:2px solid #17181c;height:8px;position:fixed;top:0;left:0;right:0}.v3d .xpbar-fill{background:linear-gradient(#a5f34a,#6fce18);width:0%;height:100%}.v3d .sound{z-index:60;cursor:pointer;min-height:40px;font-family:var(--font-silkscreen), monospace;color:#fff;background:#0f121aad;border:3px solid #17181c;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:flex;position:fixed;top:16px;right:14px}.v3d .sound:hover{filter:brightness(1.25)}.v3d .debug{z-index:45;pointer-events:none;flex-direction:column;gap:3px;display:flex;position:fixed;top:18px;left:12px}.v3d .debug-line{font-family:var(--font-silkscreen), monospace;color:#fff;background:#0c0d128c;align-self:flex-start;padding:3px 7px;font-size:9px}.v3d .debug-line--fps{color:#aef27e}.v3d .toasts{z-index:95;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:16px;right:150px}.v3d .toast{background:#16171ef0;border:3px solid #17181c;align-items:center;gap:12px;min-width:240px;max-width:330px;padding:10px 14px;animation:.45s steps(6,end) both v3d-toast;display:flex;box-shadow:inset 0 0 0 2px #5a5c66,4px 5px #0000004d}.v3d .toast-icon{width:30px;height:30px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none}.v3d .toast-title{font-family:var(--font-silkscreen), monospace;color:#f5c542;font-size:10px}.v3d .toast-msg{color:#e6e8ef;font-size:13px;font-weight:500;line-height:1.4}.v3d .tip{z-index:99;pointer-events:none;background:#13051af2;border:2px solid #b06fe0;max-width:260px;padding:8px 12px;position:fixed;top:-999px;left:-999px;box-shadow:inset 0 0 0 1px #b06fe066,4px 4px #00000059}.v3d .tip-name{font-family:var(--font-silkscreen), monospace;color:#fff;font-size:11px}.v3d .tip-lore{color:#cbb3e8;margin-top:3px;font-size:12.5px}.v3d .title-wrap{z-index:25;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.v3d .title{text-align:center;pointer-events:none;flex-direction:column;align-items:center;max-width:760px;display:flex}.v3d .kicker{font-family:var(--font-silkscreen), monospace;letter-spacing:3px;color:#f2b8cf;text-shadow:2px 2px #00000080;margin-bottom:14px;font-size:11px}.v3d .title-h1{font-family:var(--font-silkscreen), "Courier New", monospace;color:#fff;text-shadow:0 5px #00000073,0 0 40px #f2a7c359;margin:0;font-size:clamp(34px,7.5vw,72px);font-weight:700;line-height:1.02}.v3d .splash{cursor:pointer;font-family:var(--font-silkscreen), monospace;color:#ffe94d;text-shadow:2px 2px #3c3200e6;background:0 0;border:none;align-self:center;margin-top:10px;padding:4px;font-size:clamp(11px,1.6vw,15px);animation:1.6s ease-in-out infinite v3d-splash;transform:rotate(-3deg)}.v3d .subtitle{font-family:var(--font-silkscreen), monospace;color:#dfe6ef;text-shadow:2px 2px #00000080;margin-top:14px;font-size:clamp(10px,1.6vw,13px)}.v3d .loading-box{flex-direction:column;align-items:center;gap:8px;width:min(340px,80vw);margin-top:34px;display:flex}.v3d .loading-label{font-family:var(--font-silkscreen), monospace;color:#fff;text-shadow:2px 2px #0009;font-size:10px}.v3d .loading-bar{background:#00000073;border:3px solid #17181c;width:100%;height:22px;padding:3px}.v3d .loading-fill{background:repeating-linear-gradient(90deg,#5cae2e 0 20px,#4a9424 20px 28px);height:100%;animation:.8s steps(8,end) infinite v3d-load}.v3d .ready-box{flex-direction:column;align-items:center;gap:14px;margin-top:34px;display:flex}.v3d .ready-label{font-family:var(--font-silkscreen), monospace;color:#fff;text-shadow:2px 2px #0009;font-size:13px}.v3d .chev{border-bottom:5px solid #fff;border-right:5px solid #fff;width:16px;height:16px;animation:1.6s ease-in-out infinite v3d-chev;transform:rotate(45deg)}.v3d .world-error{font-family:var(--font-silkscreen), monospace;color:#ff9c9c;text-shadow:1px 1px #0009;margin-top:30px;font-size:10px;line-height:1.7}.v3d .title-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.v3d .hint{color:#c3ccd8;text-shadow:1px 1px #00000080;margin-top:24px;font-size:13px;font-weight:500}.v3d .hint-audio{font-family:var(--font-silkscreen), monospace;color:#9aa6b5;text-shadow:1px 1px #00000080;margin-top:6px;font-size:9px}.v3d .hint-legal{font-family:var(--font-silkscreen), monospace;color:#9aa6b5;text-shadow:1px 1px #00000080;margin-top:18px;font-size:8.5px}.v3d .btn{min-height:46px;font-family:var(--font-silkscreen), monospace;color:#fff;text-shadow:2px 2px #00000073;cursor:pointer;background:#6a6d76 linear-gradient(#ffffff47,#fff0 45%,#0000002e);border:3px solid #17181c;justify-content:center;align-items:center;padding:10px 20px;font-size:11px;text-decoration:none;display:inline-flex;box-shadow:inset 0 3px #ffffff4d,inset 0 -4px #0000004d}.v3d .btn:hover{filter:brightness(1.12);color:#ffe94d}.v3d .btn:active{transform:translateY(2px)}.v3d .btn--wide{padding:10px 18px;font-size:10.5px;display:flex}.v3d .btn--green{background:#5cae2e linear-gradient(#ffffff47,#fff0 45%,#0000002e)}.v3d .btn--small{align-self:flex-start;min-height:30px;padding:6px 11px;font-size:8.5px;box-shadow:inset 0 2px #ffffff4d,inset 0 -3px #0000004d}.v3d .btn--small:active{transform:none}.v3d .pos{z-index:30;pointer-events:none;max-width:94vw;position:fixed;top:50%;transform:translateY(-50%)}.v3d .pos--right{right:4vw}.v3d .pos--left{left:4vw}.v3d .pos--center{justify-content:center;max-width:none;display:flex;left:0;right:0}.v3d .panel{opacity:0;pointer-events:none;background:#c6c6c6;border:3px solid #565656;border-color:#fff #565656 #565656 #fff;flex-direction:column;display:flex;box-shadow:0 0 0 3px #17181c,10px 12px #00000059}.v3d .panel--about{width:min(560px,92vw)}.v3d .panel--skills{width:min(740px,92vw)}.v3d .panel--quests{width:min(620px,92vw)}.v3d .panel--builds{width:min(760px,92vw)}.v3d .panel--learn,.v3d .panel--contact{width:min(480px,92vw)}.v3d .panel-header{border-bottom:3px solid #a6a6a6;align-items:center;gap:11px;padding:12px 16px;display:flex}.v3d .panel-icon{width:24px;height:24px;image-rendering:pixelated}.v3d .panel-title{font-family:var(--font-silkscreen), monospace;color:#2a2f38;font-size:13px}.v3d .panel-spacer{flex:1}.v3d .panel-count{font-family:var(--font-silkscreen), monospace;color:#6b7280;font-size:8.5px}.v3d .panel-body{max-height:56vh;padding:16px 18px;overflow:auto}.v3d .panel-body--col14{flex-direction:column;gap:14px;display:flex}.v3d .panel-body--col10{flex-direction:column;gap:10px;display:flex}.v3d .inner-card{background:#d2d2d2;border:3px solid #7a7a7a;border-color:#f0f0f0 #7a7a7a #7a7a7a #f0f0f0;padding:14px 16px;box-shadow:0 0 0 2px #17181c}.v3d .about-row{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.v3d .about-left{flex-direction:column;flex:0 170px;gap:9px;min-width:150px;display:flex}.v3d .avatar-frame{background:#8b8b8b;border:3px solid #fff;border-color:#474747 #fff #fff #474747;padding:5px}.v3d .avatar-box{aspect-ratio:1;width:100%}.v3d .stat-rows{flex-direction:column;gap:4px;display:flex}.v3d .stat-row{font-family:var(--font-silkscreen), monospace;justify-content:space-between;font-size:8px;display:flex}.v3d .stat-label{color:#5c6470}.v3d .stat-value{color:#2a2f38}.v3d .stat-value--gold{color:#7a5c06}.v3d .stat-value--green{color:#3f7a12}.v3d .about-right{flex:260px}.v3d .bio{color:#2a2f38;margin:0;font-size:14.5px;line-height:1.65}.v3d .chips{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.v3d .chip{background:#d4d4d4;border:3px solid #7a7a7a;border-color:#f0f0f0 #7a7a7a #7a7a7a #f0f0f0;padding:8px 13px;box-shadow:0 0 0 2px #17181c}.v3d .chip-num{font-family:var(--font-silkscreen), monospace;color:#2a2f38;font-size:15px}.v3d .chip-label{color:#5c6470;text-transform:uppercase;font-size:10px;font-weight:600}.v3d .langs{flex-direction:column;gap:9px;margin-top:14px;display:flex}.v3d .lang-head{justify-content:space-between;align-items:baseline;display:flex}.v3d .lang-name{font-family:var(--font-silkscreen), monospace;color:#2a2f38;font-size:8.5px}.v3d .lang-level{color:#5c6470;font-size:12px;font-weight:500}.v3d .xp-track{background:#00000061;border:2px solid #17181c;height:10px;margin-top:4px;position:relative}.v3d .xp-fill{background:linear-gradient(#a5f34a,#6fce18);height:100%}.v3d .xp-notches{background:repeating-linear-gradient(90deg,#0000 0 10px,#00000047 10px 12px);position:absolute;inset:0}.v3d .skill-group-label{font-family:var(--font-silkscreen), monospace;color:#5c6470;letter-spacing:1px;margin-bottom:7px;font-size:9px}.v3d .skill-row{flex-wrap:wrap;gap:8px;display:flex}.v3d .skill{flex-direction:column;align-items:center;gap:4px;width:58px;display:flex}.v3d .skill--w62{width:62px}.v3d .skill--w66{width:66px}.v3d .slot{cursor:help;background:#26282c;border:3px solid #3f434a;border-color:#101114 #3f434a #3f434a #101114;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.v3d .slot:hover{filter:brightness(1.35)}.v3d .slot img{width:42px;height:42px}.v3d .skill-name{color:#4a5160;text-align:center;font-size:10px;font-weight:500;line-height:1.2}.v3d .quest-top{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.v3d .quest-role{font-family:var(--font-silkscreen), monospace;color:#2a2f38;margin:0;font-size:12px;font-weight:700}.v3d .quest-org{color:#5c6470;margin-top:3px;font-size:13px;font-weight:600}.v3d .quest-side{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.v3d .badge-active{font-family:var(--font-silkscreen), monospace;color:#fff;text-shadow:1px 1px #0006;background:#5cae2e;border:2px solid #17181c;padding:5px 8px;font-size:8px;animation:2.4s step-end infinite v3d-blink}.v3d .badge-done{font-family:var(--font-silkscreen), monospace;color:#5c6470;background:0 0;border:2px solid #5c6470;padding:5px 8px;font-size:8px}.v3d .quest-date{font-family:var(--font-silkscreen), monospace;color:#5c6470;font-size:8px}.v3d .quest-list{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.v3d .quest-item{color:#2a2f38;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.55;display:flex}.v3d .quest-check{color:#fff;background:#5cae2e;border:2px solid #17181c;flex:none;justify-content:center;align-items:center;width:14px;height:14px;margin-top:3px;font-size:9px;font-weight:700;display:inline-flex}.v3d .quest-check--pending{color:#ffe94d;background:#0000004d}.v3d .loot-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.v3d .loot-label{font-family:var(--font-silkscreen), monospace;color:#5c6470;font-size:8px}.v3d .loot-tag{font-family:var(--font-silkscreen), monospace;color:#7a5c06;background:#f5c54233;border:2px solid #c9a227;padding:4px 7px;font-size:8.5px}.v3d .projects-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.v3d .project{flex-direction:column;gap:9px;padding:9px;display:flex}.v3d .shot-frame{background:#26282c;border:3px solid #3f434a;border-color:#101114 #3f434a #3f434a #101114;padding:4px}.v3d .shot-box{aspect-ratio:16/9;width:100%}.v3d .project-text{flex-direction:column;flex:1;gap:6px;padding:1px 3px 3px;display:flex}.v3d .project-title{font-family:var(--font-silkscreen), monospace;color:#2a2f38;margin:0;font-size:10.5px;font-weight:700;line-height:1.4}.v3d .project-meta{font-family:var(--font-silkscreen), monospace;color:#7a5c06;font-size:7.5px}.v3d .project-blurb{color:#4a5160;flex:1;margin:0;font-size:12.5px;font-weight:500;line-height:1.5}.v3d .tags{flex-wrap:wrap;gap:4px;display:flex}.v3d .tag{font-family:var(--font-silkscreen), monospace;background:#0009;border:2px solid #17181c;padding:3px 6px;font-size:7.5px}.v3d .avatar-img,.v3d .shot-img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.v3d .shot-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.v3d-lightbox{z-index:200;cursor:zoom-out;background:#06080ce0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.v3d-lightbox-fig{cursor:default;margin:0}.v3d-lightbox-img{background:#14161d;border:4px solid #101114;border-color:#3f434a #101114 #101114 #3f434a;width:auto;max-width:min(1280px,94vw);height:auto;max-height:82vh;display:block;box-shadow:0 22px 70px #000000a6}.v3d-lightbox-cap{text-align:center;font-family:var(--font-silkscreen), monospace;letter-spacing:1px;color:#cfd6e4;margin-top:12px;font-size:9px}.v3d-lightbox-close{width:42px;height:42px;font-family:var(--font-silkscreen), monospace;color:#e8e6df;cursor:pointer;background:#3a3d46;border:3px solid #17181c;border-color:#5c616e #17181c #17181c #5c616e;font-size:16px;position:absolute;top:18px;right:22px}.v3d-lightbox-close:hover{background:#4a4e59}.v3d .edu{align-items:center;gap:13px;display:flex}.v3d .edu-book{width:40px;height:40px;image-rendering:pixelated;flex:none;animation:3.4s ease-in-out infinite v3d-float}.v3d .edu-book--slow{animation-duration:3.8s}.v3d .edu-title{font-family:var(--font-silkscreen), monospace;color:#2a2f38;font-size:10.5px;line-height:1.5}.v3d .edu-org{color:#5c6470;margin-top:3px;font-size:13px;font-weight:600}.v3d .edu-date{font-family:var(--font-silkscreen), monospace;color:#7a5c06;margin-top:5px;font-size:8px}.v3d .contact-lead{color:#2a2f38;text-align:center;margin:0 0 4px;font-size:14.5px;font-weight:500;line-height:1.6}.v3d .contact-note{text-align:center;color:#5c6470;margin-top:2px;font-size:12px;font-weight:500}.v3d .copyright{text-align:center;font-family:var(--font-silkscreen), monospace;color:#8a919e;font-size:7.5px}.v3d .hotbar{z-index:50;background:#0c0d12c7;border:3px solid #17181c;gap:4px;padding:5px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #ffffff1f}.v3d .hotbar-slot{cursor:pointer;background:#3a3b42;border:2px solid #5a5c66;border-color:#1c1d22 #5a5c66 #5a5c66 #1c1d22;justify-content:center;align-items:center;width:clamp(38px,6.5vw,50px);height:clamp(38px,6.5vw,50px);padding:0;text-decoration:none;display:flex;position:relative}.v3d .hotbar-slot:hover{filter:brightness(1.3)}.v3d button.hotbar-slot{outline-offset:-1px;outline:3px solid #0000}.v3d button.hotbar-slot.is-active{outline-color:#fff}.v3d .hotbar-slot img{width:60%;height:60%;image-rendering:pixelated}.v3d .hotbar-num{font-family:var(--font-silkscreen), monospace;color:#cfd2da;font-size:8px;position:absolute;top:1px;left:3px}.v3d .hotbar-cv{font-family:var(--font-silkscreen), monospace;color:#8fe3f2;font-size:7px;position:absolute;bottom:1px;right:3px}@media (prefers-reduced-motion:reduce){.v3d,.v3d *,.v3d :before,.v3d :after{transition:none!important;animation:none!important}}