:root{--bg:#0a0a0a;--surface:#111;--border:#222;--text:#e8e8e8;--text-dim:#555;--accent:#ff6b47;--accent-dim:#ff6b4726;--accent-glow:#ff6b4714;--font:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}.reveal{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)scale(.985)}.reveal.revealed{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.terminal-overlay{background:var(--bg);z-index:100;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.terminal-exit{opacity:0;pointer-events:none}.terminal-window{border:1px solid var(--border);width:min(640px,90vw);box-shadow:0 0 60px var(--accent-glow);border-radius:8px;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:#1a1a1a;align-items:center;gap:6px;padding:10px 14px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{color:var(--text-dim);text-align:center;flex:1;margin-left:8px;font-size:11px}.terminal-body{background:var(--surface);min-height:200px;padding:24px}.terminal-line{font-size:14px;line-height:1.8;animation:.3s fade-in}.terminal-text{color:var(--accent)}.terminal-cursor{background:var(--accent);vertical-align:middle;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.terminal-cursor--inline{width:7px;height:14px;margin-left:1px}@keyframes blink{50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.avatar-canvas{flex-shrink:0;width:320px;height:560px}.avatar-canvas canvas{border-radius:4px}@media (width<=768px){.avatar-canvas{width:280px;height:400px}}.player-card{border-bottom:1px solid var(--border);--mx:50%;--my:30%;flex-direction:column;align-items:center;width:100vw;margin-left:calc(50% - 50vw);padding:64px 48px 76px;display:flex;position:relative;overflow:visible}@media (hover:hover){.player-card:after{content:"";pointer-events:none;background:radial-gradient(circle 360px at var(--mx) var(--my), var(--accent-glow), transparent 65%);z-index:0;position:absolute;inset:0}.player-card>*{z-index:1;position:relative}}.player-name{letter-spacing:-.03em;color:var(--text);text-align:center;z-index:1;cursor:default;margin-bottom:8px;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1;transition:text-shadow .15s}@media (hover:hover){.player-name:hover{text-shadow:-2px 0 #ff3c64d9,2px 0 #00dcffbf;animation:.32s step-end infinite name-glitch}}@keyframes name-glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.player-name:hover{animation:none}}.player-tagline{letter-spacing:.08em;color:var(--accent);text-align:center;margin-bottom:16px;font-size:13px;font-weight:700}.player-offer{letter-spacing:.04em;color:var(--text-dim);text-align:center;z-index:1;margin-bottom:14px;font-size:12px}.player-cta{z-index:1;border:1px solid var(--accent);background:linear-gradient(135deg, var(--surface), var(--accent-glow));color:var(--text);letter-spacing:.12em;align-self:center;padding:13px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;animation:2.4s ease-in-out infinite player-cta-pulse;display:inline-block}.player-cta:hover{background:linear-gradient(135deg, var(--accent-dim), var(--accent-glow));box-shadow:0 0 24px var(--accent-glow);transform:translateY(-2px)}@keyframes player-cta-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 5px #0000}}@media (prefers-reduced-motion:reduce){.player-cta{transition:box-shadow .2s,background .2s;animation:none}.player-cta:hover{transform:none}}.player-center{z-index:1;flex-direction:column;align-items:center;margin-top:38px;display:flex;position:relative}.player-bio{color:var(--text-dim);letter-spacing:.03em;text-align:center;max-width:420px;padding:62px 0 48px;font-size:15px;line-height:1.8}.player-bars{flex-direction:column;gap:24px;width:240px;display:flex;position:absolute;top:50%;right:clamp(128px,13vw,198px);transform:translateY(calc(-50% - 8px))}.bar-row{flex-direction:column;gap:8px;display:flex}.bar-meta{justify-content:space-between;align-items:baseline;display:flex}.bar-skill{letter-spacing:.08em;color:var(--text);font-size:11px}.bar-track{background:var(--border);width:100%;height:6px;overflow:hidden}.bar-fill{background:var(--accent);width:0;height:100%;box-shadow:0 0 8px var(--accent-glow);transition:width 1.4s cubic-bezier(.2,.8,.2,1) .35s}.player-card.revealed .bar-fill{width:var(--w)}.bar-flavor{color:var(--text-dim);letter-spacing:.04em;margin-top:4px;font-size:10px;font-style:italic}.bar-value{letter-spacing:.1em;color:var(--text-dim);font-size:10px}@media (width<=768px){.player-card{padding:48px 24px 0}.player-cta{text-align:center;width:100%;padding:15px 24px}.player-bars{width:100%;padding:24px 0;position:static;transform:none}}.quest-card{border:1px solid var(--border);transform-style:preserve-3d;will-change:transform;cursor:pointer;color:inherit;flex-direction:column;gap:10px;height:100%;padding:36px 40px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.quest-card:before{content:"";background:var(--accent-dim);opacity:0;transition:opacity .2s;position:absolute;inset:0}.quest-card:hover{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.quest-card:hover:before{opacity:1}.quest-card--cta{border-color:var(--accent);background:linear-gradient(135deg, var(--surface), var(--accent-glow))}.quest-cta-action{color:var(--accent);letter-spacing:.12em;margin-top:6px;font-size:13px;font-weight:700}.quest-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.quest-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quest-sigil{object-fit:contain;mix-blend-mode:screen;opacity:.9;flex-shrink:0;width:36px;height:36px}.quest-status{letter-spacing:.15em;border:1px solid;padding:3px 8px;font-size:10px;font-weight:700}.quest-status--active,.quest-status--in-progress{color:var(--accent);border-color:var(--accent);animation:2.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 5px #0000}}@media (prefers-reduced-motion:reduce){.quest-status--active,.quest-status--in-progress{animation:none}}.quest-status--completed{color:var(--text-dim);border-color:var(--border)}.quest-status--for-hire{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.quest-status--shipped{color:var(--text);border-color:var(--text)}.quest-tag{color:var(--text-dim);letter-spacing:.1em;font-size:10px}.quest-title{letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere;word-break:break-word;font-size:28px;font-weight:700;position:relative}@media (width<=640px){.quest-card{padding:28px 24px}.quest-title{font-size:22px}.quest-subtitle,.quest-description{font-size:13px}}.quest-subtitle{color:var(--text-dim);letter-spacing:.05em;font-size:14px}.quest-description{color:#888;font-size:14px;line-height:1.7;position:relative}.main-quests{border-bottom:1px solid var(--border);padding:76px 64px;position:relative}.section-header{align-items:center;gap:12px;margin-bottom:32px;display:flex}.section-icon{opacity:.6;font-size:16px}.section-title{letter-spacing:.25em;color:var(--text-dim);font-size:11px;font-weight:700}.section-count{color:var(--accent);letter-spacing:.1em;margin-left:auto;font-size:10px}.quest-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (width<=640px){.main-quests{padding:80px 24px}}.skills{border-bottom:1px solid var(--border);padding:76px 64px}.skills-grid{flex-wrap:wrap;gap:10px;display:flex}.skill-bubble{border:1px solid var(--border);background:var(--surface);letter-spacing:.04em;color:var(--text-dim);flex-direction:column;gap:4px;padding:10px 16px;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.skill-bubble:hover{border-color:var(--accent);color:var(--text)}.skill-bubble__row{align-items:baseline;gap:10px;display:inline-flex}.skill-bubble__name{font-size:12px}.skill-bubble__value{letter-spacing:.08em;color:var(--accent);font-size:11px;font-weight:700}.skills-curiosity{color:var(--text-dim);letter-spacing:.04em;margin-top:24px;font-size:12px;font-style:italic}.skills-curiosity__prompt{color:var(--accent);margin-right:6px;font-weight:700}@media (width<=640px){.skills{padding:80px 24px}.skill-bubble{padding:9px 12px;font-size:12px}}.side-quest-card{border:1px solid var(--border);transform-style:preserve-3d;will-change:transform;cursor:default;height:100%;color:inherit;flex-direction:column;gap:10px;padding:36px 40px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}a.side-quest-card,.side-quest-card--linked{cursor:pointer}.side-quest-card:before{content:"";background:var(--accent-dim);opacity:0;transition:opacity .2s;position:absolute;inset:0}.side-quest-card:hover{border-color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.side-quest-card:hover:before{opacity:1}.side-quest-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.side-quest-meta{align-items:center;gap:8px;display:flex}.side-quest-link-hint{color:var(--text-dim);font-size:14px;line-height:1;transition:color .2s,transform .2s}.side-quest-card:hover .side-quest-link-hint{color:var(--accent);transform:translate(2px,-2px)}.side-quest-status{letter-spacing:.15em;border:1px solid;padding:3px 8px;font-size:10px;font-weight:700}.side-quest-status--active{color:var(--accent);border-color:var(--accent);animation:2.4s ease-in-out infinite status-pulse}@media (prefers-reduced-motion:reduce){.side-quest-status--active{animation:none}}.side-quest-status--completed{color:var(--text-dim);border-color:var(--border)}.side-quest-status--ongoing{color:var(--text);border-color:var(--text)}.side-quest-status--on-call{color:var(--text-dim);border-color:var(--border)}.side-quest-title{letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere;word-break:break-word;font-size:28px;font-weight:700;position:relative}@media (width<=640px){.side-quest-card{padding:28px 24px}.side-quest-title{font-size:22px}.side-quest-subtitle,.side-quest-desc{font-size:13px}}.side-quest-subtitle{color:var(--text-dim);letter-spacing:.05em;font-size:14px}.side-quest-desc{color:#888;font-size:14px;line-height:1.7;position:relative}.side-quests{padding:76px 64px 185px}.side-quest-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (width<=640px){.side-quests{padding:80px 24px}}.nav-menu{z-index:999;position:fixed;top:20px;right:24px}.nav-menu__trigger{background:var(--surface);color:var(--accent);border:1px solid var(--accent);font-family:var(--font);letter-spacing:.12em;cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s;display:flex}.nav-menu__trigger:hover,.nav-menu__trigger--open{background:var(--accent);color:var(--bg)}.nav-menu__arrow{font-size:.6rem}.nav-menu__dropdown{background:var(--surface);border:1px solid var(--border);min-width:160px;list-style:none;animation:.12s dropdown-in;position:absolute;top:calc(100% + 4px);right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-menu__item{color:var(--text);letter-spacing:.08em;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;font-size:.75rem;text-decoration:none;transition:color .12s,background .12s;display:flex}.nav-menu__icon{opacity:.85;flex-shrink:0}.nav-menu__sigil{object-fit:contain;mix-blend-mode:screen;opacity:.9;flex-shrink:0;width:14px;height:14px}.nav-menu__item:last-child{border-bottom:none}.nav-menu__item:hover{color:var(--accent);background:var(--accent-dim)}.click-effect-layer{pointer-events:none;z-index:9999;position:fixed;inset:0}.spark{background:var(--accent);box-shadow:0 0 6px 1px var(--accent);animation:shoot var(--dur,.7s) cubic-bezier(.25, 1, .5, 1) forwards;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.spark:nth-child(3n){background:#fff;box-shadow:0 0 6px 1px #fff}.spark:nth-child(5n){background:var(--text-dim);box-shadow:0 0 6px 1px var(--text-dim)}@keyframes shoot{0%{opacity:1;translate:0;scale:1}60%{opacity:.8}to{opacity:0;translate:var(--dx) var(--dy);scale:0}}.section-dots{z-index:50;background:0 0;border:none;flex-direction:column;gap:14px;margin:0;padding:0;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.section-dots__item{cursor:pointer;font-family:var(--font);color:var(--text-dim);background:0 0;border:none;align-items:center;gap:12px;padding:4px 4px 4px 12px;transition:color .2s;display:flex}.section-dots__item:hover,.section-dots__item.is-active{color:var(--text)}.section-dots__label{letter-spacing:.22em;opacity:0;font-size:9px;font-weight:700;transition:opacity .2s,transform .2s,color .2s;transform:translate(8px)}.section-dots__item:hover .section-dots__label,.section-dots__item.is-active .section-dots__label{opacity:1;transform:translate(0)}.section-dots__item.is-active .section-dots__label{color:var(--accent)}.section-dots__indicator{border:1px solid var(--text-dim);border-radius:50%;width:8px;height:8px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.section-dots__item:hover .section-dots__indicator,.section-dots__item.is-active .section-dots__indicator{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);transform:scale(1.25)}@media (width<=768px){.section-dots{display:none}}.mobile-nav{display:none}@media (width<=768px){.mobile-nav{z-index:60;-webkit-backdrop-filter:blur(14px)saturate(140%);border-top:1px solid var(--border);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));background:#0a0a0ac7;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__tab{cursor:pointer;color:var(--text-dim);font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;transition:color .15s,transform .15s;display:flex;position:relative}.mobile-nav__tab:active{transform:scale(.94)}.mobile-nav__tab.is-active{color:var(--accent)}.mobile-nav__tab.is-active:before{content:"";background:var(--accent);width:18px;height:2px;box-shadow:0 0 6px var(--accent-glow);position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav__icon{font-size:17px;line-height:1}.mobile-nav__label{letter-spacing:.18em;font-size:9px;font-weight:700}.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}.konami-toast{z-index:1000;pointer-events:none;animation:.4s cubic-bezier(.2,.8,.2,1) konami-pop;position:fixed;top:80px;left:50%;transform:translate(-50%)}.konami-toast__sparks{pointer-events:none;position:absolute;inset:0;overflow:visible}.konami-toast__sparks span{background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);transform:rotate(var(--a)) translateY(0);border-radius:50%;margin:-2px 0 0 -2px;animation:.7s cubic-bezier(.2,.8,.2,1) forwards spark-fly;position:absolute;top:50%;left:50%}@keyframes spark-fly{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-110px) scale(.4)}}@keyframes konami-pop{0%{opacity:0;transform:translate(-50%,-16px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.konami-toast__inner{background:var(--surface);border:1px solid var(--accent);font-family:var(--font);text-align:center;box-shadow:0 0 36px var(--accent-glow);padding:18px 32px}.konami-toast__title{letter-spacing:.18em;color:var(--accent);margin-bottom:6px;font-size:18px;font-weight:700}.konami-toast__sub{letter-spacing:.2em;color:var(--text-dim);margin-bottom:10px;font-size:10px}.konami-toast__keys{letter-spacing:.3em;color:var(--text);font-size:16px}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;animation:32s linear infinite grid-drift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000000d9,#0003 70%);mask-image:radial-gradient(at 50% 30%,#000000d9,#0003 70%)}@keyframes grid-drift{0%{background-position:0 0}to{background-position:44px 44px}}.bg-scanlines{z-index:200;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#0000 0 2px,#ffffff05 3px,#0000 4px);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.bg-grid{animation:none}}.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#00000059;padding:14px 0;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.marquee:after{background:linear-gradient(to left, var(--bg), transparent);right:0}.marquee__inner{white-space:nowrap;width:max-content;font-family:var(--font);animation:38s linear infinite marquee-slide;display:flex}.marquee__row{letter-spacing:.22em;color:var(--text-dim);padding-right:36px;font-size:12px}.marquee__row:hover{color:var(--accent)}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__inner{animation:none}}.scroll-progress{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;left:18px;transform:translateY(-50%)}.scroll-progress__label{font-family:var(--font);letter-spacing:.18em;color:var(--text-dim);font-size:9px;font-weight:700}.scroll-progress__track{background:var(--border);width:2px;height:220px;position:relative;overflow:hidden}.scroll-progress__fill{background:var(--accent);width:100%;box-shadow:0 0 6px var(--accent-glow);transition:height 80ms linear;position:absolute;top:0;left:0}@media (width<=768px){.scroll-progress{display:none}}.content{opacity:0;pointer-events:none;max-width:1100px;margin:0 auto;padding-top:94px;transition:opacity .6s,transform .6s;transform:translateY(12px)}.content--visible{opacity:1;pointer-events:all;transform:translateY(0)}.site-footer{color:var(--text-dim);letter-spacing:.1em;text-align:center;padding:0 64px 80px;font-size:11px}@media (width<=640px){.site-footer{padding:32px 24px 48px}}
