:root{--bg:#050b14;--panel:#081321;--panel2:#0b1a2b;--line:#203b55;--line-bright:#315a78;--text:#eaf3ff;--muted:#9aadc1;--green:#66f0ac;--cyan:#66d9ee;--blue:#69aaff;--gold:#f6c76b;--orange:#ff956b;--purple:#c2a0ff;--mono:'IBM Plex Mono',monospace;--sans:Inter,system-ui,sans-serif;--shadow:0 12px 35px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#12324a 0,transparent 42%),var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.skip-link{position:absolute;left:-999px;top:8px;background:var(--green);color:#07111f;padding:10px;z-index:99}.skip-link:focus{left:8px}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(16px,3vw,42px);border-bottom:1px solid var(--line);background:#050c16ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font:600 15px var(--mono);white-space:nowrap}.brand-mark{color:var(--green);font-size:20px}.muted{color:var(--muted)}.main-nav{display:flex;align-items:center;gap:5px}.main-nav a{padding:9px 12px;border:1px solid transparent;border-radius:8px;color:#c1cfdf;font:500 12px var(--mono)}.main-nav a:hover,.main-nav a.active{border-color:#2c795f;background:#0a2b29;color:var(--green)}.theme-toggle{width:38px;height:34px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;color:var(--gold);font-size:20px}.hero-grid{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(450px,2.5fr) minmax(230px,.82fr);gap:12px;padding:16px clamp(12px,2vw,26px) 12px;min-height:640px}.panel{background:linear-gradient(145deg,#091523f7,#06101cf7);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0;overflow:hidden;position:relative}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff05;border-radius:inherit}.profile{display:flex;flex-direction:column}.avatar-scene{height:210px;position:relative;overflow:hidden;background:linear-gradient(#11284b,#244a63 65%,#102d37);border-bottom:1px solid var(--line)}.moon{position:absolute;right:20%;top:24px;width:24px;height:24px;border-radius:50%;background:#c7edff;box-shadow:0 0 25px #9be3ff88}.mountain{position:absolute;bottom:42px;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:130px solid #152c4a}.mountain-a{left:-20px}.mountain-b{right:-36px;border-bottom-color:#203b58;border-left-width:120px;border-right-width:120px}.ground{position:absolute;bottom:0;height:55px;background:#142f36;width:100%;border-top:5px solid #2c5a4a}.server{position:absolute;bottom:31px;width:33px;height:75px;background:#0b1724;border:3px solid #567b8b;box-shadow:inset 0 0 0 4px #14283b}.server:after{content:"▪ ▪ ▪";position:absolute;top:8px;left:3px;color:var(--green);font-size:9px;writing-mode:vertical-rl}.server-one{right:22px}.server-two{right:59px;height:57px}.pixel-person{position:absolute;bottom:40px;left:43%;width:38px;height:75px;z-index:2}.pixel-person:before{content:"";position:absolute;top:0;left:7px;width:25px;height:24px;background:#d49a69;box-shadow:0 -7px #171b2a,5px -9px #171b2a,-5px -4px #171b2a}.pixel-person i{position:absolute;top:22px;left:3px;width:33px;height:34px;background:#172d4c;border:4px solid #0c1c30}.pixel-person b{position:absolute;top:56px;left:5px;width:10px;height:19px;background:#18243b;box-shadow:15px 0 #18243b}.pixel-person span{position:absolute;top:8px;left:23px;width:4px;height:4px;background:#07111f}.profile-copy{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}.eyebrow{font:600 10px var(--mono);letter-spacing:.15em;color:var(--cyan);margin:0 0 5px}.profile h1{font-size:25px;letter-spacing:-.04em;margin:0}.role{font:500 13px var(--mono);color:#b6c8da;margin:0}.intro{color:#b1c2d4;margin:0 0 8px;font-size:13px}.level-row,.progress-heading{display:flex;justify-content:space-between;align-items:center;font:12px var(--mono);gap:8px}.level-row strong{color:var(--green)}.xp-label{color:var(--green)}.xp-label strong{color:#d7fce8}.xp-track,.progress-track{height:9px;background:#13283b;border:1px solid #31506a;border-radius:20px;overflow:hidden}.xp-track span,.progress-track span{height:100%;width:78%;display:block;background:linear-gradient(90deg,#2dbf83,var(--green));box-shadow:0 0 10px #66f0ac66;transition:width .4s}.tag-list{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}.tag-list span{border:1px solid #34516b;background:#0c1b2b;padding:4px 7px;border-radius:5px;font:10px var(--mono);color:#d4e4f5}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:11px 13px;font:600 12px var(--mono);transition:transform .15s,border-color .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{border:1px solid #3a9bd2;background:#0b2d49;color:#eaf8ff;box-shadow:inset 0 0 18px #2878a822}.primary:hover{border-color:var(--cyan)}.secondary{border:1px solid var(--line-bright);background:#0b1928}.map-panel{padding:14px;display:flex;flex-direction:column}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}.map-heading h2,.section-heading h2,.panel-title h2{font-size:16px;margin:0;letter-spacing:-.03em}.online-pill{display:flex;align-items:center;gap:7px;border:1px solid #28634f;border-radius:20px;padding:5px 8px;color:var(--green);font:10px var(--mono);white-space:nowrap}.online-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.map-world{position:relative;flex:1;min-height:490px;overflow:hidden;border:1px solid #23465d;border-radius:9px;background:#071b2c}.world-svg{position:absolute;width:100%;height:100%;inset:0}.map-pin{position:absolute;display:flex;align-items:center;gap:9px;text-align:left;background:#07111feb;border:1px solid #47728a;border-radius:8px;padding:8px 10px;box-shadow:0 5px 16px #0007;transition:transform .15s,border-color .15s,box-shadow .15s;max-width:190px}.map-pin:hover,.map-pin:focus-visible{transform:translateY(-3px) scale(1.02);border-color:var(--green);box-shadow:0 0 0 2px #66f0ac22,0 7px 20px #0008;outline:none}.map-pin strong{display:block;font:600 12px var(--mono);white-space:nowrap}.map-pin small{display:block;font:10px var(--mono);color:#a9bed0;white-space:nowrap}.pin-icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:5px;background:#17486a;color:var(--cyan);font-size:18px}.pin-icon.orange{background:#4c2825;color:var(--orange)}.pin-icon.green{background:#183f35;color:var(--green)}.pin-icon.blue{background:#193754;color:var(--blue)}.pin-icon.purple{background:#392854;color:var(--purple)}.pin-icon.gold{background:#493a22;color:var(--gold)}.pin-about{left:16%;top:23%}.pin-projects{right:14%;top:18%}.pin-skills{left:7%;top:56%}.pin-experience{left:38%;bottom:20%}.pin-ai{right:8%;top:54%}.pin-contact{right:5%;bottom:14%}.map-tip{position:absolute;left:12px;bottom:10px;padding:7px 9px;background:#06111de8;border:1px solid #27435a;border-radius:6px;font:10px var(--mono);color:#a8c1d5}.map-tip:first-letter{color:var(--green)}.map-tip span{color:var(--green);padding:0 3px}.quest-panel{padding:15px;display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid var(--line)}.panel-title h2{color:var(--gold);font:600 15px var(--mono);flex:1}.title-icon{font-size:20px;color:var(--gold)}.panel-action{color:#7890a6}.quest-subtitle{font:600 10px var(--mono);letter-spacing:.13em;color:var(--muted);margin:18px 0 9px}.quest-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.quest-list li{display:flex;align-items:center;gap:9px;color:#71869b}.quest-list li>span{font-size:12px}.quest-list button{background:none;border:0;padding:0;text-align:left;color:#b6c7d8;font:11px var(--mono)}.quest-list button:hover{color:var(--green)}.quest-list .done,.quest-list .done button{color:var(--green)}.side-quests{margin-top:23px}.side-list{gap:11px}.quest-progress{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.progress-heading{font-size:10px;margin-bottom:8px;color:#a9bdcf}.progress-heading strong{color:var(--green)}.progress-track{height:8px}.progress-track span{width:14%}.motto{font:italic 10px var(--mono);text-align:center;color:#b2a47f;margin:16px 0 0}.content-grid{display:grid;grid-template-columns:1.08fr .9fr 1fr;gap:12px;padding:0 clamp(12px,2vw,26px) 12px;align-items:stretch}.content-panel{padding:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{font-size:16px}.section-heading>a{font:10px var(--mono);color:var(--cyan);white-space:nowrap}.section-symbol{color:var(--gold);margin-right:5px}.green-text{color:var(--green)!important}.blue-text{color:var(--blue)!important}.gold-text{color:var(--gold)!important}.project-card{display:flex;align-items:center;gap:11px;padding:12px 10px;border:1px solid #1c344b;background:#091827;border-radius:8px;margin-bottom:9px;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#3b6d8c;transform:translateY(-2px)}.project-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:8px;background:#102d4c;border:1px solid #254d72;color:#65aaff;font-size:27px}.project-icon.cloud{color:#73baff;background:#10233d}.project-icon.terminal-icon{color:var(--green);font:700 19px var(--mono);background:#102b28}.project-info{flex:1;min-width:0}.project-info h3,.timeline h3{font:600 12px var(--mono);margin:0 0 5px}.project-info p,.timeline p{font-size:11px;line-height:1.5;color:#9eb1c5;margin:0}.tag-list.small{gap:5px;margin:8px 0 0}.tag-list.small span{font-size:9px;padding:3px 6px}.card-arrow{background:none;border:0;color:#9db3c9;font-size:20px;padding:4px}.card-arrow:hover{color:var(--green)}.fine-print{font-size:10px;line-height:1.5;color:#70869b;margin:10px 0 0}.skill-group{border-top:1px solid #192e43;padding:11px 0 8px}.skill-group:first-of-type{border-top:0;padding-top:0}.skill-group h3{font:600 11px var(--mono);color:var(--green);margin:0 0 10px}.skill-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px}.skill-items span{display:flex;flex-direction:column;align-items:center;gap:4px;font:10px var(--mono);color:#c4d3e2;text-align:center;min-width:0}.skill-items b{font-size:22px;font-weight:500;color:var(--cyan);height:29px}.right-column{display:flex;flex-direction:column;gap:12px}.experience-panel{flex:1}.timeline{display:grid;gap:15px;padding-left:6px}.timeline-item{display:grid;grid-template-columns:15px 1fr;gap:10px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:6px;top:15px;bottom:-17px;width:2px;background:#2c4960}.timeline-dot{width:14px;height:14px;border-radius:50%;background:#17354a;border:3px solid var(--blue);z-index:1;margin-top:2px}.timeline-item.current .timeline-dot{border-color:var(--gold);box-shadow:0 0 10px #f6c76b44}.timeline-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.timeline-heading h3{font-size:11px}.timeline-heading span{font:9px var(--mono);color:var(--cyan);white-space:nowrap}.timeline p{font-size:10px}.achievements-panel{flex:0 0 auto}.badges-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.badge-art{width:42px;height:42px;display:grid;place-items:center;clip-path:polygon(50% 0,88% 20%,100% 60%,72% 100%,28% 100%,0 60%,12% 20%);background:#27384b;border:0;font-size:23px;color:#fff;position:relative}.gold-badge{background:linear-gradient(145deg,#f5cf74,#9c6b2e)}.blue-badge{background:linear-gradient(145deg,#70c8ff,#2256a3)}.orange-badge{background:linear-gradient(145deg,#ffad73,#a34735)}.purple-badge{background:linear-gradient(145deg,#d5a8ff,#6446a9)}.achievement strong{font:600 9px var(--mono)}.achievement small{font-size:9px;color:var(--muted)}.ai-banner{margin:0 clamp(12px,2vw,26px) 12px;padding:22px 24px;display:flex;align-items:center;gap:18px;border-color:#3a2f61;background:radial-gradient(ellipse at 5% 50%,#32235566,transparent 50%),#081321}.ai-orb{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;background:#2c2051;border:1px solid #7e5dc4;color:var(--purple);font-size:30px;flex-shrink:0;box-shadow:0 0 24px #a879ff1c}.ai-banner>div:nth-child(2){flex:1}.ai-banner h2,.contact-panel h2{font-size:20px;margin:0 0 4px;letter-spacing:-.04em}.ai-banner p:not(.eyebrow),.contact-panel p:not(.eyebrow){color:#a9bbcd;margin:0;font-size:12px}.ai-banner .button{white-space:nowrap}.contact-panel{margin:0 clamp(12px,2vw,26px) 16px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-panel>div:first-child{max-width:640px}.contact-actions{display:flex;gap:8px;flex-wrap:wrap}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px clamp(12px,2vw,26px) 24px;color:#6e8398;font:10px var(--mono)}.footer button{background:none;border:0;color:#516c85}.project-dialog,.terminal-dialog{width:min(520px,calc(100% - 28px));background:#081523;color:var(--text);border:1px solid #3b6380;border-radius:12px;padding:26px;box-shadow:0 30px 90px #000c}.project-dialog::backdrop,.terminal-dialog::backdrop{background:#020710c9;backdrop-filter:blur(5px)}.dialog-close{float:right;background:none;border:1px solid var(--line);border-radius:6px;color:#b7c8d8;font-size:22px;line-height:1;width:32px;height:32px}.project-dialog h2{font-size:23px;margin:8px 0}.project-dialog p:not(.eyebrow){color:#b7c8d8;line-height:1.7}.terminal-dialog{font-family:var(--mono)}.terminal-head{color:var(--green)}.terminal-dialog input{width:calc(100% - 45px);margin-left:8px;background:#06101a;border:1px solid #29445b;border-radius:5px;padding:9px;color:var(--green);font:12px var(--mono)}.terminal-dialog pre{white-space:pre-wrap;color:#a7c0d6;font-size:11px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);background:#0c2b25;border:1px solid #3e9b75;color:#d9ffec;padding:10px 15px;border-radius:8px;font:12px var(--mono);opacity:0;pointer-events:none;transition:all .25s;z-index:50;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}body.high-contrast{--bg:#000;--panel:#03070b;--panel2:#07121b;--line:#47718d;--muted:#c2d2e1;--text:#fff}body.high-contrast .panel{box-shadow:none} @media(max-width:1180px){.hero-grid{grid-template-columns:240px minmax(400px,1fr)}.quest-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.quest-panel .panel-title,.quest-panel .quest-progress,.quest-panel .motto{grid-column:1/-1}.quest-panel .side-quests{margin-top:18px}.quest-panel .quest-progress{margin-top:20px}.content-grid{grid-template-columns:1fr 1fr}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.map-world{min-height:490px}}@media(max-width:760px){.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding:12px 14px;gap:8px}.brand{font-size:13px}.main-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.main-nav a{flex-shrink:0;padding:7px 9px}.theme-toggle{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding:12px}.profile{display:grid;grid-template-columns:minmax(115px,.7fr) 1.3fr}.avatar-scene{height:100%;min-height:260px;border-bottom:0;border-right:1px solid var(--line)}.profile-copy{padding:15px}.profile h1{font-size:22px}.map-panel{min-height:620px}.map-world{min-height:540px}.pin-about{left:5%;top:18%}.pin-projects{right:3%;top:15%}.pin-skills{left:2%;top:53%}.pin-experience{left:23%;bottom:18%}.pin-ai{right:3%;top:51%}.pin-contact{right:3%;bottom:7%}.map-pin{padding:6px 7px;gap:6px;max-width:155px}.map-pin strong{font-size:10px}.map-pin small{font-size:8px}.pin-icon{width:24px;height:24px;font-size:15px}.map-tip{font-size:9px;max-width:80%}.quest-panel{display:flex}.content-grid{grid-template-columns:1fr;padding:0 12px 12px}.right-column{grid-column:auto;display:flex}.content-panel{padding:14px}.ai-banner,.contact-panel{margin-left:12px;margin-right:12px}.ai-banner{align-items:flex-start;flex-wrap:wrap;padding:18px}.ai-banner .button{margin-left:73px}.contact-panel{align-items:flex-start;flex-direction:column;padding:20px}.footer{flex-wrap:wrap}.skill-items{gap:12px 4px}}@media(max-width:420px){.profile{grid-template-columns:1fr}.avatar-scene{height:170px;min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.map-panel{padding:10px}.map-heading h2{font-size:14px}.online-pill{font-size:8px}.map-world{min-height:500px}.map-pin{max-width:137px}.map-pin small{display:none}.pin-about{top:18%;left:3%}.pin-projects{top:12%;right:2%}.pin-skills{top:51%;left:2%}.pin-experience{bottom:19%;left:18%}.pin-ai{top:48%;right:2%}.pin-contact{bottom:8%;right:2%}.quest-panel{padding:13px}.project-card{gap:8px;padding:9px 7px}.project-icon{width:42px;height:42px;font-size:22px}.project-info h3{font-size:11px}.project-info p{font-size:10px}.badges-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px}.contact-actions{width:100%}.contact-actions .button{flex:1}.footer{font-size:9px}}