:root{--bg-color: #0a0a0a;--text-color: #ffffff;--text-secondary: #888888;--accent-color: #ffffff;--cta-bg: #0f0f0f;--font-main: "Inter", sans-serif;--spacing-unit: 1rem;--container-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;max-width:100vw;transition:background-color .5s ease,color .5s ease;user-select:none;-webkit-user-select:none}body.light-mode{--bg-color: #ffffff;--text-color: #0a0a0a;--text-secondary: #555555;--cta-bg: #f5f5f5}h1,h2,h3{font-weight:800;letter-spacing:-.03em}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}.navbar{position:fixed;top:0;left:0;width:100%;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-weight:800;font-size:1.5rem}.nav-links a{margin-left:2rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}main{padding:0 2rem;max-width:var(--container-width);margin:0 auto}section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 0}.hero-section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-title{font-size:6rem;line-height:.9;margin-bottom:1.5rem}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);max-width:500px;font-weight:300}.hero-image-container{position:relative;width:100%;height:600px;overflow:hidden;border-radius:24px}.hero-image{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(100%) contrast(1.2);transition:filter .5s ease,transform .5s ease}.hero-image:hover{filter:grayscale(0%) contrast(1);transform:scale(1.02)}.section-title{font-size:1rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4rem;border-bottom:1px solid #333;padding-bottom:1rem;display:inline-block}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem}.about-text p{font-size:1.25rem;font-weight:300;line-height:1.6;margin-bottom:1.5rem;color:var(--text-secondary)}.about-text .lead{font-size:2.5rem;font-weight:600;color:var(--text-color);line-height:1.2}.stat-item{margin-bottom:2rem;border-left:2px solid #333;padding-left:1rem}.stat-item h3{font-size:.9rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem}.stat-item p{font-size:1.5rem;font-weight:600}.project-list{display:flex;flex-direction:column}.project-item{display:grid;grid-template-columns:150px 1fr 50px;align-items:baseline;padding:2.5rem 0;border-bottom:1px solid #222;transition:all .3s ease}.project-item:hover{border-color:var(--text-color);background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,transparent 100%)}.project-category{color:var(--text-secondary);font-family:monospace;font-size:.9rem}.project-name{font-size:2.5rem;margin-bottom:.5rem}.project-desc{color:var(--text-secondary);font-size:1.1rem}.project-link{font-size:1.5rem;justify-self:end;opacity:0;transform:translate(-10px);transition:all .3s ease}.project-item:hover .project-link{opacity:1;transform:translate(0)}.process-content p{font-size:2rem;font-weight:300;max-width:900px;margin-bottom:2rem}.process-content strong{color:var(--text-color);font-weight:600}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;text-transform:uppercase;color:var(--text-secondary)}.form-group input,.form-group textarea{background:transparent;border:none;border-bottom:1px solid #333;padding:1rem 0;color:var(--text-color);font-family:var(--font-main);font-size:1.1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-color)}.submit-btn{background:var(--text-color);color:var(--bg-color);border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;align-self:flex-start;margin-top:1rem;transition:transform .2s ease}.submit-btn:hover{transform:translateY(-2px)}.form-status{margin-top:1rem;font-size:.9rem;font-weight:500;min-height:1.5em}.form-status.success{color:#4caf50}.form-status.error{color:#f44336}.social-links{display:flex;flex-direction:column;gap:1rem;justify-content:center}.social-links a{font-size:2rem;display:flex;align-items:center;gap:1rem}.social-links a:hover{color:var(--text-secondary)}.cta-section{min-height:50vh;text-align:center;display:flex;align-items:center;justify-content:center;background:var(--cta-bg);margin-top:4rem;transition:background-color .5s ease}.cta-content h2{font-size:3rem;margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:var(--text-secondary)}.site-footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;z-index:101}.bar{width:100%;height:3px;background-color:var(--text-color);transition:all .3s ease}@media(max-width:768px){.navbar{padding:1.5rem}.mobile-menu-btn{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;z-index:99}.nav-links.active{right:0}.nav-links a{margin:1.5rem 0;font-size:1.5rem}.mobile-menu-btn.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-btn.active .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.hero-section{grid-template-columns:1fr;text-align:center;gap:2rem;padding-top:6rem}.hero-image-container{height:400px}.about-grid{grid-template-columns:1fr;gap:2rem}.project-item{grid-template-columns:1fr;gap:.5rem}.project-link{opacity:1;transform:none;justify-self:start;margin-top:1rem}.contact-container{grid-template-columns:1fr}.social-links{flex-direction:row;justify-content:flex-start;flex-wrap:wrap;margin-top:2rem}}.hidden{display:none!important}#dpad-container{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeIn .5s ease}.dpad{position:relative;width:120px;height:120px}.dpad div{position:absolute;background-color:#333;cursor:pointer;transition:background-color .1s}.dpad div:active{background-color:#555}.dpad-up{top:0;left:40px;width:40px;height:40px;border-radius:5px 5px 0 0}.dpad-right{top:40px;right:0;width:40px;height:40px;border-radius:0 5px 5px 0}.dpad-down{bottom:0;left:40px;width:40px;height:40px;border-radius:0 0 5px 5px}.dpad-left{top:40px;left:0;width:40px;height:40px;border-radius:5px 0 0 5px}.dpad-center{top:40px;left:40px;width:40px;height:40px;background-color:#333}.dpad-hint{font-family:monospace;color:var(--text-secondary);font-size:.9rem}#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a0a;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;animation:fadeIn .5s ease;padding:2rem}#game-close-btn{position:absolute;top:20px;right:30px;font-size:3rem;color:#fff;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s;z-index:201}#game-close-btn:hover{opacity:1}.game-header{display:flex;justify-content:space-between;width:100%;max-width:400px;align-items:center;color:#fff}.score-box{font-family:monospace;font-size:1.5rem;font-weight:700;background:#222;padding:.5rem 1rem;border-radius:8px}#game-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;background-color:#1a1a1a;padding:4px;border-radius:8px;width:100%;max-width:400px;aspect-ratio:1}.grid-cell{background-color:#ffffff0d;border-radius:4px;width:100%;height:100%;transition:background-color .2s;border:2px solid transparent}.grid-cell.filled{box-shadow:inset 0 0 10px #0000004d}.grid-cell.ghost{background-color:#fff3;border:2px dashed rgba(255,255,255,.5)}.grid-cell.clearing{animation:clearFlash .3s ease forwards}@keyframes clearFlash{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(2)}to{transform:scale(0);opacity:0}}#block-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;width:100%;max-width:500px;min-height:120px;align-items:center;justify-items:center}.option-block{display:grid;gap:2px;cursor:grab;touch-action:none;transition:transform .1s}.option-block:active{cursor:grabbing;transform:scale(1.1)}.option-block.dragging{position:fixed;pointer-events:none;z-index:300;opacity:.9}.option-block.dragging .block-cell{width:100%;height:100%;aspect-ratio:1}.block-cell{width:25px;height:25px;border-radius:4px;box-shadow:inset 0 0 5px #0003}#restart-btn{background:#fff;color:#000;border:none;padding:1rem 3rem;border-radius:50px;cursor:pointer;font-weight:800;font-size:1.2rem;text-transform:uppercase;box-shadow:0 4px 15px #fff3;transition:transform .2s;display:none}#restart-btn:hover{transform:scale(1.05)}#game-over-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:2rem;border-radius:16px;text-align:center;z-index:400;display:none;border:2px solid #fff}#game-over-msg h2{font-size:3rem;color:#fff;margin-bottom:1rem}#zoltar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:300;display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease}.zoltar-booth{width:360px;height:600px;background:#2c0b0b;border:8px solid #f1c40f;border-radius:20px 20px 0 0;position:relative;display:flex;flex-direction:column;box-shadow:0 0 50px #f1c40f33}.booth-header{height:80px;background:#c0392b;justify-content:space-between;padding:10px;border-bottom:4px solid #f1c40f;border:2px solid #555;display:flex;align-items:center;justify-content:center;text-align:center}.sign-text{font-family:Courier New,monospace;font-weight:700;font-size:.8rem;color:#333}.sign-text.flashing{color:red;text-shadow:0 0 5px #ff0000;animation:flash .5s infinite alternate}.zoltar-window{flex-grow:1;position:relative;background:#000;overflow:hidden}.zoltar-svg{width:100%;height:100%}.glowing-red{fill:red!important;filter:drop-shadow(0 0 5px #ff0000)}#ramp-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:20px;height:150px;transform-origin:bottom center}#coin-ramp{width:100%;height:100%;background:#ffffff1a;border-left:2px solid #aaa;border-right:2px solid #aaa;position:relative}#game-coin{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#f1c40f,#f39c12);border-radius:50%;border:1px solid #e67e22;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;box-shadow:0 2px 5px #00000080}.booth-controls{height:100px;background:#3e2723;border-top:4px solid #f1c40f;display:flex;align-items:center;justify-content:space-around;padding:0 20px}#zoltar-button{width:80px;height:80px;border-radius:50%;background:#7f8c8d;border:4px solid #555;color:#fff;font-weight:700;font-size:.8rem;cursor:not-allowed;box-shadow:inset 0 5px 10px #fff3}#zoltar-button.active{background:#c0392b;border-color:#8e44ad;cursor:pointer;box-shadow:0 0 15px red,inset 0 5px 10px #fff3;animation:pulseButton 1s infinite}#zoltar-button:active{transform:scale(.95)}.ticket-slot{width:120px;height:10px;background:#000;border-radius:5px;position:relative}#ticket{position:absolute;top:0;left:10px;width:100px;height:60px;background:#fff;color:#000;font-family:Courier New,monospace;font-size:.8rem;text-align:center;padding-top:20px;box-shadow:0 2px 5px #0003;transform:translateY(0);transition:transform 1s ease;z-index:-1}#ticket.dispensed{transform:translateY(10px);z-index:1}@keyframes flash{0%{opacity:.5}to{opacity:1}}@keyframes pulseButton{0%{box-shadow:0 0 10px red}50%{box-shadow:0 0 25px red}to{box-shadow:0 0 10px red}}@keyframes headBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(1deg)}}#zoltar-head-group{animation:headBob 3s infinite ease-in-out;transform-origin:center bottom}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.art-mode{--bg-color: #2a0a2a;--text-color: #ffe6f2;--text-secondary: #ffb3d9;--accent-color: #ff00cc;--cta-bg: #4a0e4a;--font-main: "Indie Flower", cursive}body.creative-mode h1,body.creative-mode h2,body.creative-mode h3{font-family:Bangers,cursive;letter-spacing:.1em;color:#fc0;text-shadow:2px 2px 0px #ff00cc}body.creative-mode .hero-title{font-family:Creepster,cursive;color:#0fc;text-shadow:4px 4px 0px #ff00cc;transform:rotate(-2deg)}body.creative-mode .hero-subtitle{font-family:Pacifico,cursive;font-size:2rem;color:#f9c}body.creative-mode .project-name{font-family:Ruslan Display,cursive}body.creative-mode .navbar{background:#2a0a2ae6;border-bottom:2px dashed #ff00cc}body.creative-mode .submit-btn{background:#f0c;color:#fff;font-family:Bangers,cursive;font-size:1.5rem;border-radius:20px;transform:rotate(2deg)}body.creative-mode .submit-btn:hover{transform:rotate(-2deg) scale(1.1);background:#0fc;color:#2a0a2a}#whimsical-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;overflow:hidden}.floating-item{position:absolute;font-size:3rem;opacity:.6;animation:floatAround 10s infinite linear}.unicorn{top:20%;left:-10%;animation-duration:15s}.unicorn-2{bottom:30%;right:-10%;animation-duration:12s;animation-direction:reverse}.rainbow{top:10%;right:20%;animation:pulse 3s infinite ease-in-out}.star{top:50%;left:50%;animation:twinkle 2s infinite alternate}@keyframes floatAround{0%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(120vw) translateY(50px) rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.5}}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2) rotate(45deg)}}.burn-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at var(--click-x) var(--click-y),transparent 0%,#000 0%);z-index:9999;pointer-events:none;animation:burnOut 1s forwards}@keyframes burnOut{0%{background:radial-gradient(circle at var(--click-x) var(--click-y),transparent 0%,#000 0%)}50%{background:radial-gradient(circle at var(--click-x) var(--click-y),transparent 150%,#000 150%)}to{background:radial-gradient(circle at var(--click-x) var(--click-y),transparent 300%,transparent 300%);opacity:0}}.chat-fullscreen-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;z-index:1000;display:flex;justify-content:center;align-items:center}.chat-interface{width:100%;height:100%;max-width:800px;max-height:80vh;background:#111;border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;overflow:hidden}.contact-container .chat-interface{height:600px;max-height:none}.chat-header{background:#1a1a1a;padding:1rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.chat-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ccc}.status-dot{width:10px;height:10px;border-radius:50%;background:#555;transition:background .3s}.status-dot.online{background:#4caf50;box-shadow:0 0 8px #4caf50}.chat-close-btn{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;transition:color .2s}.chat-close-btn:hover{color:#fff}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(to bottom,#111,#0e0e0e)}.chat-bubble{max-width:70%;padding:.8rem 1rem;border-radius:12px;font-size:1rem;line-height:1.4;position:relative;animation:fadeIn .2s ease-out}.chat-bubble.user{align-self:flex-end;background:#333;color:#fff;border-bottom-right-radius:2px}.chat-bubble.admin{align-self:flex-start;background:#222;border:1px solid #444;color:#ddd;border-bottom-left-radius:2px}.chat-bubble.system{align-self:center;background:transparent;color:#666;font-size:.8rem;font-style:italic;border:1px dashed #333;padding:.5rem 1rem}.bubble-time{font-size:.7rem;color:#fff6;text-align:right;margin-top:4px}.chat-input-area{padding:1rem;background:#1a1a1a;border-top:1px solid #333;display:flex;gap:.5rem}.chat-input-area input{flex:1;background:#0a0a0a;border:1px solid #333;border-radius:20px;padding:.8rem 1.2rem;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.chat-input-area input:focus{border-color:#666}.chat-input-area button{background:#fff;color:#000;border:none;border-radius:20px;padding:0 1.5rem;font-weight:600;cursor:pointer;transition:transform .2s}.chat-input-area button:hover:not(:disabled){transform:scale(1.05)}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.chat-error-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#f44336;gap:1rem}.chat-btn{padding:.5rem 1rem;background:#333;color:#fff;border:none;cursor:pointer;border-radius:4px}.full-screen-chat{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:9999;background:var(--bg-color, #1a1a1a);display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.chat-input-area{padding:15px;background:var(--bg-secondary, #2a2a2a)}.waiting-status-container{text-align:center;padding:20px;margin-top:20px;background:#ffffff0d;border-radius:8px;color:#ccc}.chat-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:10px}.chat-btn.primary{background:#007bff;color:#fff}.ee-font{font-family:"Press Start 2P",monospace;text-transform:uppercase}.ee-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0c0c0c;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;animation:fadeIn .5s ease}.ee-header{display:flex;justify-content:space-between;width:100%;max-width:500px;align-items:center;color:#fff;padding:0 1rem}.ee-header h3{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:#fff;text-shadow:2px 2px 0 #333}.ee-score-box{font-family:"Press Start 2P",monospace;font-size:.9rem;background:#222;padding:.8rem 1.2rem;border-radius:8px;border:2px solid #444;color:#00f3ff}.ee-btn{background:#333;color:#fff;border:2px solid #555;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.8rem;text-transform:uppercase;transition:all .2s}.ee-btn:hover{background:#fff;color:#000;transform:scale(1.05);box-shadow:0 0 15px #ffffff4d}.ee-close-btn{position:absolute;top:20px;right:30px;font-size:3rem;color:#fff;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s;z-index:201;font-family:sans-serif}.ee-close-btn:hover{opacity:1;transform:scale(1.1)}.ee-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:3rem;border-radius:16px;text-align:center;z-index:400;border:4px solid #fff;box-shadow:0 0 30px #000c;display:flex;flex-direction:column;gap:2rem;min-width:300px}.ee-overlay h2{font-family:"Press Start 2P",monospace;font-size:2rem;color:#f05;margin-bottom:.5rem;text-shadow:3px 3px 0 #333}.ee-overlay p{font-family:"Press Start 2P",monospace;font-size:1rem;color:#fff;margin-bottom:1rem}