@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500;600&family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";.error-screen{position:fixed;inset:0;background:navy;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-family:VT323,monospace;color:#fff;padding:2rem;overflow:hidden}.error-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.error-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.error-content{position:relative;z-index:2;max-width:640px;width:100%;text-align:left}.error-sad-face{font-family:"Press Start 2P",cursive;font-size:clamp(3rem,10vw,5rem);margin-bottom:2rem;display:block;animation:faceFloat 3s ease-in-out infinite;text-shadow:0 0 20px rgba(255,255,255,.3)}@keyframes faceFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.error-title{font-family:"Press Start 2P",cursive;font-size:clamp(.7rem,2.5vw,1.1rem);margin-bottom:2rem;line-height:1.8;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.error-divider{width:100%;height:2px;background:#fff;margin:1.5rem 0;box-shadow:0 0 8px #fff9}.error-body{font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.6;margin-bottom:1.5rem;opacity:.9}.error-body p{margin-bottom:.6rem}.error-code-block{background:#00000059;border:1px solid rgba(255,255,255,.3);padding:1rem 1.2rem;margin:1.5rem 0;border-radius:2px;font-size:clamp(.85rem,2vw,1.1rem);line-height:1.6;word-break:break-word;max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.error-code-block::-webkit-scrollbar{width:4px}.error-code-block::-webkit-scrollbar-thumb{background:#fff6}.error-code-label{font-family:"Press Start 2P",cursive;font-size:.55rem;opacity:.6;letter-spacing:.1em;display:block;margin-bottom:.5rem;text-transform:uppercase}.error-code-text{color:#ff6b6b}.error-progress-wrapper{margin:2rem 0 1rem}.error-progress-label{font-size:clamp(.9rem,2.5vw,1.2rem);margin-bottom:.5rem;opacity:.85}.error-progress-bar{width:100%;height:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.4);overflow:hidden;position:relative}.error-progress-fill{height:100%;background:#fff;transition:width .1s linear;box-shadow:0 0 8px #fffc}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.error-btn{font-family:"Press Start 2P",cursive;font-size:clamp(.45rem,1.5vw,.6rem);padding:.8rem 1.4rem;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .15s;letter-spacing:.05em;position:relative}.error-btn-primary{background:#fff;color:navy;box-shadow:inset -2px -2px gray,inset 2px 2px #e0e0e0}.error-btn-primary:hover{background:#e0e0ff;transform:translate(1px,1px);box-shadow:inset -1px -1px gray,inset 1px 1px #e0e0e0}.error-btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.error-btn-secondary:hover{background:#ffffff1a;border-color:#fff}.error-footer{position:absolute;bottom:1.5rem;right:1.5rem;z-index:2;text-align:right;font-size:clamp(.75rem,2vw,1rem);opacity:.5;font-family:VT323,monospace;line-height:1.5}.error-cursor{display:inline-block;width:10px;height:1.2em;background:#fff;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.error-screen.webgl-error{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)}.error-screen.webgl-error .error-progress-fill{background:var(--pixel-primary, #4ade80);box-shadow:0 0 8px #4ade80cc}.error-screen.webgl-error .error-btn-primary{background:var(--pixel-primary, #4ade80);color:#0f0f1a;box-shadow:inset -2px -2px #2d7a47,inset 2px 2px #86efac}.error-screen.webgl-error .error-btn-primary:hover{background:#86efac}@media (max-width: 480px){.error-content{padding:.5rem}.error-actions{flex-direction:column}.error-btn{width:100%;justify-content:center}.error-footer{position:static;text-align:center;margin-top:2rem}}.hud-tooltip{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:30px;font-size:16px;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeInUp .2s ease;pointer-events:none;z-index:50}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hud-corner{position:fixed;top:24px;left:24px;display:flex;flex-direction:column;gap:4px;z-index:50}.hud-title{font-size:24px;font-weight:700;color:#1a1a2e;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hud-subtitle{font-size:14px;color:#64748b}.hud-corner.dark .hud-title{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hud-corner.dark .hud-subtitle{color:#cbd5e1}.hud-top-right{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:8px;z-index:50}.hud-lang-toggle{height:44px;padding:0 14px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);font-size:12px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;letter-spacing:.05em}.hud-lang-toggle span.active{color:#1a1a2e;font-weight:700}.hud-lang-sep{opacity:.4}.hud-lang-toggle:hover{transform:scale(1.05);background:#fff;box-shadow:0 4px 12px #00000026}.hud-lang-toggle:active{transform:scale(.95)}.hud-top-right.dark-mode .hud-lang-toggle{background:#0f172ae6;border:1px solid rgba(255,255,255,.1);color:#94a3b8;box-shadow:0 2px 8px #0000004d}.hud-top-right.dark-mode .hud-lang-toggle span.active{color:#f1f5f9}.hud-top-right.dark-mode .hud-lang-toggle:hover{background:#0f172a}.hud-sound-toggle{width:44px;height:44px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);font-size:20px;color:#1a1a2e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;padding:0;line-height:1}.hud-sound-toggle svg{display:block;flex-shrink:0}.hud-sound-toggle:hover{transform:scale(1.1);background:#fff;box-shadow:0 4px 12px #00000026}.hud-sound-toggle:active{transform:scale(.95)}.hud-top-right.dark-mode .hud-sound-toggle{background:#0f172ae6;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d;color:#f1f5f9}.hud-top-right.dark-mode .hud-sound-toggle:hover{background:#0f172a;box-shadow:0 4px 12px #00000080}.hud-instructions{position:fixed;bottom:24px;left:24px;display:flex;flex-direction:column;gap:6px;z-index:50}.hud-instructions span{font-size:12px;color:#64748b;background:#fffc;padding:6px 12px;border-radius:6px;backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px}.hud-instructions.dark span{color:#cbd5e1;background:#0f172acc}@media (max-width: 768px){.hud-corner{top:16px;left:16px}.hud-title{font-size:18px}.hud-subtitle{font-size:12px}.hud-instructions{display:none}.hud-tooltip{bottom:80px;font-size:14px;padding:10px 20px;max-width:90vw}.hud-top-right{top:16px;right:16px;gap:6px}.hud-sound-toggle{width:40px;height:40px;font-size:18px}.hud-lang-toggle{height:40px;padding:0 10px;font-size:11px}}@media (max-width: 480px){.hud-corner{top:12px;left:12px}.hud-title{font-size:16px;font-weight:600}.hud-subtitle{font-size:11px}.hud-tooltip{bottom:90px;font-size:13px;padding:10px 18px;border-radius:12px;max-width:85vw;text-align:center}.hud-top-right{top:12px;right:12px;gap:5px}.hud-sound-toggle{width:38px;height:38px;font-size:18px;border-radius:10px;padding:0;line-height:1}.hud-lang-toggle{height:38px;padding:0 10px;font-size:11px;border-radius:10px}}@supports (top: env(safe-area-inset-top)){@media (max-width: 480px){.hud-corner,.hud-top-right{top:max(12px,env(safe-area-inset-top))}}}@media (hover: none) and (pointer: coarse){.hud-tooltip{animation:pulseGlow 2s ease-in-out infinite}.hud-sound-toggle:active{transform:scale(.9);background:#4ade804d}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 25px #4ade8066}}}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#e2e0fc;font-family:Inter,sans-serif;background:#111125;z-index:1000;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.loading-screen.welcome-mode{background:radial-gradient(circle at 20% 30%,rgba(255,172,233,.14),transparent 45%),radial-gradient(circle at 80% 70%,rgba(239,92,145,.12),transparent 45%),#0e0e20}.loading-background{position:absolute;inset:0;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuBv5bPv8AKIGQ0OaIb4F6rreAcwCFSm-6WweF1ZybAoGoNkKz701bYQiuXYoXOXvZxqMeqWm7GY3OflX51Vg3JEp41nPRSvNTzvRQ4FeOWa9OkOfz8K1XI1WTseYHlQ8cBSXgILs7rC6MugPPXGLUzDLKbMR4EcaDHRyM4SyW6vVSOWrUNv53jyJiErhEWk2iQRykQXIwFQmLxv0P3V-ax2BqyqwI2XTjhTP7dPqncNSYUVDRFATeoixe_8FFzpuq0GL2l_DrZi0qM);background-position:center;background-size:cover;opacity:.38}.loading-gradient{position:absolute;inset:0;background:linear-gradient(to top,#111125fa,#11112573 55%,#1111251a)}.loading-scanlines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#12101000 50%,#0000003d 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,3px 100%;z-index:3}.loading-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 40%,rgba(10,10,22,.88) 100%);z-index:3}.loading-glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(120px);z-index:1}.loading-glow-left{top:12%;left:-16%;width:560px;height:560px;background:#ce6fb914}.loading-glow-right{right:-14%;bottom:6%;width:480px;height:480px;background:#ef5c911f}.loading-branding{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;width:min(92vw,560px);text-align:center}.loading-kicker{font-family:VT323,monospace;color:#ffb1c6b3;letter-spacing:.25em;font-size:17px;max-width:100%;word-break:break-word}.loading-logo{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3.4vw,2.6rem);letter-spacing:-.03em;color:#e2e0fc}.loading-content{position:relative;z-index:5;width:min(92vw,480px);display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateY(-8px)}.loading-status{display:inline-flex;align-items:center;gap:10px;color:#ffb1c6;font-family:VT323,monospace;letter-spacing:.11em;font-size:clamp(1.05rem,2.4vw,1.35rem);text-transform:uppercase}.loading-status p{margin:0;text-align:center}.loading-divider{width:48px;height:1px;background:#a58a9073}.loading-progress-wrap{width:min(88vw,360px);display:flex;flex-direction:column;gap:12px}.loading-progress-frame{padding:4px;background:#0c0c1f;box-shadow:0 -4px #1e1e32,0 4px #1e1e32,-4px 0 #1e1e32,4px 0 #1e1e32}.loading-progress-track{position:relative;height:24px;background:#28283d;overflow:hidden}.loading-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ef5c91,#ffb1c6);box-shadow:0 0 16px #ef5c918c}.loading-progress-scan{position:absolute;inset:0;width:46px;background:#fff3;transform:skew(-16deg);filter:blur(4px);animation:loadingScan 1.8s linear infinite}.loading-progress-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;font-size:14px;letter-spacing:.08em;color:#3f001c;text-shadow:0 1px 0 rgba(255,217,225,.45);z-index:2}.loading-meta{display:flex;justify-content:space-between;align-items:center;color:#ddbfc59e;font-family:VT323,monospace;letter-spacing:.11em;font-size:12px;gap:12px;flex-wrap:wrap}.loading-meta div{display:inline-flex;align-items:center;gap:8px}.loading-live-dot{color:#ffb1c6;animation:pulseDot 1.2s ease-in-out infinite}.loading-tech-footer{position:absolute;left:50%;bottom:44px;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;gap:14px;align-items:center;width:min(94vw,680px)}.loading-breadcrumbs{display:inline-flex;align-items:center;gap:12px;font-family:VT323,monospace;letter-spacing:.11em;font-size:13px;color:#ddbfc5ad;justify-content:center;flex-wrap:wrap}.loading-breadcrumbs .active{color:#ffb1c6}.loading-signature{display:inline-flex;align-items:center;gap:14px}.loading-signature span{width:62px;height:2px;background:linear-gradient(90deg,transparent,rgba(165,138,144,.3),transparent)}.loading-signature p{margin:0;font-family:VT323,monospace;letter-spacing:.2em;font-size:11px;color:#ddbfc573;white-space:nowrap}.loading-tips{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:5;width:min(92vw,380px);text-align:center}.loading-tips p{margin:0;color:#ddbfc57a;font-size:12px;letter-spacing:.06em}.welcome-content{position:relative;z-index:5;text-align:center;width:min(92vw,460px);opacity:0;transform:translateY(20px);transition:all .8s ease;pointer-events:none}.welcome-content.show{opacity:1;transform:translateY(0);pointer-events:auto}.welcome-emoji{display:flex;justify-content:center;color:#ffb1c6;margin-bottom:8px;animation:wave 1.5s ease-in-out infinite}.welcome-panel{padding:4px;background:#0c0c1f;box-shadow:0 -4px #1e1e32,0 4px #1e1e32,-4px 0 #1e1e32,4px 0 #1e1e32}.welcome-panel-inner{padding:28px 24px;background:linear-gradient(180deg,#28283de6,#1e1e32f2);border:1px solid rgba(165,138,144,.18)}.welcome-title{margin:0;font-size:20px;color:#e2e0fcbf;font-family:VT323,monospace;letter-spacing:.08em;text-transform:uppercase}.welcome-name{margin:6px 0 12px;font-size:clamp(2rem,6vw,3.4rem);font-family:Space Grotesk,sans-serif;background:linear-gradient(90deg,#ffb1c6,#fface9,#c4c3ec);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.welcome-hint{margin:0 0 20px;font-size:15px;color:#e2e0fc9e}.welcome-icons{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.welcome-icons span{width:40px;height:40px;border:1px solid rgba(255,177,198,.28);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#e2e0fcd1;background:#1111256b;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.welcome-icons span:hover{transform:translateY(-2px);border-color:#ffb1c68c;background:#ef5c911f}.welcome-enter{border:0;color:#3f001c;font-weight:700;font-size:15px;font-family:VT323,monospace;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#ef5c91,#ffb1c6);padding:10px 34px;border-radius:8px;cursor:pointer;box-shadow:0 8px 24px #ef5c9159;transition:transform .2s ease,box-shadow .2s ease}.welcome-enter:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ef5c9173}.welcome-meta{margin-top:12px;display:flex;justify-content:space-between;align-items:center;color:#ddbfc59e;font-family:VT323,monospace;letter-spacing:.11em;font-size:12px}.welcome-meta div{display:inline-flex;align-items:center;gap:8px}@keyframes loadingScan{0%{transform:translate(-70px) skew(-16deg)}to{transform:translate(420px) skew(-16deg)}}@keyframes pulseDot{0%,to{opacity:.55}50%{opacity:1}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-10deg)}}@keyframes gradientShift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}@media (max-width: 768px){.loading-branding{top:calc(26px + env(safe-area-inset-top,0px))}.loading-kicker{letter-spacing:.18em;font-size:15px}.loading-logo{font-size:clamp(1.7rem,7.2vw,2.2rem)}.loading-tech-footer{bottom:calc(62px + env(safe-area-inset-bottom,0px));gap:10px}.loading-breadcrumbs{font-size:11px;gap:8px}.loading-signature span{width:42px}.loading-signature p{font-size:10px;letter-spacing:.13em}.loading-tips{bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(92vw,360px);text-align:center}}@media (max-width: 480px){.loading-content{transform:translateY(0);gap:12px}.loading-status{font-size:1rem;letter-spacing:.08em;gap:8px;max-width:94vw}.loading-status p{max-width:80vw;line-height:1.05}.loading-branding{top:calc(18px + env(safe-area-inset-top,0px));gap:4px}.loading-kicker{font-size:13px;letter-spacing:.11em}.loading-logo{font-size:clamp(1.45rem,8.3vw,1.85rem)}.loading-progress-track{height:22px}.loading-progress-percent{font-size:12px}.loading-meta{font-size:11px;letter-spacing:.08em;justify-content:center}.loading-tech-footer{gap:8px;bottom:calc(58px + env(safe-area-inset-bottom,0px))}.loading-breadcrumbs{row-gap:2px;-moz-column-gap:6px;column-gap:6px;font-size:10px;letter-spacing:.06em}.loading-signature span{width:26px}.loading-signature p{font-size:9px;letter-spacing:.08em}.loading-glow-left,.loading-glow-right{filter:blur(90px)}.loading-tips p{font-size:11px}.welcome-panel-inner{padding:22px 16px}.welcome-title{font-size:17px}.welcome-hint{font-size:14px}.welcome-meta{font-size:11px;letter-spacing:.08em;margin-top:10px}.welcome-icons{gap:10px}.welcome-icons span{width:36px;height:36px}}@media (max-width: 360px){.loading-kicker{font-size:12px;letter-spacing:.09em}.loading-logo{font-size:1.35rem}.loading-progress-wrap{width:min(90vw,320px)}.loading-progress-percent{font-size:11px}.loading-meta{font-size:10px}}.clock-time-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.clock-time-card{background:#0f172af2;backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:24px 40px;box-shadow:0 20px 60px #0006,0 0 40px #a855f726;text-align:center}.clock-time-main{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.clock-hours,.clock-minutes{font-size:64px;font-weight:700;font-family:JetBrains Mono,SF Mono,monospace;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.clock-separator{font-size:56px;font-weight:300;color:#ffffff80;animation:blink 1s step-end infinite;line-height:1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.clock-seconds{font-size:28px;font-weight:500;font-family:JetBrains Mono,SF Mono,monospace;color:#ffffff80;margin-left:8px;line-height:1;align-self:flex-end;padding-bottom:8px}.clock-date{font-size:14px;color:#fff9;font-weight:500;letter-spacing:.5px}.scene-transition-overlay{position:fixed;inset:0;z-index:800;pointer-events:none;display:flex;align-items:center;justify-content:center}.scene-transition-overlay.covering{animation:overlay-cover .26s cubic-bezier(.4,0,.6,1) forwards}.scene-transition-overlay.revealing{opacity:1;animation:overlay-reveal .36s cubic-bezier(.4,0,.2,1) forwards}@keyframes overlay-cover{0%{opacity:0}to{opacity:1}}@keyframes overlay-reveal{0%{opacity:1}to{opacity:0}}.scene-transition-overlay.night{background:radial-gradient(ellipse at 50% 40%,#0f172a,#000)}.scene-transition-overlay.day{background:radial-gradient(ellipse at 50% 40%,#fef3c7,#fde68a)}.scene-transition-content{display:flex;flex-direction:column;align-items:center;gap:14px}.scene-transition-overlay.covering .scene-transition-content{animation:content-in .3s cubic-bezier(.34,1.56,.64,1) forwards}.scene-transition-overlay.revealing .scene-transition-content{animation:content-out .36s cubic-bezier(.4,0,.2,1) forwards}@keyframes content-in{0%{transform:scale(.6) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes content-out{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.7) translateY(-10px);opacity:0}}.scene-transition-icon{font-size:56px;line-height:1;filter:drop-shadow(0 0 24px rgba(255,255,255,.5))}.scene-transition-label{font-family:"Press Start 2P",Courier New,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.scene-transition-overlay.night .scene-transition-label{color:#94a3b8e6;text-shadow:0 0 12px rgba(148,163,184,.4)}.scene-transition-overlay.day .scene-transition-label{color:#78350fd9;text-shadow:0 0 12px rgba(252,211,77,.5)}.scene-transition-overlay:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.inline{display:inline}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.grow{flex-grow:1}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--pixel-primary: #4ade80;--pixel-secondary: #22d3ee;--pixel-accent: #f472b6;--pixel-warning: #fbbf24;--pixel-bg-dark: #1a1a2e;--pixel-bg-light: #16213e}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#faf8f0}body{font-family:VT323,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-font{font-family:"Press Start 2P",cursive}.retro-font{font-family:VT323,monospace}.pixel-border{box-shadow:4px 0 0 0 currentColor,-4px 0 0 0 currentColor,0 4px 0 0 currentColor,0 -4px 0 0 currentColor}.glow-text{text-shadow:0 0 10px var(--pixel-primary),0 0 20px var(--pixel-primary),0 0 30px var(--pixel-primary)}.scanlines:after{display:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.blink{animation:blink 1s infinite}.pixel-btn{transition:all .1s ease;position:relative}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #0000004d}.pixel-btn:active{transform:translate(0);box-shadow:none}.ui-panel{background:#1a1a2ef2;border:4px solid var(--pixel-primary);border-radius:0;backdrop-filter:blur(10px)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--pixel-bg-dark)}::-webkit-scrollbar-thumb{background:var(--pixel-primary);border:2px solid var(--pixel-bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--pixel-secondary)}canvas{cursor:grab}canvas:active{cursor:grabbing}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-slideIn{animation:slideIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.tooltip{position:absolute;background:#000000e6;color:var(--pixel-primary);padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:10px;white-space:nowrap;pointer-events:none;z-index:1000;border:2px solid var(--pixel-primary)}.pixel-tooltip{background:linear-gradient(180deg,#1a1a2e,#16213e);border:2px solid var(--pixel-primary);border-radius:0;padding:8px 14px;font-family:"Press Start 2P",cursive;font-size:8px;color:#fff;white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:8px;box-shadow:4px 4px #00000080,0 0 15px #4ade8066,inset 0 0 20px #0000004d;animation:tooltipPop .25s cubic-bezier(.68,-.55,.265,1.55);image-rendering:pixelated}.pixel-tooltip .tooltip-icon{font-size:14px;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.pixel-tooltip .tooltip-text{color:var(--pixel-primary);text-shadow:0 0 8px rgba(74,222,128,.6);letter-spacing:.5px}.pixel-tooltip:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--pixel-primary)}.pixel-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #16213e}@keyframes tooltipPop{0%{transform:scale(.5) translateY(10px);opacity:0}60%{transform:scale(1.1) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes tooltipBounce{0%{transform:scale(.8) translateY(-5px);opacity:0}50%{transform:scale(1.05) translateY(-12px)}to{transform:scale(1) translateY(-10px);opacity:1}}@keyframes float{0%,to{transform:translateY(-10px)}50%{transform:translateY(-14px)}}@keyframes floatBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(.5deg)}50%{transform:translateY(-8px) rotate(0)}75%{transform:translateY(-4px) rotate(-.5deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px var(--pixel-primary),0 0 20px #4ade804d}50%{box-shadow:0 0 20px var(--pixel-primary),0 0 40px #4ade8080}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes sleepZ{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}50%{opacity:1}to{opacity:0;transform:translateY(-15px) translate(10px) scale(1)}}@keyframes tailWag{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes lightFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.floating-label{animation:floatBob 3s ease-in-out infinite}.floating-label:hover{animation-play-state:paused}.night-mode-transition{transition:all .5s ease-in-out}.day-night-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;transition:background-color .8s ease-in-out}.day-night-overlay.night{background-color:#0a0a1e26}.interactive-highlight{position:relative}.interactive-highlight:after{content:"";position:absolute;inset:-4px;border:2px dashed var(--pixel-primary);border-radius:4px;opacity:0;animation:none;pointer-events:none}.interactive-highlight:hover:after{opacity:1;animation:glowPulse 1.5s ease-in-out infinite}@media (hover: none) and (pointer: coarse){.interactive-highlight:hover:after{opacity:0;animation:none}button,a,[role=button]{min-height:44px;min-width:44px}body{image-rendering:auto}}html{overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{overscroll-behavior:none;touch-action:manipulation}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}}@media (max-width: 480px) and (orientation: portrait){html,body,#root{height:100vh;height:100dvh}}@media (max-height: 480px) and (orientation: landscape){html,body,#root{height:100vh;height:100dvh}}.mobile-touch-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:1000;animation:fadeInOut 4s ease forwards;pointer-events:none}.touch-hint-content{display:flex;align-items:center;gap:12px;background:#000000d9;color:#fff;padding:14px 24px;border-radius:16px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d}.touch-icon{font-size:20px;animation:bounce 1s ease infinite}.touch-icon.rotate{animation:spin 2s linear infinite}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.panel-container{width:100%!important;max-width:100%!important;height:85vh!important;max-height:85vh!important;border-radius:20px 20px 0 0!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;animation:slideUpMobile .3s ease-out!important}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.panel-close{position:sticky!important;top:0;width:100%;display:flex;justify-content:center;padding:12px;background:inherit;z-index:10}.panel-close:before{content:"";width:40px;height:5px;background:#ffffff4d;border-radius:3px}.project-card,.skill-item,.contact-item{padding:16px!important;margin-bottom:12px!important}.panel-content{padding:0 16px 32px!important}}@media (min-width: 481px) and (max-width: 1024px){.panel-container{width:90%!important;max-width:700px!important}}@media (max-width: 480px){.hud-corner{top:env(safe-area-inset-top,12px);left:12px}.hud-title{font-size:18px!important;font-weight:600}.hud-subtitle{font-size:12px}}@media (hover: none) and (pointer: coarse){button,.clickable,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active,.clickable:active{transform:scale(.97);opacity:.9}.panel-container,.hud-corner,.spotify-player{-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (max-width: 480px){.panel-content h2{font-size:22px!important;margin-bottom:16px!important}.project-card{border-radius:12px!important}.project-card h3{font-size:16px!important}.project-card p{font-size:13px!important;line-height:1.5!important}.tech-tags{flex-wrap:wrap!important;gap:6px!important}.tech-tags span{font-size:11px!important;padding:4px 8px!important}.skill-group{margin-bottom:20px!important}.skill-group h3{font-size:15px!important}.skill-name{font-size:13px!important}.contact-grid{grid-template-columns:1fr!important;gap:12px!important}.contact-item{padding:14px!important;border-radius:12px!important}.contact-item .icon{font-size:24px!important}.about-header{flex-direction:column!important;text-align:center!important}.about-avatar{margin-bottom:16px!important}}.panel-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}@media (max-width: 768px){.panel-container::-webkit-scrollbar{width:0;height:0}}@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 480px){.panel-container{padding-bottom:calc(32px + env(safe-area-inset-bottom))!important}}}@media (max-height: 500px) and (orientation: landscape){.panel-container{height:100vh!important;max-height:100vh!important;border-radius:0!important}.hud-corner{top:8px!important;left:8px!important}.hud-title{font-size:14px!important}.mobile-touch-hint{bottom:60px}}