:root{--orange:#ff6b35;--sky-blue:#87ceeb;--cream:#fff0d9;--lavender:#b8a9c9;--coral:#ff8c69;--white:#f5f5f5;--dark:#2a2a2a;--font-display:"Nunito", sans-serif;--font-body:"Space Grotesk", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--dark);background:#000;overflow:hidden}body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='14' r='6' fill='%23FF6B35'/%3E%3Ccircle cx='7' cy='7' r='3' fill='%23FF6B35'/%3E%3Ccircle cx='17' cy='7' r='3' fill='%23FF6B35'/%3E%3Ccircle cx='4' cy='12' r='2.5' fill='%23FF6B35'/%3E%3Ccircle cx='20' cy='12' r='2.5' fill='%23FF6B35'/%3E%3C/svg%3E") 12 12,auto}canvas{display:block}.hidden{display:none!important}#loading-screen{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#loading-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}#loading-content{z-index:1;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex;position:relative}#loading-logo{align-items:center;gap:2px;margin-bottom:4px;display:flex}.logo-letter,.logo-dot{font-family:var(--font-display);color:#fff;animation:.6s ease-out both letterBounce;animation-delay:calc(var(--i) * 70ms + .3s);text-shadow:0 3px 12px #0003,0 0 30px #ff6b3526;font-size:2.8rem;font-weight:800;display:inline-block}.logo-letter.accent{color:var(--orange);text-shadow:0 3px 12px #0003,0 0 30px #ff6b3566}.logo-dot{color:#ffffff80;margin:0 4px;font-size:2rem}@keyframes letterBounce{0%{opacity:0;transform:translateY(-40px)scale(0)}60%{opacity:1;transform:translateY(5px)scale(1.15)}80%{transform:translateY(-3px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}#loading-subtitle{font-family:var(--font-body);color:#ffffffb3;letter-spacing:1.5px;text-transform:uppercase;font-size:.95rem;animation:.8s ease-out 1.2s both fadeSlideUp}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#loading-scene{width:320px;height:100px;margin:8px 0;position:relative}#loading-ground{background:linear-gradient(90deg,#0000,#ffffff59,#0000);border-radius:2px;width:140%;height:3px;position:absolute;bottom:0;left:-20%}#loading-fox-runner{width:60px;height:50px;animation:.35s ease-in-out infinite alternate foxBounce;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes foxBounce{0%{transform:translate(-50%)translateY(0)rotate(-2deg)}to{transform:translate(-50%)translateY(-6px)rotate(2deg)}}.fox-body{background:var(--orange);border-radius:14px 16px 10px 10px;width:36px;height:22px;position:absolute;bottom:8px;left:10px;box-shadow:0 2px 8px #ff6b3566}.fox-head{background:var(--orange);border-radius:50% 50% 40% 40%;width:22px;height:20px;position:absolute;bottom:18px;right:2px}.fox-ear{background:var(--orange);clip-path:polygon(50% 0%,0% 100%,100% 100%);width:8px;height:10px;position:absolute;top:-7px}.fox-ear.left{left:2px;transform:rotate(-8deg)}.fox-ear.right{right:2px;transform:rotate(8deg)}.fox-ear:after{content:"";clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#ffb088;width:4px;height:5px;position:absolute;top:3px;left:2px}.fox-eye{background:#222;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:4px}.fox-eye:after{content:"";background:#fff;border-radius:50%;width:2px;height:2px;position:absolute;top:0;right:0}.fox-nose{background:#222;border-radius:50%;width:4px;height:3px;position:absolute;bottom:3px;right:1px}.fox-tail{background:var(--orange);transform-origin:100%;border-radius:10px 4px 4px 10px;width:20px;height:10px;animation:.3s ease-in-out infinite alternate tailWag;position:absolute;bottom:16px;left:-2px}.fox-tail:after{content:"";background:#fff;border-radius:4px;width:8px;height:5px;position:absolute;top:3px;left:0}@keyframes tailWag{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.fox-leg{background:var(--orange);transform-origin:top;border-radius:2px 2px 3px 3px;width:5px;height:12px;position:absolute;bottom:0}.fox-leg.front-left{animation:.25s ease-in-out infinite alternate legRun;right:12px}.fox-leg.front-right{animation:.25s ease-in-out infinite alternate-reverse legRun;right:4px}.fox-leg.back-left{animation:.25s ease-in-out infinite alternate-reverse legRun;left:12px}.fox-leg.back-right{animation:.25s ease-in-out infinite alternate legRun;left:20px}@keyframes legRun{0%{transform:rotate(25deg)}to{transform:rotate(-25deg)}}#loading-dust{width:40px;height:15px;position:absolute;bottom:6px;left:30%}#loading-dust:before,#loading-dust:after{content:"";background:#ffffff4d;border-radius:50%;animation:.6s ease-out infinite dustFloat;position:absolute}#loading-dust:before{width:6px;height:6px;animation-delay:0s;bottom:0;left:10px}#loading-dust:after{width:4px;height:4px;animation-delay:.2s;bottom:2px;left:22px}@keyframes dustFloat{0%{opacity:.6;transform:translate(0)translateY(0)scale(1)}to{opacity:0;transform:translate(-20px)translateY(-8px)scale(.3)}}#loading-bar-container{backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:4px;width:300px;height:8px;position:relative;overflow:visible}#loading-bar{background:linear-gradient(90deg, var(--orange), #f96, var(--orange));background-size:200% 100%;border-radius:4px;width:0%;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);animation:1.5s ease-in-out infinite barShimmer;box-shadow:0 0 12px #ff6b3580}@keyframes barShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#loading-percent{font-family:var(--font-display);color:#fffc;font-size:.8rem;font-weight:700;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}#loading-tips{height:20px;overflow:hidden}#loading-tip{font-family:var(--font-body);color:#fff9;text-align:center;font-size:.85rem;animation:.5s ease-out both fadeSlideUp}#loading-dots{gap:6px;margin-top:4px;display:flex}#loading-dots .dot{background:#fff6;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotPulse}#loading-dots .dot:nth-child(2){animation-delay:.2s}#loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}#loading-screen.fade-out{animation:1.2s cubic-bezier(.22,1,.36,1) forwards loaderFadeOut}@keyframes loaderFadeOut{0%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1.02)}to{opacity:0;pointer-events:none;transform:scale(1.08)}}#hud{z-index:100;pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#zone-name{font-family:var(--font-display);letter-spacing:.5px;color:var(--white);text-shadow:0 2px 10px #0000004d;-webkit-backdrop-filter:blur(12px)saturate(1.3);opacity:0;pointer-events:none;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;padding:8px 24px;font-size:1.3rem;font-weight:800;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000014,inset 0 1px #ffffff40}#zone-name.visible{opacity:1;transform:translate(-50%)translateY(0)}.glass{-webkit-backdrop-filter:blur(16px)saturate(1.4);background:#ffffff1f;border:1px solid #ffffff40;box-shadow:0 4px 24px #00000014,inset 0 1px #ffffff4d}#btn-spawn{-webkit-backdrop-filter:blur(12px)saturate(1.3);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:14px;width:46px;height:46px;font-size:1.3rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .3s,box-shadow .3s;position:absolute;top:16px;left:16px;box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff59}#btn-spawn:hover{background:#ffffff40;transform:scale(1.12);box-shadow:0 6px 28px #ff6b3526,inset 0 1px #ffffff80}#btn-sound{-webkit-backdrop-filter:blur(12px)saturate(1.3);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:14px;width:46px;height:46px;font-size:1.3rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .3s,box-shadow .3s;position:absolute;top:16px;right:16px;box-shadow:0 4px 20px #0000001a,inset 0 1px #ffffff59}#btn-sound:hover{background:#ffffff40;transform:scale(1.12);box-shadow:0 6px 28px #ff6b3526,inset 0 1px #ffffff80}#minimap{-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#ffffff1f;border:1px solid #ff6b3559;border-radius:16px;width:160px;height:160px;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff40}#tooltip{font-family:var(--font-display);color:var(--orange);-webkit-backdrop-filter:blur(16px)saturate(1.5);z-index:200;pointer-events:none;background:#ffffff26;border:1px solid #ff6b354d;border-radius:24px;padding:10px 24px;font-size:1.1rem;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-80px);box-shadow:0 6px 24px #ff6b3526,inset 0 1px #fff6}#popup-overlay{z-index:500;-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#0000004d;justify-content:center;align-items:center;transition:backdrop-filter .4s;display:flex;position:fixed;inset:0}#popup{-webkit-backdrop-filter:blur(24px)saturate(1.6);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:24px;width:90%;max-width:580px;max-height:80vh;padding:32px 28px 24px;position:relative;overflow-y:auto;box-shadow:0 12px 48px #00000026,0 2px 8px #ff6b351a,inset 0 1px #fff6}#popup-close{backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ff6b35d9;border:1px solid #ffffff4d;border-radius:50%;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s;position:absolute;top:12px;right:16px}#popup-close:hover{background:#ff6b35;transform:scale(1.15)rotate(90deg)}#popup-icon{margin-bottom:8px;font-size:2.5rem}#popup-title{font-family:var(--font-display);color:var(--orange);text-shadow:0 2px 8px #ff6b3533;margin-bottom:16px;font-size:1.5rem;font-weight:800}#popup-content{font-family:var(--font-body);color:var(--white);text-shadow:0 1px 3px #00000026;font-size:.95rem;line-height:1.65}#popup-content h3{font-family:var(--font-display);color:var(--orange);margin-top:16px;margin-bottom:6px;font-size:1.1rem;font-weight:700}#popup-content .experience-period{color:#888;margin-bottom:8px;font-size:.85rem}#popup-content ul{padding:0;list-style:none}#popup-content ul li{margin-bottom:6px;padding-left:18px;position:relative}#popup-content ul li:before{content:"🦊";font-size:.75rem;position:absolute;top:0;left:0}.skill-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.skill-name{text-align:right;flex:0 0 200px;font-size:.85rem}.skill-bar-bg{background:#ffffff1f;border-radius:6px;flex:1;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.skill-bar-fill{background:linear-gradient(90deg, var(--orange), var(--coral));border-radius:6px;height:100%;transition:width .8s}.skill-label{color:#888;flex:0 0 160px;font-size:.75rem}.cert-badge{background:#ffffff1a;border-left:3px solid #ff6b3599;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:background .2s;display:flex;box-shadow:inset 0 1px #ffffff26}.cert-badge:hover{background:#ffffff2e}.cert-badge .cert-icon{font-size:1.6rem}.cert-badge .cert-status{color:#888;font-size:.8rem}.edu-entry{border-bottom:1px solid #eee;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.edu-entry:last-child{border-bottom:none}.edu-entry .edu-icon{font-size:1.6rem}.edu-entry .edu-period{color:#888;font-size:.8rem}.contact-link{color:var(--white);background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .3s;display:flex}.contact-link:hover{background:#ffffff2e;transform:translate(6px);box-shadow:0 4px 20px #ff6b3533}.contact-link .contact-icon{font-size:1.3rem}.cta-button{background:var(--orange);color:#fff;font-family:var(--font-display);cursor:pointer;text-align:center;border:none;border-radius:30px;margin-top:16px;padding:14px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s;animation:2s ease-in-out infinite ctaPulse;display:inline-block;box-shadow:0 4px 20px #ff6b3566}.cta-button:hover{transform:scale(1.05)}@keyframes ctaPulse{0%,to{box-shadow:0 4px 20px #ff6b3566}50%{box-shadow:0 4px 30px #ff6b35b3}}.typewriter{border-right:2px solid var(--orange);white-space:pre-wrap;animation:.7s step-end infinite blink;overflow:hidden}@keyframes blink{50%{border-color:#0000}}#easter-egg-bubble{z-index:300;-webkit-backdrop-filter:blur(18px)saturate(1.5);max-width:500px;font-family:var(--font-body);text-align:center;white-space:pre-line;color:var(--white);text-shadow:0 1px 3px #0003;background:#ffffff1f;border:1px solid #ff6b354d;border-radius:18px;padding:16px 24px;font-size:.95rem;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 6px 32px #0000001f,inset 0 1px #ffffff59}#confetti-canvas{z-index:150;pointer-events:none;position:fixed;inset:0}#btn-action{border:3px solid var(--orange);z-index:110;cursor:pointer;background:#ffffffe6;border-radius:50%;width:64px;height:64px;font-size:1.8rem;transition:transform .2s;position:fixed;bottom:40px;right:40px;box-shadow:0 4px 16px #ff6b354d}#btn-action:active{transform:scale(.9)}#joystick-container{z-index:110;width:140px;height:140px;position:fixed;bottom:20px;left:20px}@media (width<=768px){#loading-title{font-size:1.3rem}#loading-bar-container{width:220px}#minimap{width:120px;height:120px;bottom:10px;right:10px}#popup{width:95%;padding:24px 18px 18px}#popup-title{font-size:1.2rem}.skill-name{flex:0 0 120px;font-size:.75rem}.skill-label{flex:0 0 100px;font-size:.65rem}#zone-name{font-size:1.1rem;top:16px}#btn-spawn,#btn-sound{width:38px;height:38px;font-size:1.1rem}}#dialogue-box{z-index:400;pointer-events:auto;width:92%;max-width:650px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#dialogue-box .dialogue-inner{-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#ffffff1f;border:1px solid #ffffff40;border-radius:22px;align-items:flex-start;gap:16px;padding:20px 24px;display:flex;box-shadow:0 8px 40px #00000026,inset 0 1px #ffffff59}#dialogue-box .dialogue-portrait{width:52px;height:52px;font-family:var(--font-display);color:#fff;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}#dialogue-box .dialogue-content{flex:1;min-width:0}#dialogue-box .dialogue-name{font-family:var(--font-display);margin-bottom:4px;font-size:1.1rem;font-weight:800}#dialogue-box .dialogue-separator{opacity:.3;background:currentColor;width:40px;height:2px;margin-bottom:8px}#dialogue-box .dialogue-text{font-family:var(--font-body);color:var(--dark);min-height:48px;font-size:1rem;line-height:1.6}#dialogue-box .dialogue-advance{text-align:right;font-family:var(--font-display);color:var(--orange);cursor:pointer;margin-top:8px;font-size:.85rem;font-weight:700;animation:1s ease-in-out infinite advanceBlink}@keyframes advanceBlink{0%,to{opacity:1}50%{opacity:.4}}.npc-nametag{z-index:150;font-family:var(--font-display);pointer-events:none;white-space:nowrap;background:#ffffffe6;border:2px solid;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:700;position:fixed;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001f}#intro-speech{z-index:600;font-family:var(--font-display);color:var(--dark);border:3px solid var(--orange);text-align:center;background:#fffffff2;border-radius:20px;padding:16px 28px;font-size:1.2rem;font-weight:700;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #ff6b3540}#onboarding-hud{z-index:300;font-family:var(--font-display);color:var(--orange);border:2px solid var(--orange);background:#ffffffeb;border-radius:16px;padding:10px 24px;font-size:1rem;font-weight:700;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #ff6b3533}#onboarding-hud .onboarding-arrow{margin-right:6px;animation:1s ease-in-out infinite arrowPulse;display:inline-block}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(6px)}}#completion-overlay{z-index:700;backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#completion-overlay .completion-inner{text-align:center;border:3px solid var(--orange);background:#fffffff2;border-radius:24px;max-width:500px;padding:40px 48px;box-shadow:0 8px 40px #ff6b354d}#completion-overlay .completion-icon{margin-bottom:12px;font-size:4rem}#completion-overlay h2{font-family:var(--font-display);color:var(--orange);margin-bottom:8px;font-size:1.5rem;font-weight:800}#completion-overlay p{font-family:var(--font-body);color:var(--dark);margin-bottom:20px}#completion-overlay .completion-close{border:2px solid var(--orange);color:var(--orange);font-family:var(--font-display);cursor:pointer;background:0 0;border-radius:16px;margin-top:12px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:background .2s,color .2s;display:inline-block}#completion-overlay .completion-close:hover{background:var(--orange);color:#fff}@media (width<=768px){#dialogue-box{width:96%;bottom:12px}#dialogue-box .dialogue-inner{gap:10px;padding:14px 16px}#dialogue-box .dialogue-portrait{flex:0 0 40px;width:40px;height:40px;font-size:1.2rem}#dialogue-box .dialogue-text{font-size:.9rem}}