:root{--color-ink:#10213f;--color-heading:#06142e;--color-muted:#304767;--color-blue:#0b63f6;--color-blue-dark:#0b3d91;--color-blue-soft:#eaf3ff;--color-cyan:#11a7c8;--color-line:#dbe8fb;--color-surface:#fff;--color-surface-soft:#f8fbff;--shadow-soft:0 18px 45px #0f172a0e;--shadow-blue:0 16px 30px #0b63f633;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--content-width:min(1120px, 89%);color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.siteShell{background:radial-gradient(circle at 100% 0,#2563eb1c,#0000 34%),linear-gradient(#f8fbff 0%,#fff 45%,#f3f8ff 100%);min-height:100vh}.site{min-height:100vh;color:var(--color-ink)}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-line);background:#ffffffe0;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:14px 5.5%;display:flex;position:sticky;top:0}.brand{color:#0b1b35;flex:none;align-items:center;gap:10px;font-size:1.18rem;font-weight:900;text-decoration:none;display:inline-flex}.brandIcon{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg, var(--color-blue), #1d9bf0);justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.navLinks{flex:auto;justify-content:center;align-items:center;gap:24px;display:flex}.navLinks a,.navButton,.navReturnLink{color:#14213d;font-size:.94rem;font-weight:750;text-decoration:none}.navLinks a:hover,.navReturnLink:hover{color:var(--color-blue)}.navbarActions{flex:none;align-items:center;gap:12px;display:flex}.navButton{color:#fff;background:linear-gradient(135deg, var(--color-blue), #0b4fd9);white-space:nowrap;border-radius:12px;padding:11px 16px;box-shadow:0 12px 24px #0b63f62e}.modeSwitcher{align-items:center;gap:8px;display:flex}.modeSwitchLink{border:1px solid var(--color-line);border-radius:var(--radius-md);color:#183255;background:#ffffffb8;align-items:center;gap:8px;min-height:42px;padding:7px 9px;text-decoration:none;display:inline-flex}.modeSwitchLink[aria-current=page]{background:var(--color-blue-soft);border-color:#0b63f66b}.modeSwitchIcon{width:24px;height:24px;color:var(--color-blue);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.modeSwitchLink strong{font-size:.84rem;display:block}.modeSwitchLink small{display:none}.badge{color:#24446d;border:1px solid var(--color-line);text-transform:capitalize;background:#edf4ff;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:.72rem;font-weight:850;display:inline-flex}.badge-stable{color:#075335;background:#e8f8ef;border-color:#bfe8d1}.badge-beta{color:var(--color-blue-dark);background:var(--color-blue-soft)}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:14px 20px;font-weight:900;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg, var(--color-blue), #0b4fd9);box-shadow:var(--shadow-blue)}.button-secondary{color:var(--color-blue-dark);background:#fff;border-color:#a9c7f7}.hero{border-bottom:1px solid var(--color-line);grid-template-columns:1fr .9fr;align-items:center;gap:46px;min-height:640px;padding:82px 5.5% 58px;display:grid;position:relative;overflow:hidden}.heroProfileBackground{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.heroProfileBackground img{object-fit:cover;object-position:center 18%;opacity:.13;filter:blur(3px)saturate(.85);width:100%;height:100%;display:block;transform:scale(1.04)}.heroProfileBackground:after{content:"";background:linear-gradient(90deg,#f8fbfff7 0%,#f8fbffe0 46%,#f8fbffc2 100%),linear-gradient(#f8fbffb8,#f8fbfff5);position:absolute;inset:0}.hero:before,.modeHero:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#0b63f60e 1px,#0000 1px),linear-gradient(90deg,#0b63f60e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.heroContent,.heroVisual,.modeHeroContent,.gestureSignalPanel,.mapPreview{z-index:2;position:relative}.eyebrow{color:var(--color-blue);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:.9rem;font-weight:900}.hero h1,.modeHero h1{max-width:740px;color:var(--color-heading);letter-spacing:-.045em;margin:0;font-size:clamp(3.2rem,6.5vw,6.2rem);line-height:.94}.hero h1 span{color:var(--color-blue);display:block}.heroRole{color:#0d2346;margin:24px 0 18px;font-size:1.18rem;font-weight:850}.heroRole span{color:var(--color-blue);margin:0 8px}.heroText,.modeHero p{max-width:670px;color:var(--color-muted);margin:0 0 30px;font-size:1.08rem;line-height:1.75}.heroActions,.modeActions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;display:flex}.heroBadges{color:#2e4770;flex-wrap:wrap;align-items:center;gap:14px;font-size:.93rem;font-weight:760;display:flex}.heroBadges span{border:1px solid var(--color-line);background:#ffffffbf;border-radius:999px;padding:8px 11px}.heroVisual{isolation:isolate;justify-content:center;align-items:flex-end;min-height:560px;display:flex}.visualCircle{background:radial-gradient(circle,#0b63f621,#0000 66%),linear-gradient(135deg,#0b63f61f,#ffffff73);border:1px solid #0b63f629;border-radius:50%;width:460px;height:460px;position:absolute;top:42px;right:6%}.profileImage{z-index:3;object-fit:cover;object-position:center top;filter:drop-shadow(0 28px 38px #0f172a33);border-radius:38px 38px 0 0;width:min(90%,430px);max-width:430px;height:540px;position:relative}.heroVideoFrame{z-index:4;aspect-ratio:16/9;background:linear-gradient(135deg,#ffffffc7,#e8f2ffd6),#fff;border:1px solid #a9c7f7bf;border-radius:34px;width:min(99%,750px);margin-bottom:56px;position:relative;overflow:hidden;transform:translateY(-24px);box-shadow:0 28px 55px #0f172a2e,0 0 0 10px #ffffff6b}.heroVideoFrame:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c}.heroVideo{object-fit:cover;background:#06142e;width:100%;height:100%;display:block}.barChart{z-index:2;align-items:flex-end;gap:9px;height:120px;display:flex;position:absolute;top:220px;left:22px}.barChart span{background:linear-gradient(#61a5ff,#d9eaff);border-radius:7px 7px 0 0;width:18px}.barChart span:first-child{height:42px}.barChart span:nth-child(2){height:70px}.barChart span:nth-child(3){height:94px}.barChart span:nth-child(4){height:58px}.barChart span:nth-child(5){height:112px}.donutChart{z-index:2;background:conic-gradient(#0b63f6 0 38%, #9dccff 38% 70%, #e7f1ff 70% 100%);border-radius:50%;width:86px;height:86px;position:absolute;top:245px;right:80px}.donutChart:after{content:"";background:var(--color-surface-soft);border-radius:50%;position:absolute;inset:22px}.overviewGrid,.modeGrid{width:var(--content-width);grid-template-columns:1fr 1fr;gap:22px;margin:28px auto 0;display:grid}.panel,.sectionBlock,.contactSection{border:1px solid var(--color-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:#ffffffdb}.panel{padding:28px}.sectionTitle{align-items:center;gap:13px;margin-bottom:18px;display:flex}.sectionIcon{border-radius:var(--radius-md);background:var(--color-blue-soft);width:42px;height:42px;color:var(--color-blue);justify-content:center;align-items:center;font-weight:900;display:inline-flex}.sectionTitle h2{color:#071833;margin:0;font-size:1.55rem}.panel p,.sectionBlock p,.contactSection p{color:var(--color-muted);line-height:1.72}.aboutHighlights{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;display:grid}.aboutHighlights span{color:#24446d;font-size:.88rem;font-weight:760}.skillGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.skillCard{text-align:center;border:1px solid var(--color-line);background:var(--color-surface);border-radius:16px;min-height:130px;padding:18px 14px}.skillIcon{margin-bottom:10px;font-size:2rem;line-height:1;display:block}.skillCard h3{color:#0b1b35;margin:0 0 8px;font-size:1rem}.skillCard p{margin:0;font-size:.82rem;line-height:1.45}.sectionBlock{width:var(--content-width);margin:26px auto 0;padding:28px}.sectionHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.sectionMeta{color:#6b7d98;margin:0;font-size:.9rem;font-weight:760}.viewLink{color:var(--color-blue);font-weight:850;text-decoration:none}.projectGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.projectCard{border-radius:var(--radius-lg);border:1px solid var(--color-line);background:#fff;grid-template-columns:92px 1fr;gap:18px;padding:20px;display:grid}.projectIcon{border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8f2ff,#fff);justify-content:center;align-items:center;height:92px;font-size:2.5rem;display:flex}.zoneNumber{border-radius:var(--radius-lg);height:70px;color:var(--color-blue-dark);background:linear-gradient(135deg,#e8f2ff,#fff);justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex}.projectCard h3,.zoneCard h3{color:#071833;margin:0 0 10px;font-size:1.05rem}.projectCard p,.zoneCard p{margin:0 0 16px;font-size:.9rem;line-height:1.62}.tagList{flex-wrap:wrap;gap:8px;display:flex}.tagList span{color:var(--color-blue);background:var(--color-blue-soft);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:850}.projectRoadmapIntro{max-width:880px;margin:-2px 0 18px}.projectRoadmapIntro p{margin:0}.portfolioProjectFilters{flex-wrap:wrap;gap:10px;margin:0 0 20px;display:flex}.portfolioProjectFilter{border:1px solid var(--color-line);color:#24446d;cursor:pointer;background:#fff;border-radius:999px;min-height:38px;padding:8px 13px;font-weight:850}.portfolioProjectFilter[aria-pressed=true]{color:#fff;border-color:var(--color-blue);background:linear-gradient(135deg, var(--color-blue), #0b4fd9);box-shadow:0 12px 24px #0b63f624}.portfolioProjectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portfolioProjectCard{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(#fffffffa,#f6faffeb),#fff;flex-direction:column;gap:16px;min-height:100%;padding:22px;display:flex;box-shadow:0 16px 34px #143c7814}.portfolioProjectHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.portfolioProjectCategory{color:var(--color-blue);text-transform:uppercase;letter-spacing:.04em;margin:0 0 7px;font-size:.76rem;font-weight:900}.portfolioProjectHeader h3{color:#071833;margin:0;font-size:1.14rem}.portfolioProjectSubtitle{margin:7px 0 0;font-size:.9rem;line-height:1.5}.portfolioProjectStatus{border:1px solid var(--color-line);color:#24446d;white-space:nowrap;background:#edf4ff;border-radius:999px;flex:none;padding:7px 10px;font-size:.72rem;font-weight:900}.portfolioProjectStatus.status-in-progress{color:#075335;background:#e8f8ef;border-color:#bfe8d1}.portfolioProjectStatus.status-prototype{color:#6b3a00;background:#fff5df;border-color:#f5d799}.portfolioProjectStatus.status-planned{color:#334155;background:#eef2f7;border-color:#d7e0ea}.portfolioProjectSummary{margin:0;font-size:.94rem;line-height:1.68}.portfolioProjectDetail{border-radius:var(--radius-md);background:#edf4ff9e;border:1px solid #dbe8fb;padding:14px}.portfolioProjectDetail strong{color:var(--color-blue-dark);margin-bottom:6px;font-size:.82rem;display:block}.portfolioProjectDetail span{color:var(--color-muted);font-size:.88rem;line-height:1.58;display:block}.portfolioProjectTags{margin-top:auto}.portfolioProjectMeta{color:#60728c;overflow-wrap:anywhere;gap:6px;font-size:.78rem;font-weight:760;display:grid}.portfolioProjectActions{flex-wrap:wrap;gap:9px;display:flex}.portfolioProjectAction{min-height:38px;color:var(--color-blue-dark);background:#fff;border:1px solid #0b63f647;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:900;text-decoration:none;display:inline-flex}.portfolioProjectActionDisabled{color:#748196;cursor:not-allowed;background:#f6f8fb;border-color:#dce4ef}.portfolioProjectDisclaimer{border-left:4px solid var(--color-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;color:#405574;background:#edf4ffc7;margin:18px 0 0;padding:13px 15px;font-size:.9rem;font-weight:700}.experienceBlock{background:linear-gradient(135deg,#0b63f614,#ffffffe6),#fff}.focusGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.focusGrid>div,.focusGrid>.panel{border-radius:var(--radius-lg);border:1px solid var(--color-line);background:#fff;padding:20px}.focusGrid>.panel{box-shadow:none}.focusGrid strong{color:var(--color-blue-dark);margin-bottom:8px;display:block}.focusGrid p{margin:0}.contactSection{width:var(--content-width);background:radial-gradient(circle at 100%,#1d9bf033,#0000 32%),linear-gradient(135deg,#f6fbff,#fff);grid-template-columns:1.2fr .8fr;gap:28px;margin:26px auto 0;padding:34px;display:grid}.contactDetails{color:#24446d;overflow-wrap:anywhere;gap:10px;margin-top:24px;font-weight:760;display:grid}.contactDetails a{color:var(--color-blue-dark);text-decoration:none}.contactCard{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-blue), var(--color-cyan));justify-content:center;align-items:center;min-height:180px;display:flex}.contactCard a{border-radius:var(--radius-md);color:var(--color-blue-dark);background:#fff;padding:15px 22px;font-weight:900;text-decoration:none}.modePage{padding-bottom:1px}.modeHero{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) .65fr;align-items:center;gap:48px;min-height:520px;padding:96px 5.5% 70px;display:grid;position:relative;overflow:hidden}.modeHero .badge{margin-bottom:18px}.modeHero h1{max-width:800px;color:var(--color-heading);margin-bottom:24px}.privacyNote{border-left:4px solid var(--color-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#ffffffb8;padding:14px 16px}.modeError{border-radius:var(--radius-md);color:#7a1d1d;background:#fff0f0;border:1px solid #ffd0d0;padding:12px 14px}.gestureSignalPanel,.mapPreview{min-height:300px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffffd6,#e8f2ffe6),radial-gradient(circle,#0b63f629,#0000 62%);border:1px solid #0b63f629;border-radius:28px;justify-content:center;align-items:center;display:flex}.gestureSignalPanel span{border:2px solid #0b63f642;border-radius:50%;width:110px;height:110px;position:absolute}.gestureSignalPanel span:nth-child(2){width:180px;height:180px}.gestureSignalPanel span:nth-child(3){width:250px;height:250px}.cameraFrame{border-radius:var(--radius-lg);background:#f6fbff;border:1px dashed #a9c7f7;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.cameraFrame video{object-fit:cover;width:100%;height:100%;min-height:300px}.cameraFrame p{text-align:center;max-width:320px;margin:0}.cleanList{color:var(--color-muted);margin:0;padding-left:18px;line-height:1.7}.widePanel{grid-column:1/-1}.mapPreview{gap:12px;padding:28px}.mapNode{width:72px;height:72px;color:var(--color-blue-dark);border:1px solid var(--color-line);background:#fff;border-radius:22px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.mapNodeActive{color:#fff;background:linear-gradient(135deg, var(--color-blue), var(--color-cyan))}.mapLine{background:#a9c7f7;width:60px;height:2px}.modeSection{margin-top:30px}.zoneGrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.zoneCard{border-radius:var(--radius-lg);border:1px solid var(--color-line);background:#fff;grid-template-columns:70px 1fr;gap:18px;padding:20px;display:grid}.zoneHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.zoneCard small{color:#60728c;line-height:1.5}.footer{width:var(--content-width);color:#6b7d98;justify-content:space-between;gap:20px;margin:24px auto 0;padding:28px 0 36px;font-size:.92rem;display:flex}.footer div{flex-wrap:wrap;gap:16px;display:flex}.footer a{color:var(--color-blue);font-weight:850;text-decoration:none}@media (width<=1180px){.navbar{flex-wrap:wrap;align-items:flex-start}.navLinks{flex-wrap:wrap;order:3;justify-content:flex-start;width:100%}.navbarActions{margin-left:auto}}@media (width<=980px){.hero,.overviewGrid,.contactSection,.modeHero,.modeGrid{grid-template-columns:1fr}.heroVisual{min-height:520px}.heroVideoFrame{width:min(96%,640px);margin-bottom:78px;transform:none}.projectGrid,.portfolioProjectGrid,.focusGrid,.zoneGrid{grid-template-columns:1fr}.projectCard{grid-template-columns:78px 1fr}.gestureSignalPanel,.mapPreview{min-height:220px}}@media (width<=760px){.navbarActions{flex-direction:column;align-items:stretch;width:100%;margin-left:0}.modeSwitcher{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.modeSwitchLink{justify-content:center}.modeSwitchLink .badge{display:none}}@media (width<=680px){.hero{padding-top:54px}.heroProfileBackground img{opacity:.09;filter:blur(5px)saturate(.78);object-position:center top}.hero h1,.modeHero h1{font-size:3.25rem}.navButton{display:none}.skillGrid,.aboutHighlights{grid-template-columns:1fr}.profileImage{height:460px}.heroVideoFrame{border-radius:24px;width:96%;margin-bottom:84px}.modeHero{padding-top:60px}.modeSwitcher{grid-template-columns:1fr}.modeSwitchLink{justify-content:flex-start}.zoneCard{grid-template-columns:1fr}.portfolioProjectHeader,.sectionHeader{flex-direction:column;align-items:flex-start}.portfolioProjectAction{flex:100%}.footer{flex-direction:column;gap:12px}}.siteShell:has(.gestureExperience){background:radial-gradient(circle at 18% 12%,#29b6ff2e,#0000 28%),radial-gradient(circle at 86% 24%,#185fff29,#0000 30%),linear-gradient(135deg,#050914 0%,#071222 46%,#08111d 100%)}.siteShell:has(.gestureExperience) .navbar{background:#050c18db;border-bottom-color:#7eccff2e}:is(.siteShell:has(.gestureExperience) .brand,.siteShell:has(.gestureExperience) .navReturnLink,.siteShell:has(.gestureExperience) .navButton,.siteShell:has(.gestureExperience) .modeSwitchLink){color:#edf8ff}.siteShell:has(.gestureExperience) .modeSwitchLink{background:#0a192dc2;border-color:#7eccff33}.siteShell:has(.gestureExperience) .modeSwitchLink[aria-current=page]{background:#0b63f62e;border-color:#4abcff94}.siteShell:has(.gestureExperience) .footer{color:#92a7bc}.gestureExperience{color:#eaf7ff;background:linear-gradient(#74c2ff0b 1px,#0000 1px) 0 0/54px 54px,linear-gradient(90deg,#74c2ff0b 1px,#0000 1px) 0 0/54px 54px,radial-gradient(circle at 22% 18%,#00c2ff2b,#0000 28%),radial-gradient(circle at 82% 12%,#1e58ff33,#0000 28%),linear-gradient(135deg,#050914 0%,#071222 46%,#08111d 100%);min-height:100vh;position:relative;overflow:hidden}.gestureExperience:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#67ceff14 50%,#0000 100%),radial-gradient(circle,#0000 0%,#00000052 100%);position:absolute;inset:0}.gestureLanding,.gestureStage,.gestureCommandCenter{z-index:1;width:min(1180px,90%);margin:0 auto;position:relative}.gestureLanding{grid-template-columns:minmax(0,1fr) .72fr;align-items:center;gap:60px;min-height:calc(100vh - 82px);padding:84px 0;display:grid}.gestureHeroCopy h1,.gestureStageHeader h1,.commandTopbar h1{color:#f7fcff;letter-spacing:-.04em;max-width:880px;margin:0;font-size:clamp(3rem,6vw,6.8rem);line-height:.92}.gestureHeroCopy p,.gestureStageHeader p,.commandTopbar p{color:#aec5dc;max-width:720px;font-size:1.08rem;line-height:1.75}.gestureKicker{color:#8fe2ff;letter-spacing:.08em;text-transform:uppercase;background:#0e2a46b8;border:1px solid #6dd0ff57;border-radius:999px;width:fit-content;margin-bottom:18px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.gestureActionRow{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.gestureExperience .button-primary,.gestureExperience .button-secondary,.gestureExperience button{transition:transform .18s,border-color .18s,background .18s}.gestureExperience .button-primary{color:#001526;background:linear-gradient(135deg,#8fe2ff,#3e8cff);box-shadow:0 18px 45px #2da0ff40}.gestureExperience .button-secondary{color:#dff7ff;background:#09192cc7;border-color:#80d3ff57}.gestureExperience button:hover,.gestureExperience .button:hover{transform:translateY(-1px)}.gesturePrivacyNote,.gestureAlert,.fallbackReason{color:#cbe7ff;background:#0a192dad;border:1px solid #7eccff38;border-radius:16px;max-width:760px;padding:14px 16px}.gestureAlert{color:#ffe2e2;background:#5c141c6b;border-color:#ff8a8a5c}.gestureOrbitalPreview{background:radial-gradient(circle,#5dcdff2e,#0000 58%),#08182b85;border:1px solid #7eccff2e;border-radius:34px;min-height:480px;position:relative;box-shadow:inset 0 0 38px #60ceff14,0 30px 80px #00000038}.gestureOrbitRing,.gestureOrbitCore{position:absolute;inset:50%;translate:-50% -50%}.gestureOrbitRing{border:1px solid #8ee2ff47;border-radius:50%;width:180px;height:180px;animation:4s ease-in-out infinite gesturePulse}.gestureOrbitRing:nth-child(2){width:280px;height:280px;animation-delay:.7s}.gestureOrbitRing:nth-child(3){width:380px;height:380px;animation-delay:1.4s}.gestureOrbitCore{color:#001526;background:linear-gradient(135deg,#8fe2ff,#3e8cff);border-radius:30px;place-items:center;width:112px;height:112px;font-size:2rem;font-weight:950;display:grid;box-shadow:0 0 50px #46b4ff61}.gestureStage{min-height:calc(100vh - 82px);padding:72px 0}.gestureStageHeader{margin-bottom:34px}.gestureInstructionGrid,.calibrationGrid,.commandOverviewGrid,.knowledgeGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gestureInstructionCard,.keyboardFallbackPanel,.calibrationStatusPanel,.commandMainPanel,.gestureSimulator,.gestureProjectCard,.knowledgeCard,.commandMetricCard,.timelineDetail,.resumeViewer section,.contactTerminal,.skillDetailPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08182bad;border:1px solid #7eccff2e;border-radius:22px;box-shadow:inset 0 1px #ffffff0f,0 22px 60px #0000002e}.gestureInstructionCard{grid-template-columns:64px 1fr;gap:16px;min-height:142px;padding:20px;display:grid}.gestureSignal{color:#001526;background:linear-gradient(135deg,#8fe2ff,#69a7ff);border-radius:18px;place-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:950;display:grid}.gestureInstructionCard h2,.keyboardFallbackPanel h2,.calibrationStatusPanel h2,.knowledgeCard h3,.commandMetricCard strong,.resumeViewer h3,.timelineDetail h3,.skillDetailPanel h3{color:#f7fcff;margin:0 0 8px}.gestureInstructionCard p,.keyboardFallbackPanel,.calibrationStatusPanel,.knowledgeCard p,.commandMetricCard p,.resumeViewer p,.resumeViewer li,.timelineDetail p,.skillDetailPanel p{color:#abc3da;line-height:1.65}.keyboardFallbackPanel{margin-top:18px;padding:22px}.keyboardGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.keyboardGrid span{color:#abc3da;gap:8px;display:grid}.keyboardGrid kbd{color:#8fe2ff;background:#030a169e;border:1px solid #7eccff38;border-radius:10px;width:fit-content;padding:8px 10px;font-weight:900}.calibrationGrid{grid-template-columns:1.1fr .9fr}.gestureCameraSurface{background-color:#08182bb8;background-image:linear-gradient(#8fe2ff0e 1px,#0000 1px),linear-gradient(90deg,#8fe2ff0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #7eccff33;border-radius:28px;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.gestureCameraSurface video{object-fit:cover;width:100%;height:100%;min-height:420px;transform:scaleX(-1)}.gestureCameraSurface p{color:#abc3da;text-align:center;max-width:320px}.palmTarget{color:#8fe2ff;letter-spacing:.12em;background:#050e1b38;border:1px solid #8fe2ff8c;border-radius:50%;place-items:center;width:190px;height:190px;font-size:.78rem;font-weight:950;display:grid;position:absolute}.mirroredPreviewLabel{color:#dff7ff;background:#050e1b9e;border:1px solid #8fe2ff47;border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:850;position:absolute;bottom:14px;right:14px}.calibrationStatusPanel{padding:24px}.gestureStatusList{gap:12px;margin:0;display:grid}.gestureStatusList div{border-bottom:1px solid #7eccff1f;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.gestureStatusList dt{color:#7e9ab6}.gestureStatusList dd{color:#f7fcff;margin:0;font-weight:900}.gestureStatusHUD{z-index:40;color:#dff7ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e1bc7;border:1px solid #7eccff38;border-radius:18px;gap:9px;width:230px;padding:14px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 70px #00000047}.gestureStatusHUD div{justify-content:space-between;gap:12px;font-size:.78rem;display:flex}.gestureStatusHUD .gestureDebugPanel{background:#030a166b;border:1px solid #7eccff29;border-radius:12px;gap:4px;padding:9px;display:grid}.gestureDebugPanel small{color:#b9d0e6;font-size:.72rem}.gestureStatusHUD span{color:#87a6c0}.gestureStatusHUD strong{text-align:right}.gestureTinyButton,.gestureDefaultExit,.commandControls button,.sectionDock button,.gestureSimulator button,.projectCardActions button,.timelineActions button,.terminalBody button,.resumeViewer button,.modalCloseButton,.radialMenu button{color:#dff7ff;cursor:pointer;background:#0b233cb8;border:1px solid #7eccff3d;border-radius:12px}.gestureTinyButton{padding:9px 10px;font-weight:850}.gestureDefaultExit{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e1bb8;padding:11px 14px;position:fixed;bottom:20px;left:20px}.gesturePointer{z-index:70;pointer-events:none;filter:drop-shadow(0 0 16px #69d5ffc7);place-items:center;width:38px;height:38px;margin:-19px 0 0 -19px;transition:opacity .14s,filter .14s;display:grid;position:fixed;top:0;left:0}.gesturePointerRing{background:conic-gradient(#8fe2ff var(--hold-progress), #8fe2ff29 0), radial-gradient(circle, #8fe2ff1f, transparent 62%);border:1px solid #8fe2ffad;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 7px #4d91ff14,inset 0 0 14px #8fe2ff2e}.gesturePointerDot{background:#dff7ff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #dff7ffe6}.gesturePointer.isHovering{filter:drop-shadow(0 0 24px #8fe2fff2)}.gesturePointer.isHovering .gesturePointerRing{scale:1.18}.gesturePointer-pinch .gesturePointerRing{background:radial-gradient(circle,#8fe2ff,#4d91ff);scale:.78}.gesturePointer-pinch-pending .gesturePointerRing{border-style:dashed;scale:.94;box-shadow:0 0 0 9px #4d91ff12,inset 0 0 18px #8fe2ff3d}.gesturePointer-cooldown{opacity:.55}.gestureCommandCenter{padding:44px 0 110px}.commandTopbar{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:24px;display:grid}.commandTopbar h1{max-width:780px;font-size:clamp(2.4rem,5vw,5.2rem)}.commandControls{flex-wrap:wrap;gap:10px;display:flex}.commandControls button,.gestureSimulator button,.timelineActions button,.modalCloseButton{padding:11px 14px;font-weight:850}.commandLayout{grid-template-columns:230px minmax(0,1fr) 220px;gap:18px;display:grid}.sectionDock{align-self:start;gap:8px;display:grid}.sectionDock button{text-align:left;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.sectionDock button[aria-current=page]{color:#001526;background:linear-gradient(135deg,#8fe2ff,#4d91ff)}.sectionDock span{font-weight:950}.commandMainPanel{min-height:620px;padding:22px}.commandPanelHeader{color:#8fe2ff;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:.86rem;font-weight:950;display:flex}.gestureSimulator{align-self:start;padding:18px}.commandCameraPreview{background:#030a1685;border:1px solid #7eccff2e;border-radius:16px;place-items:center;min-height:142px;margin-bottom:14px;display:grid;position:relative;overflow:hidden}.commandCameraPreview video{object-fit:cover;width:100%;height:100%;min-height:142px;transform:scaleX(-1)}.commandCameraPreview p{color:#9ab3cb;text-align:center;max-width:150px;font-size:.78rem;line-height:1.45}.commandCameraPreview small{color:#dff7ff;text-align:center;background:#050e1bb3;border-radius:999px;padding:6px 8px;font-size:.68rem;position:absolute;bottom:8px;left:8px;right:8px}.gestureSimulator span,.projectCardHeader span,.knowledgeCard span,.commandMetricCard span,.skillDetailPanel span,.timelineDetail span{color:#8fe2ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:950;display:block}.gestureSimulator p{color:#9ab3cb;font-size:.88rem;line-height:1.55}.gestureSimulator button{width:100%;margin-top:8px}.gestureProjectGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.gestureProjectCard{outline:none;gap:14px;padding:18px;display:grid}.gestureProjectCard.isFocused,.gestureProjectCard:focus-within,.terminalBody button.isFocused,.terminalBody button:focus-visible{border-color:#8fe2ffb3;box-shadow:0 0 0 3px #5cbeff24}.projectCardHeader strong{color:#f7fcff;font-size:1.06rem;display:block}.gestureProjectCard p{color:#abc3da;margin:0;font-size:.9rem;line-height:1.55}.gestureProjectCard b{color:#eaf7ff}.gestureToolList{flex-wrap:wrap;gap:8px;display:flex}.gestureToolList span{color:#8fe2ff;background:#0b233c9e;border:1px solid #7eccff33;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:850}.projectCardActions{flex-wrap:wrap;gap:8px;display:flex}.projectCardActions button{padding:8px 10px}.projectCardActions button:disabled,.resumeViewer button:disabled{color:#7e92a8;cursor:not-allowed;opacity:.72}.projectModalOverlay,.radialOverlay{z-index:55;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000812b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.projectModal{color:#eaf7ff;background:#071425f5;border:1px solid #7eccff47;border-radius:28px;width:min(900px,100%);max-height:88vh;padding:26px;overflow:auto;box-shadow:0 30px 110px #00000061}.projectModalHeader{margin-bottom:22px;position:relative}.projectModalHeader span{color:#8fe2ff;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:950}.projectModalHeader h2{margin:8px 44px 0 0;font-size:clamp(2rem,5vw,3.8rem);line-height:.98}.projectModalHeader button{color:#dff7ff;background:#0b233cb8;border-radius:12px;width:38px;height:38px;position:absolute;top:0;right:0}.projectModalGrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.projectModalGrid div{background:#08182ba8;border:1px solid #7eccff29;border-radius:18px;padding:16px}.projectModalGrid h3{color:#8fe2ff;margin:0 0 8px}.projectModalGrid p{color:#abc3da;line-height:1.62}.radialMenu{background:radial-gradient(circle,#8fe2ff29,#0000 52%),#071425eb;border:1px solid #7eccff3d;border-radius:50%;width:min(520px,90vw);height:min(520px,90vw);position:relative;box-shadow:0 30px 110px #00000061}.radialCore{background:#050e1be0;border:1px solid #7eccff47;border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:absolute;inset:50%;translate:-50% -50%}.radialCore span{color:#f7fcff;font-weight:950}.radialCore button{padding:8px 12px}.radialItem{width:112px;height:46px;transform:rotate(var(--menu-angle)) translate(188px) rotate(calc(-1 * var(--menu-angle))) translate(-50%, -50%);font-weight:900;position:absolute;top:50%;left:50%}.radialItem[aria-current=true]{color:#001526;background:linear-gradient(135deg,#8fe2ff,#4d91ff)}.skillsConstellation{grid-template-columns:minmax(0,1fr) 280px;gap:18px;display:grid}.constellationMap{background:radial-gradient(circle,#8fe2ff1f,#0000 56%),#050e1b52;border:1px solid #7eccff29;border-radius:28px;min-height:500px;position:relative}.constellationMap:before{content:"";border:1px solid #7eccff24;border-radius:50%;position:absolute;inset:76px}.skillNode{color:#dff7ff;background:#0b233cd1;border-color:#7eccff3d;width:122px;min-height:50px;padding:9px;font-size:.82rem;font-weight:900;position:absolute}.skillNode.isSelected{color:#001526;background:linear-gradient(135deg,#8fe2ff,#4d91ff)}.coreNode{width:150px;min-height:72px;top:50%;left:50%;translate:-50% -50%}.skillNode:nth-child(2){top:8%;left:50%;translate:-50%}.skillNode:nth-child(3){top:16%;right:16%}.skillNode:nth-child(4){top:42%;right:7%}.skillNode:nth-child(5){bottom:13%;right:18%}.skillNode:nth-child(6){bottom:7%;left:50%;translate:-50%}.skillNode:nth-child(7){bottom:13%;left:16%}.skillNode:nth-child(8){top:42%;left:7%}.skillNode:nth-child(9){top:16%;left:16%}.skillNode:nth-child(10){top:24%;left:50%;translate:-50%}.skillDetailPanel{align-self:start;padding:22px}.careerTimeline{gap:18px;display:grid}.timelineRail{grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;padding-bottom:12px;display:grid;overflow-x:auto}.timelineDot{text-align:left;white-space:normal;min-height:110px;padding:14px}.timelineDot[aria-current=step]{color:#001526;background:linear-gradient(135deg,#8fe2ff,#4d91ff)}.timelineDot span{margin-bottom:10px;font-weight:950;display:block}.timelineDetail{padding:22px}.timelineActions{gap:10px;display:flex}.resumeViewer{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.resumeViewer section{padding:18px}.resumeViewer ul{margin:0;padding-left:18px}.resumeViewer button{grid-column:1/-1;min-height:58px}.contactTerminal{overflow:hidden}.terminalHeader{border-bottom:1px solid #7eccff29;align-items:center;gap:8px;padding:14px 16px;display:flex}.terminalHeader span{background:#8fe2ff;border-radius:50%;width:10px;height:10px}.terminalHeader span:nth-child(2){background:#69a7ff}.terminalHeader span:nth-child(3){background:#2c5fe8}.terminalHeader strong{color:#dff7ff;margin-left:8px}.terminalBody{gap:8px;padding:16px;display:grid}.terminalBody button{text-align:left;gap:6px;padding:14px;display:grid}.terminalBody button span{color:#8fe2ff;font-family:Consolas,SFMono-Regular,monospace;font-size:.82rem}.terminalBody button strong{color:#f7fcff}.terminalBody button small{color:#9ab3cb;overflow-wrap:anywhere}.commandMetricCard,.knowledgeCard{padding:18px}@keyframes gesturePulse{0%,to{opacity:.45;scale:1}50%{opacity:1;scale:1.04}}@media (prefers-reduced-motion:reduce){.gestureOrbitRing,.gestureExperience .button-primary,.gestureExperience .button-secondary,.gestureExperience button{transition:none;animation:none}}@media (width<=1120px){.gestureLanding,.commandTopbar,.commandLayout,.skillsConstellation{grid-template-columns:1fr}.sectionDock{grid-template-columns:repeat(3,1fr)}.gestureSimulator{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.gestureSimulator span,.gestureSimulator p,.commandCameraPreview{grid-column:1/-1}}@media (width<=860px){.gestureInstructionGrid,.commandOverviewGrid,.knowledgeGrid,.gestureProjectGrid,.projectModalGrid,.resumeViewer,.calibrationGrid{grid-template-columns:1fr}.keyboardGrid,.sectionDock,.gestureSimulator{grid-template-columns:repeat(2,1fr)}.gestureStatusHUD{width:min(1180px,90%);margin:18px auto 0;position:static}.gestureDefaultExit{margin:0 5% 24px;position:static}}@media (width<=620px){.gestureLanding,.gestureStage,.gestureCommandCenter{width:min(100% - 28px,1180px)}.gestureHeroCopy h1,.gestureStageHeader h1,.commandTopbar h1{font-size:3rem}.gestureOrbitalPreview{min-height:320px}.gestureInstructionCard,.keyboardGrid,.sectionDock,.gestureSimulator{grid-template-columns:1fr}.radialMenu{width:320px;height:320px}.radialItem{width:auto;position:static;transform:none}.radialMenu{border-radius:28px;align-content:center;gap:8px;padding:24px;display:grid}.radialCore{border-radius:18px;width:auto;height:auto;padding:14px;position:static;translate:none}}.siteShell:has(.gamingExperience){background:radial-gradient(circle at 14% 16%,#45bdff29,#0000 30%),radial-gradient(circle at 88% 18%,#725bff24,#0000 28%),linear-gradient(135deg,#06101d 0%,#081729 50%,#06111e 100%)}.siteShell:has(.gamingExperience) .navbar{background:#050d19db;border-bottom-color:#74ccff2e}:is(.siteShell:has(.gamingExperience) .brand,.siteShell:has(.gamingExperience) .navReturnLink,.siteShell:has(.gamingExperience) .navButton,.siteShell:has(.gamingExperience) .modeSwitchLink){color:#eef9ff}.siteShell:has(.gamingExperience) .modeSwitchLink{background:#0a192db8;border-color:#7eccff33}.siteShell:has(.gamingExperience) .modeSwitchLink[aria-current=page]{background:#2c79ff2e;border-color:#66d2ff80}.siteShell:has(.gamingExperience) .footer{color:#91a9bd}.gamingExperience{color:#eef9ff;background:linear-gradient(#66d2ff0b 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#66d2ff0b 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 24% 18%,#2c79ff38,#0000 30%),linear-gradient(135deg,#06101d 0%,#081729 50%,#06111e 100%);min-height:100vh;overflow-x:hidden}.gamingIntro{width:min(1180px,90%);margin:0 auto;padding:62px 0 22px}.gameKicker{color:#91e5ff;letter-spacing:.08em;text-transform:uppercase;background:#0a1f36bd;border:1px solid #74ccff57;border-radius:999px;width:fit-content;margin-bottom:16px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.gamingIntro h1{color:#f7fcff;letter-spacing:-.045em;max-width:860px;margin:0;font-size:clamp(3rem,6vw,6.6rem);line-height:.92}.gamingIntro p{color:#abc4da;max-width:720px;font-size:1.08rem;line-height:1.75}.gamingLayout{grid-template-columns:230px minmax(0,1fr) 210px;align-items:start;gap:18px;width:min(1280px,94%);margin:0 auto 48px;display:grid}.gameHUD,.miniMap,.gameWorldPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071628c2;border:1px solid #7eccff2e;border-radius:22px;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #0000003d}.gameHUD{gap:11px;padding:16px;display:grid}.gameHUD div{border-bottom:1px solid #7eccff1a;gap:4px;padding-bottom:10px;display:grid}.gameHUD span,.miniMapTitle,.buildingPanelHeader span{color:#91e5ff;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:950}.gameHUD strong{color:#f7fcff;font-size:.9rem}.gameHUD button,.touchControls button,.buildingContentPanel button{color:#e6f8ff;cursor:pointer;background:#0c2744c7;border:1px solid #7eccff3d;border-radius:12px;font-weight:850}.gameHUD button{min-height:42px}.gameWorldPanel{padding:16px;position:relative;overflow:hidden}.gameWorld{isolation:isolate;background:linear-gradient(135deg,#8fe2ff0f 25%,#0000 25%) 0 0/44px 44px,linear-gradient(225deg,#8fe2ff0a 25%,#0000 25%) 0 0/44px 44px,radial-gradient(circle,#2a77ff29,#0000 58%),#040d1ae0;border:1px solid #7eccff29;border-radius:20px;width:100%;min-height:620px;position:relative;overflow:hidden}.gameWorld:before{content:"";pointer-events:none;border:1px solid #7eccff14;border-radius:18px;position:absolute;inset:26px;transform:skewY(-6deg)}.worldRoad{z-index:0;background:linear-gradient(90deg,#0000,#71d3ff38,#0000),#0e2c4894;border-radius:999px;position:absolute;box-shadow:0 0 24px #5bc8ff1f}.roadHorizontal{height:74px;top:50%;left:7%;right:7%;transform:translateY(-50%)skewY(-5deg)}.roadVertical{width:74px;top:7%;bottom:7%;left:50%;transform:translate(-50%)skew(-9deg)}.worldPlaza{background:#081d33bf;border:1px solid #8fe2ff29;border-radius:28px;width:170px;height:112px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)skewY(-6deg)}.worldBuilding{z-index:2;color:#f7fcff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff14,#0000),#0a1f36e6;border:1px solid #7eccff3d;border-radius:16px;align-content:center;gap:5px;padding:14px;display:grid;position:absolute;transform:translate(-50%,-50%)skewY(-5deg);box-shadow:12px 18px #0000002e,0 0 30px #52b8ff14}.worldBuilding:hover,.worldBuilding.isNearby{border-color:#8fe2ffc7;box-shadow:12px 18px #0003,0 0 34px #65d3ff52}.buildingRoof{background:#8fe2ff33;border-radius:10px 10px 4px 4px;height:18px;position:absolute;inset:-12px 14px auto}.buildingIcon{color:#001526;background:#91e5ff;border-radius:10px;place-items:center;width:40px;height:34px;font-weight:950;display:grid;transform:skewY(5deg)}.worldBuilding strong,.worldBuilding small{transform:skewY(5deg)}.worldBuilding small{color:#abc4da;line-height:1.35}.theme-cyan{--building-accent:#91e5ff}.theme-blue{--building-accent:#669cff}.theme-violet{--building-accent:#a891ff}.theme-amber{--building-accent:#ffd166}.theme-green{--building-accent:#79f2ad}.theme-indigo{--building-accent:#7f8cff}.theme-pink{--building-accent:#ff91d5}.theme-slate{--building-accent:#b7c7d8}.worldBuilding[class*=theme-] .buildingIcon,.worldBuilding[class*=theme-] .buildingRoof{background:var(--building-accent)}.playerAvatar{z-index:5;pointer-events:none;width:46px;height:58px;position:absolute;transform:translate(-50%,-76%)}.avatarShadow{filter:blur(3px);background:#00000052;border-radius:50%;width:54px;height:18px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.avatarBody{background:linear-gradient(#91e5ff,#2d78ff);border:2px solid #dff7ffd6;border-radius:15px 15px 11px 11px;place-items:center;width:34px;height:46px;display:grid;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #6ed3ff6b}.avatarFace{background:#06101d;border-radius:999px;width:14px;height:8px}.avatarDirection{background:#f7fcff;border-radius:4px;width:12px;height:12px;position:absolute}.playerAvatar.is-up .avatarDirection{top:-8px}.playerAvatar.is-down .avatarDirection{bottom:-8px}.playerAvatar.is-left .avatarDirection{left:-8px}.playerAvatar.is-right .avatarDirection{right:-8px}.playerAvatar.isMoving .avatarBody{animation:.44s ease-in-out infinite alternate avatarBob}.interactionPrompt{z-index:10;color:#e6f8ff;text-align:center;background:#040d1ad1;border:1px solid #8fe2ff4d;border-radius:999px;max-width:min(540px,88%);padding:12px 16px;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #0000003d}.interactionPrompt.isIdle{color:#91a9bd}.interactionPrompt kbd{color:#001526;background:#91e5ff;border-radius:7px;padding:4px 7px;font-weight:950}.touchControls{justify-items:center;gap:8px;margin-top:14px;display:none}.touchControls div{gap:8px;display:flex}.touchControls button{min-width:74px;min-height:42px}.miniMap{padding:16px}.miniMapSurface{background-color:#030c18b3;background-image:linear-gradient(#8fe2ff0f 1px,#0000 1px),linear-gradient(90deg,#8fe2ff0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #7eccff29;border-radius:16px;height:180px;margin-top:12px;position:relative;overflow:hidden}.miniMapBuilding,.miniMapPlayer{background:var(--building-accent,#91e5ff);border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.miniMapPlayer{background:#f7fcff;width:13px;height:13px;box-shadow:0 0 14px #f7fcffb8}.buildingPanelOverlay{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000812bd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.buildingContentPanel{color:#eaf7ff;background:linear-gradient(145deg,#ffffff12,#0000),#071425f5;border:1px solid #7eccff42;border-radius:28px;width:min(960px,100%);max-height:88vh;padding:26px;overflow:auto;box-shadow:0 30px 110px #00000061}.buildingPanelHeader{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.buildingPanelHeader span{grid-column:1/-1}.buildingPanelHeader h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,5vw,4.2rem);line-height:.95}.buildingPanelHeader button,.buildingPanelFooter button{min-height:42px;padding:0 14px}.buildingPanelSummary{color:#abc4da;max-width:760px;line-height:1.7}.buildingInventoryGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.buildingInventoryCard{background:#081d33b3;border:1px solid #7eccff29;border-radius:18px;min-height:160px;padding:18px}.buildingInventoryCard h3{color:#f7fcff;margin:0 0 10px}.buildingInventoryCard p{color:#abc4da;line-height:1.6}.buildingTagList{flex-wrap:wrap;gap:8px;display:flex}.buildingTagList span{color:#91e5ff;background:#0c2744c7;border:1px solid #7eccff2e;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:850}.buildingPanelFooter{color:#91a9bd;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}@keyframes avatarBob{0%{translate:0}to{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.playerAvatar.isMoving .avatarBody{animation:none}}@media (width<=1120px){.gamingLayout{grid-template-columns:1fr}.gameHUD{grid-template-columns:repeat(3,1fr)}.gameHUD button{grid-column:1/-1}.miniMap{order:3}}@media (width<=760px){.gamingIntro h1{font-size:3rem}.gameHUD{grid-template-columns:1fr 1fr}.gameWorld{min-height:620px}.worldBuilding{scale:.82}.touchControls{display:grid}.buildingInventoryGrid,.buildingPanelHeader{grid-template-columns:1fr}}@media (width<=540px){.gamingLayout,.gamingIntro{width:min(100% - 24px,1180px)}.gameHUD{grid-template-columns:1fr}.gameWorldPanel{padding:10px}.buildingPanelOverlay{padding:12px}.buildingContentPanel{padding:18px}}
