.app-shell{isolation:isolate;min-height:100svh;position:relative}.site-header{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#030a12eb,#030a12bd);border-bottom:1px solid #8cbedc38;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.95rem clamp(1rem,3vw,2.3rem);display:grid;position:sticky;top:0}.site-mark{color:var(--text);letter-spacing:.18em;text-transform:uppercase;font-size:.86rem;font-weight:700}.site-header nav{flex-wrap:wrap;justify-content:center;gap:.72rem;display:flex}.site-header nav a{color:#daeaf6db;font-size:.8rem;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:.44rem .76rem;transition:border-color .18s,color .18s,transform .18s}.site-header nav a:hover{color:var(--text);border-color:#84ceee75;transform:translateY(-1px)}.language-switch{background:#0a1220b3;border:1px solid #84ceee38;border-radius:999px;gap:.38rem;padding:.2rem;display:inline-flex}.language-switch button{cursor:pointer;color:#dceaf6cc;min-height:2rem;font-size:.75rem;font-family:var(--mono);letter-spacing:.06em;background:0 0;border:1px solid #0000;border-radius:999px;padding:0 .75rem;transition:border-color .18s,color .18s,background-color .18s}.language-switch button.is-active{color:var(--text);background:#2f709559;border-color:#84ceee80}.hero-section,.map-section,.works-section,.hobbies-section,.contact-section,.arcade-banner,.site-footer{margin-inline:clamp(1rem,3vw,2.3rem)}.hero-section,.map-section,.works-section,.hobbies-section,.contact-section{background:radial-gradient(circle at 78% 10%,#3e9dcb2e,#0000 30%),linear-gradient(#08101cc7,#08101c94);border:1px solid #84ceee33;border-radius:1.45rem;margin-top:clamp(.95rem,3vw,1.35rem);padding:clamp(1rem,3vw,1.5rem);box-shadow:0 26px 54px #0000003d}.hero-section{grid-template-columns:minmax(0,1fr) minmax(18rem,.84fr);align-items:stretch;gap:clamp(.85rem,2.5vw,1.5rem);display:grid}.eyebrow{color:#95dbf9e0;font-size:.72rem;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem}.hero-copy h1,.section-heading h2,.arcade-copy h2{letter-spacing:-.05em;margin:0;line-height:.96}.hero-copy h1{font-size:clamp(2.6rem,8vw,5rem)}.hero-subtitle{color:#ebf5fce6;margin:.8rem 0 0;font-size:clamp(1.02rem,3vw,1.34rem)}.hero-summary,.graph-caption p,.hobby-card p,.contact-summary,.arcade-copy p{color:var(--muted)}.hero-summary{max-width:40rem;margin-top:.92rem;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:.68rem;margin-top:1.2rem;display:flex}.hero-actions a,.arcade-banner a,.contact-links a,.work-card em{min-height:2.7rem;color:var(--text);background:#040d18a8;border:1px solid #84ceee57;border-radius:999px;justify-content:center;align-items:center;padding:0 .95rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.hero-actions a:hover,.arcade-banner a:hover,.contact-links a:hover,.work-card:hover em{border-color:#84ceeea3;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #298cbe33}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.68rem;margin-top:1.2rem;display:grid}.stat-grid article{background:#050d169e;border:1px solid #84ceee38;border-radius:1rem;padding:.8rem .82rem}.stat-grid span{color:#a2d6f1d1;font-size:.67rem;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase}.stat-grid strong{margin-top:.38rem;font-size:1.02rem;display:block}.hero-visual{background:radial-gradient(circle at 70% 16%,#39ade438,#0000 28%),linear-gradient(#040a12e0,#040a128f);border:1px solid #84ceee47;border-radius:1.2rem;min-height:21rem;position:relative;overflow:hidden}.signal-field-canvas{width:100%;height:100%;display:block}.hero-radar{background:#050b12bf;border:1px solid #84ceee3d;border-radius:.92rem;padding:.75rem .85rem;position:absolute;bottom:1rem;left:1rem}.hero-radar p{color:#9ed6f1c7;font-size:.65rem;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.hero-radar strong{margin-top:.35rem;font-size:1.12rem;display:block}.hero-radar.second{inset:1rem 1rem auto auto}.section-heading{max-width:42rem;margin-bottom:.9rem}.section-heading h2{font-size:clamp(1.8rem,5vw,3.35rem)}.map-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,.9fr);gap:.85rem;display:grid}.graph-shell{background:#060e1899;border:1px solid #84ceee38;border-radius:1.1rem;gap:.8rem;padding:.9rem;display:grid}.relation-graph{aspect-ratio:16/10;background:radial-gradient(circle,#39ade41f,#0000 45%),linear-gradient(#060e18f0,#040a12eb);border:1px solid #84ceee26;border-radius:1rem;width:100%}.graph-edge{stroke:#81bbd94d;stroke-width:.55px;stroke-dasharray:1.6 1.1;animation:9s linear infinite graphDash}.graph-edge.is-active{stroke:#9fe5ffd9;stroke-width:.8px}.graph-node{cursor:pointer}.graph-node circle{fill:#5698b8e6;stroke:#c3ebffe6;stroke-width:.5px;transform-origin:50%;transition:transform .16s,filter .16s}.graph-node circle[data-tone=core]{fill:#9eecfff2}.graph-node circle[data-tone=cyan]{fill:#79e2ffeb}.graph-node circle[data-tone=blue]{fill:#6ab2ffeb}.graph-node circle[data-tone=teal]{fill:#61ebd6e6}.graph-node circle[data-tone=orange]{fill:#ffaa64e6}.graph-node circle[data-tone=gold]{fill:#ffd473eb}.graph-node text{fill:#daecf7db;font-size:3.4px;font-family:var(--mono);letter-spacing:.08em;text-anchor:middle}.graph-node.is-active circle,.graph-node:hover circle,.graph-node:focus-visible circle{filter:drop-shadow(0 0 8px #8ce0ffcc);transform:scale(1.08)}.graph-caption strong{font-size:1.06rem;display:block}.graph-caption p{margin:.42rem 0 0}.graph-caption small{color:#99c7e0bf;margin-top:.55rem;font-size:.78rem;display:block}.link-matrix{background:#060e189e;border:1px solid #84ceee38;border-radius:1.1rem;padding:.9rem}.link-matrix h3{margin:0;font-size:1.2rem}.link-matrix article{margin-top:.85rem}.link-matrix span{color:#99d7f2d6;font-size:.7rem;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase}.link-matrix article div{gap:.48rem;margin-top:.45rem;display:grid}.link-matrix a{color:#e5f1f8f0;background:#060e187a;border:1px solid #84ceee33;border-radius:.78rem;padding:.55rem .72rem;transition:border-color .16s,transform .16s,color .16s}.link-matrix a:hover{color:var(--text);border-color:#84ceee85;transform:translate(2px)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.work-card{background:radial-gradient(circle at 85% 15%,#5fb8e11f,#0000 35%),#050c169e;border:1px solid #84ceee33;border-radius:1rem;gap:.42rem;padding:.95rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.work-card span{color:#98d1ebd1;font-size:.66rem;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.work-card strong{font-size:1.15rem}.work-card em{width:fit-content;margin-top:.25rem;font-size:.82rem;font-style:normal}.work-card:hover{border-color:#84ceee80;transform:translateY(-2px);box-shadow:0 18px 36px #00000040}.work-card[data-accent=orange]{background:radial-gradient(circle at 85% 15%,#ffad6626,#0000 35%),#050c169e}.work-card[data-accent=gold]{background:radial-gradient(circle at 85% 15%,#ffd68924,#0000 35%),#050c169e}.hobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.hobby-card{background:#050c169e;border:1px solid #84ceee33;border-radius:1rem;padding:.9rem}.hobby-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hobby-top strong{font-size:1.04rem}.hobby-top span{color:#99dcf8e0;font-family:var(--mono);font-size:.78rem}.hobby-card p{margin:.45rem 0 .62rem}.hobby-meter{background:#060e18e6;border:1px solid #84ceee38;border-radius:999px;height:.54rem;overflow:hidden}.hobby-meter div{border-radius:inherit;background:linear-gradient(90deg,#48bfe9,#8ae7ff);height:100%;box-shadow:0 0 14px #5bc8ed8c}.arcade-banner{background:radial-gradient(circle at 78% 14%,#ffb0702e,#0000 28%),linear-gradient(#08101cc7,#08101c94);border:1px solid #84ceee38;border-radius:1.45rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem;margin-top:clamp(.95rem,3vw,1.35rem);padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 26px 54px #0000003d}.arcade-copy h2{font-size:clamp(2rem,5vw,3.2rem)}.arcade-copy p{max-width:44rem;margin:.7rem 0 0}.contact-summary{margin:.7rem 0 0}.contact-links{flex-wrap:wrap;gap:.65rem;display:flex}.site-footer{color:#b7d5e7db;background:#070e189e;border:1px solid #84ceee33;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1.15rem;padding:.9rem 1rem;font-size:.86rem;display:flex}a:focus-visible,button:focus-visible,.graph-node:focus-visible{outline-offset:2px;outline:2px solid #93e2ffe6}@keyframes graphDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12px}}@media (width<=1080px){.hero-section,.map-layout,.work-grid,.hobby-grid,.arcade-banner{grid-template-columns:1fr}.hero-visual{min-height:17rem}}@media (width<=820px){.site-header{grid-template-columns:1fr;justify-items:start}.site-header nav{justify-content:start}.stat-grid{grid-template-columns:1fr}.arcade-banner a{width:fit-content}}@media (width<=560px){.site-header nav{gap:.45rem}.site-header nav a{padding:.38rem .64rem;font-size:.72rem}.language-switch{justify-content:space-between;width:100%}.language-switch button{flex:1}.hero-radar,.hero-radar.second{margin-top:.65rem;position:static}.site-footer{flex-direction:column;align-items:start}}