:root{--bg: #090b10;--bg-elevated: #13171f;--bg-soft: #0e1218;--text: #f4f6fa;--text-muted: #b7c0d0;--text-soft: #8e98aa;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--primary: #49b8ff;--primary-deep: #0175c2;--secondary: #8d7cff;--danger: #ffb4b4;--ok: #b7f0d0;--shadow: 0 18px 50px rgba(0, 0, 0, .28);--radius: 20px;--header: 72px;--max: 1140px;--font: "Outfit", "Segoe UI", sans-serif;--display: "Syne", "Outfit", sans-serif;--serif: "Instrument Serif", Georgia, serif;--ease: .18s ease;color-scheme:dark}[data-theme=light]{--bg: #f3f5f8;--bg-elevated: #ffffff;--bg-soft: #e7ebf2;--text: #12151c;--text-muted: #3c4656;--text-soft: #5c6778;--line: rgba(16, 22, 34, .1);--line-strong: rgba(16, 22, 34, .18);--primary: #0167ad;--primary-deep: #015a96;--secondary: #5346b8;--danger: #8d1d1d;--ok: #0d6842;--shadow: 0 16px 40px rgba(16, 24, 40, .08);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility;overflow-x:hidden}#root,.site{min-height:100vh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.1}p{margin:0}a{color:var(--primary)}button,input,textarea{font-family:inherit}::selection{background:color-mix(in srgb,var(--primary) 35%,transparent);color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-48px;z-index:80;background:var(--primary-deep);color:#fff;text-decoration:none;padding:.55rem .8rem;border-radius:10px}.skip-link:focus{top:.6rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(var(--max),calc(100% - 2.2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;height:var(--header);background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid transparent}.site-header.is-scrolled{border-bottom-color:var(--line)}.header-bar{min-height:var(--header);display:flex;align-items:center;gap:.6rem}.brand{display:flex;align-items:center;gap:.7rem;min-width:0;color:var(--text);text-decoration:none}.brand-mark{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:#10141c;color:#7fd0ff;border:1px solid var(--line-strong);font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.04em}.brand-name{font-family:var(--display);font-weight:700;letter-spacing:-.03em;white-space:nowrap}#site-nav{margin-left:auto}#site-nav ul{display:flex;align-items:center;gap:.1rem;list-style:none;margin:0;padding:0}#site-nav a{display:block;color:var(--text-muted);text-decoration:none;font-size:.92rem;padding:.4rem .62rem;border-radius:999px}#site-nav a:hover,#site-nav a[aria-current=page]{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.icon-button,.nav-toggle{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.nav-toggle{display:none;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.theme-toggle{margin-left:.35rem}.hero{position:relative;padding:clamp(2.2rem,6vw,5.5rem) 0 clamp(3rem,7vw,5rem)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(520px 280px at 88% 0%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 70%),radial-gradient(380px 220px at 0% 80%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 72%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}.eyebrow{margin:0 0 .7rem;color:var(--primary);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.role-line{margin:0 0 .85rem;color:var(--text-muted)}.hero h1{margin:0 0 1rem;font-family:var(--display);font-weight:800;font-size:clamp(2.15rem,3.4vw + 1rem,4.55rem);line-height:.98;letter-spacing:-.045em}.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.03em}.hero-sub{max-width:38rem;margin:0 0 1.5rem;color:var(--text-muted);font-size:1.125rem}.hero-actions,.card-actions,.detail-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.hero-copy>*{animation:rise .5s ease both}.hero-copy>*:nth-child(2){animation-delay:.04s}.hero-copy>*:nth-child(3){animation-delay:.08s}.hero-copy>*:nth-child(4){animation-delay:.12s}.hero-copy>*:nth-child(5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-visual{position:relative}.shape{position:absolute;z-index:0;border:1px solid var(--line-strong);border-radius:16px;pointer-events:none}.shape-a{width:72px;height:72px;top:18px;right:10px;transform:rotate(14deg);background:color-mix(in srgb,var(--primary) 16%,transparent)}.shape-b{width:46px;height:46px;left:8px;bottom:78px;background:color-mix(in srgb,var(--secondary) 22%,transparent)}.portrait-frame{position:relative;z-index:1;margin:0}.portrait-frame img{width:100%;border-radius:28px;border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#050608;object-fit:cover}.portrait-frame figcaption{margin-top:.75rem;color:var(--text-muted);font-size:.95rem}.hero-notes{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:.85rem 0 0}.hero-notes li,.chips li,.pill{border:1px solid var(--line);border-radius:999px;padding:.28rem .65rem;color:var(--text-muted);font-size:.82rem;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)}.pill{display:inline-flex;align-items:center;width:fit-content;color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.05rem;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:.98rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background var(--ease),border-color var(--ease),transform var(--ease),color var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary-deep);color:#fff}.btn-primary:hover{background:var(--primary);color:#041018}[data-theme=light] .btn-primary:hover{color:#fff;background:var(--primary)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn-secondary:hover{border-color:var(--primary)}.section{padding:clamp(4.2rem,7vw,6.5rem) 0}section[id]{scroll-margin-top:calc(var(--header) + 12px)}.section-head{max-width:44rem;margin-bottom:1.8rem}.section-head h1,.section-head h2{margin:0;font-family:var(--display);font-size:clamp(1.85rem,1.4vw + 1.3rem,2.75rem);letter-spacing:-.04em}.section-note{margin:.85rem 0 .35rem;font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,1vw + 1rem,1.55rem);letter-spacing:-.02em}.lede{margin-top:.75rem;color:var(--text-muted)}.about-layout,.contact-layout,.detail-top{display:grid;gap:1.5rem}.about-photo{margin:0}.about-photo img{width:100%;border-radius:24px;border:1px solid var(--line-strong);background:#050608}.about-photo figcaption{margin-top:.55rem;color:var(--text-soft);font-size:.92rem}.about-copy h2,.about-copy h3,.stack h2,.detail-block h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .8rem}.about-copy{display:grid;gap:.85rem}.facts,.meta-list,.build-list,.feature-list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}.fact,.meta-list div,.build-list li,.feature-list li,.support-list a,.support-list li{border:1px solid var(--line);background:var(--bg-elevated);border-radius:16px;padding:.9rem 1rem}.fact span,.meta-list dt{display:block;margin-bottom:.2rem;color:var(--text-soft);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.fact strong,.meta-list dd{font-weight:500}.meta-list dd{margin:0}.feature-list li{position:relative;padding-left:2rem}.feature-list li:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--primary);position:absolute;left:.85rem;top:1.15rem}.stack{margin-top:2rem}.skill-groups,.app-grid,.project-grid,.tool-grid{display:grid;gap:.9rem}.skill-group,.app-card,.project-card,.game-card,.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px color-mix(in srgb,white 4%,transparent) inset}.skill-group,.panel,.game-card,.app-card,.project-card{padding:1rem}.skill-group h3,.app-card h3,.game-card h3,.project-card h3{margin:.15rem 0;font-family:var(--display);font-size:1.15rem;letter-spacing:-.03em}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.85rem}.skill-card p{margin:0;font-size:.98rem}.icon-button svg{width:18px;height:18px}.skill-card{display:flex;align-items:center;gap:.65rem;min-height:52px;padding:.55rem .7rem;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);transition:border-color var(--ease),transform var(--ease)}.skill-card:hover,.app-card:hover,.project-card:hover,.game-card:hover{border-color:var(--line-strong);transform:translateY(-3px)}.icon{width:22px;height:22px;flex:none;color:var(--primary)}.tools{margin-top:1rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.9rem}.rail{position:relative}.rail:before{content:"";position:absolute;left:6px;top:16px;bottom:0;width:1px;background:var(--line-strong)}.timeline-item:last-child .rail:before{display:none}.dot{width:13px;height:13px;margin-top:6px;border-radius:50%;border:2px solid var(--primary);background:var(--bg);position:relative;z-index:1}.timeline-item.is-current .dot{background:var(--primary)}.experience-card{margin:0 0 1.2rem;padding:0 0 1.3rem}.experience-card header{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between}.experience-card h3{margin:0;font-family:var(--display);letter-spacing:-.03em}.period{color:var(--text-soft);font-size:.92rem}.role{margin:.2rem 0 .7rem;color:var(--text-muted)}.area-label{margin:1rem 0 .45rem;color:var(--text-soft);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chips,.related{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.related a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line-strong)}.related li{color:var(--text-muted)}.app-card,.project-card{display:flex;flex-direction:column;gap:.8rem;min-width:0}.app-card-top,.project-top{display:flex;gap:.85rem;align-items:flex-start}.app-mark,.project-mark,.game-mark{width:72px;height:72px;flex:none;border-radius:18px;object-fit:cover;background:#10141c;border:1px solid var(--line)}.muted,.package,.store-pending{color:var(--text-muted)}.package{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;overflow-wrap:anywhere}.card-actions{margin-top:auto}.games-band{padding:clamp(4.2rem,7vw,6.5rem) 0;background:radial-gradient(540px 220px at 12% 0%,color-mix(in srgb,var(--secondary) 16%,transparent),transparent 70%),radial-gradient(420px 200px at 100% 100%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 72%),var(--bg-soft);border-block:1px solid var(--line)}.game-list{display:grid;gap:.9rem}.game-card{display:grid;gap:1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--secondary) 8%,var(--bg-elevated)),var(--bg-elevated))}.game-copy{display:grid;gap:.7rem;min-width:0}.game-kicker{margin:0;color:var(--secondary);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.contact-layout .panel,.form{display:grid;gap:.85rem}.contact-links{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.7rem}.contact-links li{display:grid;gap:.15rem}.contact-links span:first-child{color:var(--text-soft);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.field{display:grid;gap:.35rem}.field span{font-size:.95rem}input,textarea{width:100%;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text);padding:.8rem .9rem;font-size:16px}textarea{min-height:150px;resize:vertical}.notice,.form-error{margin:0;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft)}.form-error{color:var(--danger)}.hint{color:var(--text-soft);font-size:.92rem}.site-footer{border-top:1px solid var(--line);padding:2.8rem 0 1.4rem}.footer-grid{display:grid;gap:1.8rem}.footer-title{margin:.7rem 0 .35rem;font-family:var(--display);letter-spacing:-.03em}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-label{margin:0 0 .55rem;color:var(--text-soft);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.legal-line{margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--text-soft);font-size:.92rem}.page{padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,8vw,6rem)}.page>.section,.page>.games-band{padding-top:0}.detail-top img{width:min(100%,160px);border-radius:28px;border:1px solid var(--line);background:#10141c}.support-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.stack h3{font-family:var(--display);letter-spacing:-.03em;margin:0}.crumbs{display:flex;flex-wrap:wrap;gap:.35rem .45rem;list-style:none;margin:0 0 1.2rem;padding:0;color:var(--text-soft);font-size:.92rem}.crumbs a{color:var(--text-muted);text-decoration:none}.detail-block{margin-top:2rem}.gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:.75rem}.gallery button{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#090b10;cursor:pointer}.gallery img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.lightbox{width:min(420px,calc(100vw - 2rem));border:0;padding:0;background:transparent}.lightbox::backdrop{background:#05070adb}.lightbox img{width:100%;border-radius:18px}.lightbox-bar{display:flex;justify-content:flex-end;margin-bottom:.5rem}.legal{display:grid;gap:1.3rem;max-width:46rem}.legal h2{margin:0 0 .45rem;font-family:var(--display);font-size:1.35rem;letter-spacing:-.03em}.legal p+p{margin-top:.7rem}.support-list{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}.support-list a{border:0;background:transparent;padding:0;color:var(--text);text-decoration:none;font-family:var(--display);letter-spacing:-.03em}.page h1,.detail-top h1{font-family:var(--display);font-size:clamp(2rem,2vw + 1.2rem,3.4rem);letter-spacing:-.045em;margin:.15rem 0 .8rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.reveal.is-in{opacity:1;transform:none}@media(min-width:640px){.facts,.build-list,.feature-list,.meta-list{grid-template-columns:1fr 1fr}}@media(min-width:760px){.app-grid,.project-grid{grid-template-columns:1fr 1fr}.game-card{grid-template-columns:112px minmax(0,1fr);align-items:center;padding:1.15rem}.game-mark{width:112px;height:112px}}@media(min-width:880px){.about-layout,.contact-layout,.detail-top{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start}.skill-groups{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}@media(max-width:980px){.nav-toggle{display:inline-flex}.theme-toggle{margin-left:auto}#site-nav{position:fixed;z-index:50;inset:var(--header) 0 0 0;margin:0;padding:.6rem 1.2rem 2rem;background:var(--bg);opacity:0;transform:translateY(-8px);pointer-events:none;overflow:auto;transition:opacity .2s ease,transform .2s ease}#site-nav.is-open{opacity:1;transform:none;pointer-events:auto}#site-nav ul{flex-direction:column;align-items:stretch;gap:.15rem}#site-nav a{font-size:1.2rem;padding:.75rem .2rem;border-radius:12px}}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:560px}}@media(max-width:480px){.container{width:min(var(--max),calc(100% - 1.7rem))}.hero-actions .btn,.card-actions .btn,.detail-actions .btn{flex:1 1 100%}.brand-name{font-size:.95rem}}@media(max-width:380px){.skill-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.btn:hover,.skill-card:hover,.app-card:hover,.project-card:hover,.game-card:hover{transform:none}}