:root{--carbon-dark: #0a0a0a;--carbon-medium: #151515;--carbon-light: #222222;--racing-red: #e10600;--safety-yellow: #fff200;--neon-green: #00e676;--telemetry-blue: #00e5ff;--pure-white: #ffffff;--text-grey: #b3b3b3;--shadow: rgba(0, 0, 0, .7);--neon-glow: rgba(225, 6, 0, .35);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--z-canvas: 0;--z-hud: 10;--z-panel: 50;--z-bubble: 40;--z-start: 100;--z-loading: 200;--z-pause: 90}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--carbon-dark);font-family:var(--font-body);color:var(--pure-white);-webkit-font-smoothing:antialiased}.hidden{display:none!important}#world-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:var(--z-canvas);display:block}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-loading);background:var(--carbon-dark);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease;background-image:radial-gradient(var(--carbon-light) 1px,transparent 0),linear-gradient(var(--carbon-medium) 1px,transparent 0);background-size:24px 24px}#loading-screen.fade-out{opacity:0;visibility:hidden}.loader-content{text-align:center;max-width:420px;background:#151515e6;padding:40px;border:2px solid var(--carbon-light);border-left:6px solid var(--racing-red);box-shadow:0 10px 30px var(--shadow)}.f1-icon{width:90px;height:90px;margin:0 auto 24px;animation:car-vibe .8s infinite alternate ease-in-out}@keyframes car-vibe{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.02)}}.loader-title{font-family:var(--font-display);font-size:1.3rem;letter-spacing:2px;font-weight:900;color:var(--pure-white);margin-bottom:12px;text-transform:uppercase}.loader-subtitle{font-family:var(--font-display);font-size:.85rem;letter-spacing:1px;font-weight:500;color:var(--text-grey);margin-bottom:24px;text-transform:uppercase}.dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.progress-track{width:100%;height:8px;background:var(--carbon-light);border:1px solid #333;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;width:0%;background:var(--racing-red);box-shadow:0 0 8px var(--racing-red);transition:width .3s ease}.loader-hint{font-family:var(--font-body);font-size:.85rem;color:var(--text-grey);letter-spacing:.5px}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-start);background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-content{text-align:center;max-width:580px;padding:50px 40px;background:var(--carbon-medium);border:2px solid var(--carbon-light);border-left:8px solid var(--racing-red);position:relative;box-shadow:0 15px 40px var(--shadow)}.start-title{font-family:var(--font-display);font-size:3.2rem;font-weight:950;line-height:1;color:var(--pure-white);margin-bottom:12px;letter-spacing:3px;text-shadow:0 0 10px rgba(255,255,255,.1)}.start-subtitle{font-family:var(--font-display);font-size:.9rem;letter-spacing:2px;color:var(--racing-red);text-transform:uppercase;margin-bottom:36px;font-weight:700}#enter-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--pure-white);background:var(--racing-red);border:none;padding:16px 48px;cursor:pointer;transition:all .25s ease;letter-spacing:1.5px;border-radius:0;box-shadow:0 4px 15px #e1060066}#enter-btn:hover{background:var(--pure-white);color:var(--carbon-dark);transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.btn-icon{font-size:1.1em}.start-controls{font-family:var(--font-body);font-size:.85rem;color:var(--text-grey);margin-top:28px;opacity:.8;letter-spacing:.5px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-hud);pointer-events:none}#hud>*{pointer-events:auto}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .2s,opacity .2s}#room-label{position:absolute;top:32px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--pure-white);letter-spacing:3px;text-transform:uppercase;background:#0a0a0acc;border-bottom:3px solid var(--racing-red);padding:8px 24px;box-shadow:0 4px 15px #00000080;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none}#room-label.visible{opacity:1;transform:translate(-50%) translateY(0)}#controls-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.75rem;color:var(--text-grey);letter-spacing:1px;background:#0f0f0fb3;padding:6px 16px;border:1px solid #333;pointer-events:none;text-transform:uppercase;white-space:nowrap}#controls-hint span{font-weight:900;color:var(--racing-red)}#speedometer{position:absolute;bottom:24px;left:24px;background:var(--carbon-medium);border:2px solid var(--carbon-light);border-left:6px solid var(--racing-red);padding:12px 18px;width:210px;box-shadow:0 10px 25px var(--shadow);display:flex;flex-direction:column}.speed-main{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}#speed-num{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--pure-white);line-height:1}.speed-unit{font-family:var(--font-display);font-size:.75rem;color:var(--text-grey);letter-spacing:.5px}.gear-main{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:.75rem;color:var(--text-grey);border-top:1px solid var(--carbon-light);padding-top:4px}#gear-num{font-size:1.4rem;font-weight:900;color:var(--safety-yellow)}.rpm-container{display:flex;gap:3px;margin-top:8px}.rpm-light{flex:1;height:6px;background:#222}.rpm-light.active-green{background:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.rpm-light.active-red{background:var(--racing-red);box-shadow:0 0 6px var(--racing-red)}.rpm-light.active-blue{background:var(--telemetry-blue);box-shadow:0 0 6px var(--telemetry-blue)}#easter-egg-counter{position:absolute;top:24px;right:24px;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--pure-white);background:var(--carbon-medium);border:1px solid var(--carbon-light);border-right:4px solid var(--safety-yellow);padding:8px 16px;display:flex;align-items:center;gap:8px;letter-spacing:1px}#interaction-prompt{position:absolute;top:58%;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.95rem;font-weight:900;color:var(--safety-yellow);letter-spacing:1.5px;background:#0a0a0ad9;border:1px solid var(--safety-yellow);padding:8px 20px;animation:prompt-pulse 1.2s ease-in-out infinite;pointer-events:none}@keyframes prompt-pulse{0%,to{opacity:.8;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-3px)}}#minimap-container{position:absolute;bottom:24px;right:24px;width:150px;height:150px;background:var(--carbon-medium);border:2px solid var(--carbon-light);box-shadow:0 10px 25px var(--shadow);overflow:hidden}#minimap{width:100%;height:100%}#content-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);background:#050505bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.panel-paper{width:90%;max-width:720px;max-height:85vh;overflow-y:auto;background:var(--carbon-medium);border:2px solid var(--carbon-light);border-top:6px solid var(--racing-red);padding:40px 48px;position:relative;box-shadow:0 20px 50px #000c;border-radius:0;animation:panel-slide-in .4s cubic-bezier(.16,1,.3,1)}@keyframes panel-slide-in{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#panel-close{position:absolute;top:16px;right:16px;width:36px;height:36px;font-size:1.2rem;font-family:var(--font-display);background:var(--carbon-light);border:1px solid #444;cursor:pointer;color:var(--pure-white);display:flex;align-items:center;justify-content:center;transition:all .2s}#panel-close:hover{background:var(--racing-red);color:var(--pure-white);border-color:var(--racing-red)}#panel-content{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--text-grey)}#panel-content h1{font-family:var(--font-display);font-size:2rem;font-weight:900;margin-bottom:20px;color:var(--pure-white);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--carbon-light);padding-bottom:8px}#panel-content h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:28px 0 14px;color:var(--racing-red);text-transform:uppercase;letter-spacing:.5px}#panel-content h3{font-family:var(--font-display);font-size:1.05rem;margin:20px 0 10px;color:var(--safety-yellow);text-transform:uppercase}#panel-content p{margin-bottom:16px}#panel-content strong{color:var(--pure-white)}#panel-content a{color:var(--telemetry-blue);text-decoration:none;font-weight:600}#panel-content a:hover{text-decoration:underline}#panel-content ul,#panel-content ol{margin:10px 0 16px 20px}#panel-content li{margin-bottom:6px}.project-card{background:var(--carbon-light);border:1px solid #333;border-left:4px solid var(--racing-red);padding:20px 24px;margin-bottom:16px;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-2px);border-color:#555}.project-card h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:8px;color:var(--pure-white)}.project-card p{font-size:.95rem;margin-bottom:12px}.project-card .tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-card .tech-tag{font-family:var(--font-display);font-size:.75rem;padding:3px 10px;border:1px solid #444;background:var(--carbon-medium);color:var(--text-grey)}.project-card .project-link{font-family:var(--font-display);font-size:.9rem;color:var(--telemetry-blue);text-decoration:none;font-weight:700}.skill-category{margin-bottom:24px}.skill-category h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:12px;color:var(--pure-white)}.skill-item{display:flex;align-items:center;gap:12px;margin-bottom:8px}.skill-name{font-family:var(--font-body);min-width:120px;font-size:.95rem}.skill-bar{flex:1;height:6px;background:var(--carbon-light);border:1px solid #333;overflow:hidden}.skill-fill{height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.timeline-item{position:relative;padding-left:28px;margin-bottom:28px;border-left:2px solid var(--carbon-light)}.timeline-item:before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;background:var(--racing-red);border:2px solid var(--pure-white);border-radius:50%}.timeline-year{font-family:var(--font-display);font-size:.95rem;font-weight:900;color:var(--racing-red);margin-bottom:4px}.timeline-role{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--pure-white)}.timeline-company{font-family:var(--font-display);font-size:.85rem;color:var(--telemetry-blue);text-transform:uppercase;margin-bottom:8px}.timeline-desc{font-size:.95rem;margin-bottom:8px}.timeline-highlights{list-style:none;padding:0}.timeline-highlights li{font-size:.85rem;padding-left:16px;position:relative;margin-bottom:4px}.timeline-highlights li:before{content:"//";position:absolute;left:0;color:var(--safety-yellow);font-weight:700}.contact-links{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 32px}.contact-link{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:50px;text-decoration:none;color:var(--text-grey);font-family:var(--font-body);font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.contact-link:hover{background:#ffffff14;border-color:var(--racing-red);color:var(--pure-white);box-shadow:0 0 15px #e1060040;transform:translateY(-2px)}#speech-bubble{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:var(--z-bubble);pointer-events:none;animation:bubble-appear .4s cubic-bezier(.16,1,.3,1)}@keyframes bubble-appear{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.bubble-shape{background:var(--carbon-medium);border:2px solid var(--racing-red);padding:12px 20px;max-width:420px;box-shadow:0 10px 25px var(--shadow);position:relative}#speech-text{font-family:var(--font-body);font-size:.95rem;color:var(--pure-white);line-height:1.4;letter-spacing:.3px}.bubble-tail{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--racing-red);margin:0 auto;position:relative}.bubble-tail:after{content:"";position:absolute;top:-14px;left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--carbon-medium)}#pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-pause);background:#050505d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.pause-content{text-align:center;padding:40px 48px;background:var(--carbon-medium);border:2px solid var(--carbon-light);border-left:6px solid var(--racing-red);box-shadow:0 15px 40px var(--shadow)}.pause-content h2{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--pure-white);margin-bottom:8px;letter-spacing:2px}.pause-content p{font-family:var(--font-body);color:var(--text-grey);margin-bottom:24px}.pause-stats{font-family:var(--font-display);font-size:.95rem;color:var(--pure-white);display:flex;gap:28px;justify-content:center}.pause-stats span{color:var(--racing-red);font-weight:900}#exit-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-loading);background:#050505f0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease}.exit-content{text-align:center;padding:48px 56px;background:var(--carbon-medium);border:2px solid rgba(255,255,255,.08);border-left:6px solid var(--racing-red);box-shadow:0 20px 50px #000c;border-radius:12px;max-width:480px;width:90%}.exit-title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--pure-white);margin-bottom:12px;letter-spacing:2px}.exit-subtitle{font-family:var(--font-body);font-size:1.05rem;color:var(--text-grey);line-height:1.6}.panel-paper::-webkit-scrollbar{width:8px}.panel-paper::-webkit-scrollbar-track{background:var(--carbon-medium)}.panel-paper::-webkit-scrollbar-thumb{background:var(--carbon-light);border:1px solid #333}.sketch-form{margin-top:24px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-grey);margin-bottom:8px;letter-spacing:1.5px}.form-group input,.form-group textarea{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--pure-white);padding:12px 16px;font-family:var(--font-body);font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:#ffffff0a;border-color:var(--racing-red);box-shadow:0 0 10px #e1060026}.submit-btn{width:100%;border:none;background:var(--racing-red);color:var(--pure-white);font-family:var(--font-display);font-size:.95rem;font-weight:800;padding:14px 0;border-radius:8px;cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #e1060033}.submit-btn:hover{background:var(--pure-white);color:var(--carbon-dark);box-shadow:0 4px 20px #ffffff40;transform:translateY(-1px)}.form-feedback{margin-top:12px;padding:10px;font-family:var(--font-display);font-size:.85rem}.form-feedback.success{color:var(--neon-green)}.project-detail h1,.timeline-detail h1{font-family:var(--font-display);font-size:1.8rem;margin-bottom:12px;color:var(--pure-white)}.project-detail .tech-tags{display:flex;gap:8px;margin-bottom:18px}.project-detail .tech-tag{font-family:var(--font-display);font-size:.75rem;padding:4px 12px;border:1.5px solid var(--racing-red);color:var(--pure-white);background:#e106000d}.project-long-desc,.timeline-description{font-size:1rem;line-height:1.7;color:var(--text-grey);margin-bottom:24px}.link-btn{display:inline-block;text-align:center}.timeline-year{font-family:var(--font-display);font-size:1.3rem;font-weight:900;color:var(--racing-red);margin-bottom:6px}.db-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.filter-btn{background:var(--carbon-light);border:1px solid #333;color:var(--text-grey);padding:8px 16px;font-family:var(--font-display);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--telemetry-blue);color:var(--pure-white)}.filter-btn.active{background:var(--telemetry-blue);border-color:var(--telemetry-blue);color:var(--carbon-dark)}.db-item-card{transition:transform .2s,border-color .2s}.db-item-card:hover{transform:translateY(-2px);border-color:var(--pure-white)!important}#joystick-base{position:absolute;bottom:40px;left:40px;width:80px;height:80px;background:#ffffff14;border:2px solid rgba(255,255,255,.25);border-radius:50%;z-index:100;pointer-events:none}#joystick-thumb{position:absolute;left:20px;top:20px;width:40px;height:40px;background:var(--racing-red);box-shadow:0 0 10px var(--racing-red);border-radius:50%;transition:transform .05s ease-out}#mobile-interact-btn{position:absolute;bottom:40px;right:40px;background:var(--racing-red);border:2px solid var(--pure-white);color:var(--pure-white);padding:14px 28px;font-family:var(--font-display);font-weight:900;font-size:.95rem;letter-spacing:1px;z-index:100;cursor:pointer;box-shadow:0 0 15px #e1060066}#mobile-interact-btn:active{background:var(--pure-white);color:var(--carbon-dark)}#mobile-exit-btn{position:absolute;top:20px;left:20px;background:#e10600d9;border:2px solid var(--pure-white);color:var(--pure-white);padding:10px 20px;font-family:var(--font-display);font-weight:900;font-size:.85rem;letter-spacing:1px;z-index:110;cursor:pointer;box-shadow:0 0 10px #e1060066;border-radius:4px}#mobile-exit-btn:active{background:var(--pure-white);color:var(--carbon-dark)}@media(max-width:768px){.start-title{font-size:2.2rem}.start-content{padding:32px 24px}.panel-paper{padding:32px 24px;width:95%;max-height:90vh}#minimap-container{width:90px;height:90px;bottom:12px;right:12px}#controls-hint{display:none!important}.contact-links{grid-template-columns:1fr}#speedometer{width:150px;padding:8px 12px;left:12px;bottom:12px}#speed-num{font-size:1.5rem}#easter-egg-counter{top:12px;right:12px;padding:6px 12px;font-size:.75rem}#room-label{font-size:1.1rem;padding:6px 16px;top:16px}#mobile-interact-btn{bottom:140px;right:20px;padding:12px 22px;font-size:.85rem}#mobile-exit-btn{top:12px;left:12px;padding:8px 16px;font-size:.75rem}#joystick-base{bottom:140px;left:20px}}@media(max-width:480px){.start-title{font-size:1.8rem}.start-subtitle{font-size:.8rem}.panel-paper{padding:24px 18px}#speedometer{display:none!important}}