@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";@media (min-width: 769px){*,html,body{cursor:none!important}:root{cursor:none!important}}.custom-cursor{display:none}@media (min-width: 769px){.custom-cursor{position:fixed;pointer-events:none;z-index:9999;top:0;left:0;display:flex;align-items:center;justify-content:center;gap:.15rem;font-family:var(--font-display),monospace;font-size:1.4rem;font-weight:900;color:var(--text-primary);line-height:1;transform:translateZ(0);will-change:transform;transition:color .15s ease,transform .15s var(--ease-spring)}}@media (min-width: 769px){.custom-cursor__bracket{display:inline-block;color:inherit;line-height:1;position:relative;text-shadow:0 0 4px rgba(124,58,237,.2)}.custom-cursor__dot{width:6px;height:6px;background:var(--accent-cyan);border:1px solid var(--text-primary);border-radius:var(--radius-sm);box-shadow:0 0 10px var(--accent-cyan);display:inline-block;transition:transform .2s var(--ease-spring)}}@media (min-width: 769px){.custom-cursor--dark{color:#fff!important}.custom-cursor--dark .custom-cursor__bracket{text-shadow:0 0 8px rgba(255,255,255,.4)}.custom-cursor--dark .custom-cursor__dot{background:var(--accent-cyan);border-color:#fff;box-shadow:0 0 12px var(--accent-cyan),0 0 4px #fff}}@media (min-width: 769px){a,button,input,textarea,select,.landing__btn,.btn-manga,.footer__nav-link,.navbar__link,.navbar__logo,[role=button],[role=link],[onclick]{cursor:none!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s cubic-bezier(.16,1,.3,1);padding:0}.navbar.scrolled{padding:0}.navbar__inner{max-width:var(--container-max);margin:0 auto;padding:var(--container-pad);display:flex;align-items:center;justify-content:space-between;height:72px}.navbar.scrolled .navbar__inner{height:64px}.navbar__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8f7f4d9;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid transparent;transition:all .4s ease;opacity:0}.navbar.scrolled .navbar__backdrop{opacity:1;border-bottom-color:var(--border-light)}.navbar__logo{position:relative;z-index:1;display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.navbar__logo-tag{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;border:1.5px solid var(--text-primary);padding:3px 10px;border-radius:var(--radius-sm);background:var(--bg-card);box-shadow:var(--manga-shadow-sm);transition:all .25s var(--ease-spring)}.navbar__logo-sub{font-family:var(--font-game);font-size:.65rem;font-weight:700;color:var(--text-primary);background:var(--accent-cyan);border:1.5px solid var(--text-primary);padding:2px 6px;border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--text-primary);transition:all .25s var(--ease-spring)}.navbar__logo:hover .navbar__logo-tag{transform:translateY(-1px);box-shadow:3px 3px 0 var(--text-primary);background:var(--accent-pale)}.navbar__logo:hover .navbar__logo-sub{transform:rotate(-5deg) scale(1.05)}.navbar__links{position:relative;z-index:1;display:flex;align-items:center;gap:20px;list-style:none;padding-top:8px}.navbar__link{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary);background:#fffdf9;border:1.5px solid var(--text-primary);padding:6px 14px;border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--text-primary);transition:all .25s var(--ease-spring);cursor:pointer;position:relative;display:inline-flex;align-items:center;transform:rotate(var(--rotation, -1.5deg))}.navbar__links li:nth-child(2n) .navbar__link{--rotation: 1.8deg}.navbar__links li:nth-child(3n) .navbar__link{--rotation: -2.2deg}.navbar__links li:nth-child(4n) .navbar__link{--rotation: 1.2deg}.navbar__link:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-3deg);width:32px;height:12px;background:#06b6d44d;border-left:1px dashed rgba(255,255,255,.4);border-right:1px dashed rgba(255,255,255,.4);transition:all .2s ease;opacity:.8;pointer-events:none;z-index:5}.navbar__links li:nth-child(2n) .navbar__link:before{background:#7c3aed40;transform:translate(-50%) rotate(4deg)}.navbar__links li:nth-child(3n) .navbar__link:before{background:#ff4d7940;transform:translate(-50%) rotate(-2deg)}.navbar__link:hover{color:var(--text-primary);transform:rotate(0) translateY(-3px);box-shadow:4px 4px 0 var(--text-primary);background:#fff}.navbar__link:hover:before{background:#ff4d7973;transform:translate(-50%) rotate(2deg) scale(1.05)}.navbar__link.active{background:var(--accent-cyan-pale);border-color:var(--accent-cyan);color:var(--text-primary);box-shadow:3px 3px 0 var(--accent-cyan)}.navbar__link.active:before{background:#06b6d480}.navbar__cta{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.navbar__btn{font-size:.875rem;font-weight:500;color:#fff;background:var(--accent);padding:9px 20px;border-radius:var(--radius-full);cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;border:none}.navbar__btn:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 20px #2563eb4d}.navbar__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);transform-origin:left;transition:none}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;position:relative;z-index:1}.navbar__toggle span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar__toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__mobile{position:fixed;top:0;right:0;width:min(300px,85vw);height:100vh;background:var(--bg-primary);border-left:var(--manga-border);display:flex;flex-direction:column;padding:100px 32px 40px;gap:12px;z-index:999}.navbar__mobile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(14,13,16,.05) 1px,transparent 1px);background-size:8px 8px;pointer-events:none;z-index:-1}.navbar__mobile-link{font-family:var(--font-game);font-size:1.35rem;font-weight:700;color:var(--text-primary);padding:14px 0;border-bottom:2px dashed var(--text-muted);cursor:pointer;transition:all .2s var(--ease-smooth);display:flex;align-items:center;gap:8px}.navbar__mobile-link:before{content:"▶";font-size:.8rem;color:var(--accent-cyan);opacity:0;transform:translate(-4px);transition:all .2s var(--ease-spring)}.navbar__mobile-link:hover,.navbar__mobile-link.active{color:var(--accent);padding-left:8px}.navbar__mobile-link:hover:before,.navbar__mobile-link.active:before{opacity:1;transform:translate(0)}.navbar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0d1059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998}@media (max-width: 768px){.navbar__links,.navbar__btn{display:none}.navbar__toggle{display:flex}}.footer{background:var(--text-primary);color:#fff;padding:60px 0 40px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,229,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.footer__inner{display:flex;flex-direction:column;gap:40px}.footer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer__logo{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.footer__logo-tag{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#fff;border:1.5px solid white;padding:3px 10px;border-radius:var(--radius-sm);background:var(--text-primary);box-shadow:3px 3px #fff;transition:all .25s var(--ease-spring)}.footer__logo-sub{font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--text-primary);background:var(--accent-cyan);border:1.5px solid white;padding:2px 6px;border-radius:var(--radius-sm);box-shadow:2px 2px #fff;transition:all .25s var(--ease-spring)}.footer__logo:hover .footer__logo-tag{transform:translateY(-1px);box-shadow:4px 4px #fff}.footer__logo:hover .footer__logo-sub{transform:rotate(-5deg) scale(1.05)}.footer__tagline{font-family:var(--font-body);font-size:.85rem;color:#ffffff8c;margin-top:12px;max-width:280px;line-height:1.7;font-weight:500}.footer__nav{display:flex;gap:40px;flex-wrap:wrap}.footer__nav-group{flex:1}.footer__nav-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin-bottom:12px}.footer__nav-links{display:flex;flex-direction:column;gap:8px}.footer__nav-link{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:#fff9;cursor:pointer;transition:all .2s var(--ease-smooth);text-decoration:none;display:inline-block}.footer__nav-link:hover{color:var(--accent-cyan);transform:translate(3px)}.footer__bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer__copy{font-size:.8rem;color:#ffffff59}.footer__copy span{color:#ffffff8c}.footer__socials{display:flex;gap:8px}.footer__social{width:36px;height:36px;border-radius:var(--radius-sm);border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff9;transition:all .2s var(--ease-smooth);text-decoration:none}.footer__social:hover{border-color:var(--accent-cyan);color:#fff;background:var(--accent-cyan);box-shadow:2.5px 2.5px #fff;transform:translate(-1.5px,-1.5px)}.footer__status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#16a34ae6;font-weight:500}.footer__status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;position:relative}.footer__status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:#22c55e4d;border-radius:50%;animation:pulse-ring 2s ease-in-out infinite}@media (max-width: 600px){.footer{padding:40px 0 30px}.footer__top{flex-direction:column;gap:32px;align-items:center;text-align:center}.footer__bottom{flex-direction:column;align-items:center;gap:20px;text-align:center}.footer__nav{width:100%;justify-content:center}.footer__socials{display:flex;width:100%;justify-content:center}.footer__tagline{max-width:100%;text-align:center}.footer:before{width:200px;height:200px;bottom:-40px;right:-40px}}.landing{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden}.cyber-sparks-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.cyber-spark{position:absolute;background:var(--accent-cyan);border-radius:var(--radius-sm);opacity:.6;filter:drop-shadow(0 0 6px var(--accent-cyan))}.landing__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.landing__pagoda-bg{position:absolute;bottom:-40px;right:-20px;width:50%;max-width:550px;opacity:.045;mix-blend-mode:multiply;pointer-events:none;z-index:0}.landing__pagoda-bg img{width:100%;height:auto;display:block}.landing__manga-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8}.landing__glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.landing__glow--1{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.3) 0%,transparent 70%);top:-100px;right:-50px}.landing__glow--2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,77,121,.25) 0%,transparent 70%);bottom:-150px;left:-50px}.landing__container{position:relative;z-index:2;width:100%}.landing__wrapper{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;width:100%;max-width:1100px;margin:0 auto}.landing__left{display:flex;align-items:center;justify-content:center}.landing__image-panel{position:relative;width:320px;height:320px;border:var(--manga-border);box-shadow:var(--manga-shadow);background:var(--bg-card);overflow:hidden;transform:rotate(-3deg);transition:all .3s var(--ease-spring)}.landing__image-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s var(--ease-out);filter:grayscale(.15) contrast(1.1)}.landing__panel-screentone{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(14,13,16,.1) 1.5px,transparent 1.5px);background-size:6px 6px;mix-blend-mode:multiply;pointer-events:none;opacity:.35}.landing__image-panel:hover{transform:rotate(0) scale(1.02);box-shadow:var(--manga-shadow-hover)}.landing__image-panel:hover .landing__image-img{transform:scale(1.05);filter:grayscale(0) contrast(1)}.landing__right{display:flex;flex-direction:column;gap:24px;text-align:left}.landing__status-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.landing__headline{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:900;line-height:1.05;color:var(--text-primary);letter-spacing:-.02em}.landing__manga-highlight{position:relative;color:var(--accent);background:linear-gradient(180deg,transparent 70%,var(--accent-cyan-pale) 70%);display:inline-block}.landing__subheading{margin-top:4px}.landing__role-title{font-family:var(--font-game);font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--accent);font-weight:700;letter-spacing:.02em;line-height:1.4;border-left:3px solid var(--text-primary);padding-left:12px}.landing__quest-details{display:flex;flex-direction:column;gap:12px;background:#fff9;border:1.5px solid var(--text-primary);padding:16px 20px;border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--text-primary);max-width:550px}.landing__quest-item{display:flex;align-items:flex-start;gap:10px}.landing__quest-bullet{color:var(--accent);font-family:var(--font-game);font-size:.8rem;margin-top:4px}.landing__quest-text{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);line-height:1.5;font-weight:500}.landing__cta-row{display:flex;gap:16px;margin-top:8px}.landing__scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.landing__scroll-dot{width:8px;height:8px;border-radius:2px;background:var(--text-primary);border:1px solid var(--bg-primary);box-shadow:0 0 0 1.5px var(--text-primary);animation:scroll-bounce 1.8s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(12px) rotate(45deg)}}@media (max-width: 992px){.landing__wrapper{grid-template-columns:1fr;gap:40px;text-align:center}.landing__left{order:-1}.landing__image-panel{width:280px;height:280px}.landing__right{align-items:center;text-align:center}.landing__role-title{border-left:none;border-bottom:2px solid var(--text-primary);padding-left:0;padding-bottom:8px}.landing__quest-details{align-self:center;text-align:left}}@media (max-width: 480px){.landing{padding:100px 0 60px}.landing__image-panel{width:220px;height:220px}.landing__headline{font-size:2.2rem}.landing__quest-details{padding:12px 14px}.landing__quest-text{font-size:.9rem}.landing__cta-row{flex-direction:column;width:100%}.landing__cta-row .btn-manga{width:100%;justify-content:center}}.anime-cityscape{position:absolute;bottom:0;left:0;width:100%;height:420px;pointer-events:none;z-index:0;overflow:hidden}.cityscape-svg{position:absolute;bottom:0;left:0;width:100%;height:100%}@keyframes tree-sway-a{0%{transform:rotate(0)}20%{transform:rotate(1.5deg)}50%{transform:rotate(-1.8deg)}75%{transform:rotate(1.2deg)}to{transform:rotate(0)}}@keyframes tree-sway-b{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}55%{transform:rotate(1.6deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes tree-sway-c{0%{transform:rotate(0)}30%{transform:rotate(2.2deg)}60%{transform:rotate(-1.5deg)}85%{transform:rotate(.8deg)}to{transform:rotate(0)}}.tree-sway--1{animation:tree-sway-a 5s ease-in-out infinite}.tree-sway--2{animation:tree-sway-b 6.5s ease-in-out infinite}.tree-sway--3{animation:tree-sway-a 4.8s ease-in-out infinite;animation-delay:-1.2s}.tree-sway--4{animation:tree-sway-c 7s ease-in-out infinite;animation-delay:-2s}.tree-sway--5{animation:tree-sway-b 5.5s ease-in-out infinite;animation-delay:-.8s}.tree-sway--6{animation:tree-sway-a 6s ease-in-out infinite;animation-delay:-3s}@keyframes lantern-float-a{0%{transform:translate(0) rotate(0)}30%{transform:translate(4px,-8px) rotate(3deg)}60%{transform:translate(-3px,-5px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes lantern-float-b{0%{transform:translate(0) rotate(0)}35%{transform:translate(-5px,-10px) rotate(-3.5deg)}65%{transform:translate(4px,-6px) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes lantern-glow{0%,to{opacity:.85}50%{opacity:1}}.lantern-float--1{animation:lantern-float-a 7s ease-in-out infinite,lantern-glow 3.5s ease-in-out infinite}.lantern-float--2{animation:lantern-float-b 8s ease-in-out infinite,lantern-glow 4s ease-in-out infinite;animation-delay:-2s,-1s}.lantern-float--3{animation:lantern-float-a 6.5s ease-in-out infinite,lantern-glow 3s ease-in-out infinite;animation-delay:-4s,-2s}.lantern-float--4{animation:lantern-float-b 9s ease-in-out infinite,lantern-glow 4.5s ease-in-out infinite;animation-delay:-1.5s,-.5s}@media (max-width: 768px){.anime-cityscape{height:260px;opacity:.75}}@media (max-width: 480px){.anime-cityscape{height:180px;opacity:.6}}.skills{background:var(--bg-secondary);position:relative;overflow:hidden}.skills__header{text-align:center;margin-bottom:60px;position:relative;z-index:2}.skills__header .section-label{justify-content:center}.skills__header .section-label:before{display:none}.skills__header .section-label:after{content:"";display:block;width:24px;height:2px;background:var(--accent);border-radius:1px}.skills__header p{max-width:480px;margin:16px auto 0;font-size:1rem}.rpg-board{position:relative;max-width:960px;margin:0 auto;border:var(--manga-border);box-shadow:var(--manga-shadow);border-radius:var(--radius-lg);background:var(--bg-card);padding:44px 48px;overflow:hidden;z-index:2}.rpg-board__screentone{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.7}.hud-bracket{position:absolute;width:16px;height:16px;border:3px solid var(--text-primary);z-index:1}.hud-bracket--tl{top:14px;left:14px;border-bottom:none;border-right:none}.hud-bracket--tr{top:14px;right:14px;border-bottom:none;border-left:none}.hud-bracket--bl{bottom:14px;left:14px;border-top:none;border-right:none}.hud-bracket--br{bottom:14px;right:14px;border-top:none;border-left:none}.rpg-profile{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--text-primary);padding-bottom:24px;margin-bottom:36px;gap:24px;position:relative;z-index:1}.rpg-profile__info{display:flex;align-items:center;gap:16px}.rpg-profile__avatar{font-size:2rem;width:52px;height:52px;border:2px solid var(--text-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);display:grid;place-items:center;box-shadow:2px 2px 0 var(--text-primary)}.rpg-profile__name{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--text-primary);letter-spacing:-.01em}.rpg-profile__title{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--accent);margin-top:2px;letter-spacing:.05em}.rpg-profile__stats{display:flex;gap:12px;flex-wrap:wrap}.rpg-stat-chip{display:flex;flex-direction:column;border:1.5px solid var(--text-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);overflow:hidden;box-shadow:2px 2px 0 var(--text-primary)}.rpg-stat-chip__label{font-family:var(--font-display);font-size:.65rem;font-weight:800;background:var(--text-primary);color:#fff;padding:2px 10px;text-align:center;letter-spacing:.05em}.rpg-stat-chip__val{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--text-primary);padding:4px 12px;text-align:center}.rpg-board__inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:36px 32px}.rpg-category{display:flex;flex-direction:column;gap:16px}.rpg-category__title{display:flex;flex-direction:column;gap:6px}.rpg-category__title span{font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary)}.rpg-category__line{height:2px;width:100%;background:var(--text-primary)}.rpg-category__skills{display:flex;flex-direction:column;gap:12px}.skill-node{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border:1.5px dashed var(--text-muted);border-radius:var(--radius-sm);transition:all .22s var(--ease-smooth);position:relative;overflow:hidden}.skill-node:hover{border:1.5px solid var(--accent);background:var(--accent-pale);box-shadow:3px 3px 0 var(--accent);transform:translateY(-2px)}.skill-node__name{font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.skill-node__bullet{color:var(--accent);font-size:.8rem}.skill-node__status{font-family:var(--font-display);font-size:.65rem;font-weight:800;color:var(--accent-cyan);background:var(--accent-cyan-pale);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--accent-cyan);letter-spacing:.05em;box-shadow:2px 2px 0 var(--accent-cyan)}@media (max-width: 900px){.rpg-board{padding:32px 30px}.rpg-board__inner{grid-template-columns:repeat(2,1fr);gap:32px 24px}}@media (max-width: 600px){.rpg-profile{flex-direction:column;align-items:flex-start;gap:16px}.rpg-profile__stats{width:100%}.rpg-board__inner{grid-template-columns:1fr;gap:28px}}@media (max-width: 480px){.rpg-board{padding:24px 20px;border-radius:var(--radius-md)}.rpg-profile__name{font-size:1.25rem}.rpg-profile__avatar{width:42px;height:42px;font-size:1.5rem}}.about{background:var(--bg-primary);position:relative}.about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.about__left{display:flex;flex-direction:column;gap:28px;position:relative;z-index:2}.about__text{font-family:var(--font-body);font-size:1.05rem;color:var(--text-secondary);line-height:1.8;font-weight:500}.about__text strong{color:var(--text-primary);font-weight:800;box-shadow:inset 0 -4px 0 var(--accent-cyan-pale)}.about__interest-label{font-family:var(--font-display);font-size:.85rem;color:var(--text-primary);font-weight:700;letter-spacing:.08em;margin-bottom:14px}.about__interests{display:flex;flex-wrap:wrap;gap:10px}.about__interest-tag{display:inline-flex;align-items:center;background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:var(--radius-sm);border:var(--manga-border);box-shadow:var(--manga-shadow-sm);transition:all .2s var(--ease-smooth);cursor:pointer}.about__interest-tag:hover{background:var(--accent-pale);color:var(--accent);border-color:var(--accent);box-shadow:3px 3px 0 var(--accent);transform:translate(-1px,-1px)}.about__timeline-wrap{padding-top:12px;position:relative;z-index:2}.about__timeline{position:relative;display:flex;flex-direction:column;gap:0;padding-left:28px}.tl-line{position:absolute;left:6px;top:15px;bottom:15px;width:2px;background:var(--text-primary);transform-origin:top center}.tl-item{position:relative;padding-bottom:36px;display:flex;flex-direction:column;gap:0}.tl-item:last-child{padding-bottom:0}.tl-node{position:absolute;left:-28px;top:24px;width:14px;height:14px;border-radius:2px;background:var(--bg-primary);border:var(--manga-border);z-index:2;display:flex;align-items:center;justify-content:center}.tl-node--active{background:var(--accent-cyan)}.tl-node__inner-dot{width:4px;height:4px;background:var(--text-primary);border-radius:1px}.tl-node__ping{position:absolute;width:100%;height:100%;border-radius:2px;background:var(--accent-cyan);opacity:.45;animation:ping 2s ease-out infinite}@keyframes ping{0%{transform:scale(1);opacity:.5}80%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}.tl-card{background:var(--bg-card);border:var(--manga-border);border-radius:var(--radius-sm);box-shadow:var(--manga-shadow-sm);overflow:hidden;transition:all .2s var(--ease-smooth);cursor:default}.tl-card:hover{box-shadow:var(--manga-shadow);border-color:var(--text-primary)}.tl-card--active{border-color:var(--accent);box-shadow:4px 4px 0 var(--accent)}.tl-card--active:hover{box-shadow:6px 6px 0 var(--accent)}.tl-card__period{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--text-primary);background:var(--bg-secondary);border-bottom:2px solid var(--text-primary);padding:8px 18px;width:100%}.tl-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}.tl-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.tl-card__title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.tl-card__subtitle{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:500}.tl-card__meta{display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text-muted);margin-top:2px}.tl-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.timeline-badge{font-family:var(--font-display);font-size:.72rem;font-weight:700;padding:3px 8px;letter-spacing:.05em;border:1.5px solid var(--text-primary);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm);display:inline-flex;align-items:center}.timeline-badge--active{background:var(--accent-cyan-pale);color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:2px 2px 0 var(--accent-cyan)}.timeline-badge--completed{background:var(--accent-pale);color:var(--accent);border-color:var(--accent);box-shadow:2px 2px 0 var(--accent)}.timeline-badge--tag{background:var(--bg-secondary);color:var(--text-secondary);font-size:.7rem;border-color:var(--text-muted)}@media (max-width: 900px){.about__grid{grid-template-columns:1fr;gap:50px}.about__timeline-wrap{padding-top:0}}@media (max-width: 480px){.about__grid{gap:36px}.tl-card__title{font-size:1rem}.tl-card__body{padding:16px 18px 18px}}.projects{background:var(--bg-primary);position:relative}.projects__header{margin-bottom:60px;position:relative;z-index:2}.projects__threads-container{display:flex;flex-direction:column;gap:80px;position:relative;width:100%}.projects__thread{position:relative;width:100%;padding-top:8px}.projects__thread-line{position:absolute;top:10px;left:-40px;right:-40px;height:3px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 0%,var(--text-primary) 5%,var(--text-primary) 95%,transparent 100%);border-radius:2px;box-shadow:0 1px 2px #0e0d1026,0 0 0 .5px #0e0d1014}.projects__thread-line:before,.projects__thread-line:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:var(--text-primary);border-radius:50%;transform:translateY(-50%)}.projects__thread-line:before{left:30px}.projects__thread-line:after{right:30px}.projects__thread-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;position:relative;z-index:2;width:100%;padding:0 16px}.projects__hanging-wrapper{position:relative;padding-top:52px;width:100%;display:flex;flex-direction:column;animation:gentle-swing 5s ease-in-out infinite;transform-origin:top center}.projects__thread-grid>:nth-child(1) .projects__hanging-wrapper{animation-delay:0s}.projects__thread-grid>:nth-child(2) .projects__hanging-wrapper{animation-delay:-2.5s}@keyframes gentle-swing{0%{transform:rotate(0)}25%{transform:rotate(.6deg)}50%{transform:rotate(0)}75%{transform:rotate(-.6deg)}to{transform:rotate(0)}}.projects__hanger{position:absolute;top:0;width:2px;height:52px;z-index:1;transform-origin:top center;transition:all .35s var(--ease-smooth);background:linear-gradient(180deg,var(--text-primary) 0%,rgba(14,13,16,.6) 100%)}.projects__hanger--left{left:25%}.projects__hanger--right{right:25%}.projects__hook{position:absolute;top:-6px;width:16px;height:22px;z-index:5;transition:all .3s var(--ease-spring);background:var(--bg-card);border:1.5px solid var(--text-primary);border-radius:3px 3px 2px 2px;box-shadow:1px 1px 0 var(--text-primary)}.projects__hook:before{content:"";position:absolute;top:8px;left:2px;right:2px;height:2px;background:var(--clip-accent, var(--accent-cyan));border-radius:1px}.projects__hook:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-primary)}.projects__hook--left{left:calc(25% - 7px)}.projects__hook--right{right:calc(25% - 7px)}.projects__hanging-wrapper:hover{animation-play-state:paused}.projects__hanging-wrapper:hover .projects__hanger{background:linear-gradient(180deg,var(--accent) 0%,rgba(79,70,229,.5) 100%);height:56px}.projects__hanging-wrapper:hover .projects__hook{border-color:var(--accent);box-shadow:1px 1px 0 var(--accent);transform:scale(1.1)}.projects__hanging-wrapper:hover .projects__hook:before{background:var(--accent)}.projects__hanging-wrapper:hover .projects__hook:after{border-top-color:var(--accent)}.project-card.manga-panel{background:var(--bg-card);border:var(--manga-border);box-shadow:var(--manga-shadow-sm);border-radius:var(--radius-md);overflow:hidden;cursor:default;position:relative;transition:all .3s var(--ease-smooth);display:flex;flex-direction:column}.project-card.manga-panel:hover{border-color:var(--accent);box-shadow:var(--manga-shadow);z-index:10}.project-card__window-header{height:30px;background:var(--bg-secondary);border-bottom:var(--manga-border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-family:var(--font-game);font-size:.72rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background-image:radial-gradient(rgba(14,13,16,.04) 1px,transparent 1px);background-size:6px 6px}.project-card__window-dots{display:flex;gap:5px}.project-card__window-dots .dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--text-primary);display:inline-block}.project-card__window-dots .dot--red{background:#ff5f56}.project-card__window-dots .dot--yellow{background:#ffbd2e}.project-card__window-dots .dot--green{background:#27c93f}.project-card__window-title{font-weight:600;opacity:.8;letter-spacing:.02em}.project-card__window-status{display:flex;align-items:center}.project-card__window-status .status-indicator{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 5px var(--green);animation:pulse-status 2s infinite ease-in-out}@keyframes pulse-status{0%,to{opacity:.4}50%{opacity:1}}.project-card__editor-body{background:#0e0d10;padding:16px;display:flex;position:relative;min-height:275px;transition:all .3s var(--ease-smooth);border-bottom:1.5px solid var(--text-primary);background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:8px 8px}.project-card.manga-panel:hover{border-color:var(--clip-accent, var(--accent));box-shadow:5px 5px 0 var(--clip-accent, var(--text-primary))}.project-card__line-numbers{display:flex;flex-direction:column;color:#ffffff2e;font-family:var(--font-game);font-size:.72rem;line-height:1.5;text-align:right;padding-right:10px;border-right:1.5px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none;width:26px;flex-shrink:0}.project-card__line-numbers span{font-family:var(--font-game)}.project-card__code{flex:1;padding-left:12px;margin:0;font-family:var(--font-game);font-size:.72rem;line-height:1.5;color:#abb2bf;white-space:pre-wrap;text-align:left;overflow:hidden}.code-line{font-family:var(--font-game);letter-spacing:.01em;word-break:break-word}.indent-1{padding-left:14px}.indent-2{padding-left:28px}.code-kw{color:#c678dd;font-weight:600}.code-variable{color:#61afef}.code-key{color:#e06c75}.code-str{color:#98c379}.project-card__footer-action{padding:12px 16px;background:var(--bg-secondary);display:flex;justify-content:flex-end;align-items:center;transition:all .3s ease}.project-card__github-link{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);color:var(--text-primary);font-family:var(--font-game);font-size:.75rem;font-weight:700;padding:8px 14px;border:var(--manga-border);border-radius:var(--radius-sm);box-shadow:2px 2px 0 var(--text-primary);text-decoration:none;cursor:pointer;transition:all .15s var(--ease-smooth)}.project-card__github-link:hover{background:var(--clip-accent, var(--accent));color:#fff;border-color:var(--text-primary);transform:translate(-1.5px,-1.5px);box-shadow:3.5px 3.5px 0 var(--text-primary)}.project-card__github-link:active{transform:translate(0);box-shadow:2px 2px 0 var(--text-primary)}.project-card__github-icon{flex-shrink:0}.projects__footer{text-align:center;margin-top:52px;position:relative;z-index:2}@media (max-width: 900px){.projects__thread-grid{gap:28px}.projects__hanger--left{left:18%}.projects__hanger--right{right:18%}.projects__hook--left{left:calc(18% - 7px)}.projects__hook--right{right:calc(18% - 7px)}}@media (max-width: 768px){.projects__threads-container{gap:36px}.projects__thread-line,.projects__hanger,.projects__hook{display:none!important}.projects__thread-grid{grid-template-columns:1fr;gap:28px}.projects__hanging-wrapper{padding-top:0;animation:none}.project-card.manga-panel{transform:none!important}}.contact{background:var(--bg-secondary);position:relative}.contact__bg-accent{position:absolute;top:-50px;right:-50px;width:450px;height:450px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.contact__grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:start;position:relative;z-index:1}.contact__left{display:flex;flex-direction:column;gap:28px}.contact__desc{font-family:var(--font-body);font-size:1.05rem;color:var(--text-secondary);line-height:1.8;font-weight:500}.contact__info{display:flex;flex-direction:column;gap:12px}.contact__info-item{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--bg-card);border:var(--manga-border);box-shadow:var(--manga-shadow-sm);border-radius:var(--radius-sm);transition:all .2s var(--ease-smooth);text-decoration:none;color:inherit}.contact__info-item:hover{border-color:var(--accent);box-shadow:4px 4px 0 var(--accent);transform:translate(-2px,-2px)}.contact__info-text{flex:1}.contact__info-label{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.contact__info-value{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-primary)}.contact__form-wrap{background:transparent;border:none;padding:0;box-shadow:none}.terminal{background:#0e0d10;border:var(--manga-border);box-shadow:var(--manga-shadow);border-radius:var(--radius-sm);overflow:hidden;font-family:var(--font-game);position:relative}.terminal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0e0d1000 50%,#0e0d1026 50%);background-size:100% 4px;z-index:5;pointer-events:none;opacity:.8}.terminal__header{background:#1a181f;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--text-primary);position:relative;z-index:6}.terminal__buttons{display:flex;gap:8px}.terminal__button{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text-primary)}.terminal__button--close{background:#ff5f57}.terminal__button--minimize{background:var(--accent-light)}.terminal__button--maximize{background:#10b981}.terminal__title{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.05em;flex:1}.terminal__body{background:#0e0d10;padding:24px;height:360px;overflow-y:auto;font-size:.92rem;line-height:1.6;position:relative;z-index:4}.terminal__body::-webkit-scrollbar{width:6px}.terminal__body::-webkit-scrollbar-track{background:#ffffff05}.terminal__body::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.terminal__content{min-height:100%;display:flex;flex-direction:column;color:#fff}.terminal__line{margin-bottom:6px;word-wrap:break-word}.terminal__line--system{color:var(--accent-light)}.terminal__line--input{color:var(--accent-cyan)}.terminal__line--error{color:#ff5f57}.terminal__line--success{color:#10b981}.terminal__input-line{display:flex;align-items:center;color:var(--accent-cyan);margin-top:8px}.terminal__prompt{color:var(--accent-light);margin-right:8px;font-weight:700}.terminal__input{background:transparent;border:none;color:var(--accent-cyan);font-family:inherit;font-size:inherit;font-weight:700;outline:none;flex:1;caret-color:var(--accent-cyan)}.terminal__input::placeholder{color:#06b6d440}.terminal__input:-webkit-autofill,.terminal__input:-webkit-autofill:hover,.terminal__input:-webkit-autofill:focus,.terminal__input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #0E0D10 inset!important;-webkit-text-fill-color:var(--accent-cyan)!important;background-color:#0e0d10!important;background-image:none!important;transition:background-color 5000s ease-in-out 0s}.terminal__loading{display:flex;align-items:center;gap:8px;color:var(--accent-cyan);margin-top:8px}.terminal__loading-text,.terminal__loading-dots span{color:var(--accent-cyan);font-weight:700}.terminal__reset{margin-top:18px}.terminal__reset-btn{background:transparent;border:1.5px solid var(--accent-cyan);color:var(--accent-cyan);padding:8px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s var(--ease-smooth)}.terminal__reset-btn:hover{background:var(--accent-cyan-pale);color:var(--text-primary);box-shadow:3px 3px 0 var(--accent-cyan);transform:translate(-2px,-2px)}.terminal__reset-btn:active{transform:translate(0);box-shadow:none}@media (max-width: 900px){.contact__grid{grid-template-columns:1fr;gap:48px}.terminal__body{height:320px;padding:16px}}@media (max-width: 480px){.contact__info-item{padding:10px 14px}.contact__info-value{font-size:.85rem}}:root{--bg-primary: #FAF9F5;--bg-secondary: #F3F1EB;--bg-card: #FFFFFF;--bg-glass: rgba(255, 255, 255, .75);--bg-glass-border: rgba(255, 255, 255, .9);--text-primary: #0E0D10;--text-secondary: #3A383D;--text-muted: #84818A;--text-accent: #4F46E5;--accent: #4F46E5;--accent-light: #818CF8;--accent-cyan: #06B6D4;--accent-cyan-pale: #ECFEFF;--accent-pale: #EEF2FF;--accent-glow: rgba(6, 182, 212, .12);--green: #10B981;--green-pale: #ECFDF5;--manga-border-width: 2px;--manga-border: 1.5px solid #0E0D10;--manga-shadow: 4px 4px 0px #0E0D10;--manga-shadow-hover: 6px 6px 0px #0E0D10;--manga-shadow-sm: 2px 2px 0px #0E0D10;--shadow-xs: 0 1px 3px rgba(0,0,0,.04);--shadow-sm: 2px 2px 0px #0E0D10;--shadow-md: 4px 4px 0px #0E0D10;--shadow-lg: 6px 6px 0px #0E0D10;--shadow-card: 4px 4px 0px #0E0D10;--shadow-card-hover: 6px 6px 0px #0E0D10;--border-light: 1.5px solid #0E0D10;--border-medium: 1.5px solid #0E0D10;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--font-display: "Space Grotesk", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-game: "Share Tech Mono", monospace;--font-japanese: "Courier New", monospace;--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-out: cubic-bezier(.16, 1, .3, 1);--section-padding: 120px 0;--container-max: 1180px;--container-pad: 0 clamp(20px, 5vw, 80px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-pale);color:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.75}a{text-decoration:none;color:inherit}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-pad)}.section{padding:var(--section-padding);position:relative}.section-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-label:before{content:"";display:block;width:24px;height:2px;background:var(--accent);border-radius:1px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1}.section-title span{color:var(--accent)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}@media (max-width: 768px){:root{--section-padding: 80px 0}}@media (max-width: 480px){:root{--section-padding: 60px 0}}.manga-halftone{background-image:radial-gradient(rgba(14,13,16,.06) 1px,transparent 1px);background-size:8px 8px}.japanese-backdrop{position:absolute;font-family:var(--font-japanese);font-size:clamp(4rem,10vw,8rem);font-weight:900;color:#0e0d1008;writing-mode:vertical-rl;text-orientation:upright;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;white-space:nowrap}.rpg-bar-container{height:6px;background:var(--bg-secondary);border:1px solid var(--text-primary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.rpg-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-cyan) 100%);transform-origin:left center}.btn-manga{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);border:var(--manga-border);box-shadow:var(--manga-shadow-sm);padding:10px 20px;font-family:var(--font-game);font-weight:700;color:var(--text-primary);border-radius:var(--radius-sm);transition:all .15s var(--ease-smooth)}.btn-manga:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary);background:var(--accent-cyan-pale)}.btn-manga:active{transform:translate(0);box-shadow:2px 2px 0 var(--text-primary)}.rpg-badge{font-family:var(--font-game);font-size:.7rem;font-weight:700;padding:3px 8px;border:1px solid var(--text-primary);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-sm)}.rpg-badge--cyan{background:var(--accent-cyan-pale);color:var(--text-primary);border-color:var(--accent-cyan);box-shadow:2px 2px 0 var(--accent-cyan)}.rpg-badge--purple{background:var(--accent-pale);color:var(--accent);border-color:var(--accent)}