:root{--bg-color:#050505;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--accent-color:#fff;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--font-main:"Inter", sans-serif;--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);width:100vw;height:100vh;overflow:hidden}#void-container{perspective:1000px;background:radial-gradient(circle,#111 0%,#050505 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#art-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:3rem;display:flex;position:relative}#ui-overlay *{pointer-events:auto}header{text-align:center}#title{letter-spacing:.8rem;opacity:.8;margin-bottom:.5rem;font-size:3rem;font-weight:700}#subtitle{font-size:.8rem;font-family:var(--font-mono);letter-spacing:.4rem;color:var(--text-secondary)}#splash-screen{flex:1;justify-content:center;align-items:center;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);text-align:center;border-radius:2px;max-width:500px;padding:3rem;box-shadow:0 0 40px #00000080}.glass-card h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:300}.glass-card p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}#start-btn{background:var(--accent-color);color:var(--bg-color);cursor:pointer;letter-spacing:.3rem;text-transform:uppercase;border:none;padding:1.2rem 2.5rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1)}#start-btn:hover{color:var(--accent-color);outline:1px solid var(--accent-color);background:0 0;transform:translateY(-2px);box-shadow:0 0 30px #ffffff26}.hint{opacity:.5;margin-top:1rem;font-size:.7rem}.button-group{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}#philosophy-btn{color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;letter-spacing:.2rem;text-transform:uppercase;background:0 0;padding:1.2rem 2.5rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1)}#philosophy-btn:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-2px)}#phi-modal{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.phi-content{text-align:left;max-width:600px}.phi-content h3{letter-spacing:.5rem;border-bottom:1px solid var(--glass-border);margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem}.phi-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.phi-content em{color:var(--text-primary);margin-bottom:2rem;display:block}#close-phi{border:1px solid var(--text-secondary);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);background:0 0;margin-top:1rem;padding:.8rem 2rem}#close-phi:hover{color:var(--text-primary);border-color:var(--text-primary)}.hidden{display:none!important}#loading-screen{background:var(--bg-color);z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.loader{border:1px solid var(--text-secondary);border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-out{opacity:0;filter:blur(20px)brightness(0);transition:opacity 2s,transform 2.5s cubic-bezier(.64,0,.78,0),filter 2s;transform:translateZ(-1000px)scale(.1)translateY(200px);pointer-events:none!important}#nihil-quotes{text-align:center;color:var(--text-secondary);height:30px;margin-top:1rem;font-size:.9rem;font-style:italic}@media (width<=768px){#ui-overlay{padding:1.5rem}#title{letter-spacing:.4rem;font-size:1.8rem}#subtitle{letter-spacing:.2rem;font-size:.6rem}.glass-card{max-width:90%;padding:1.5rem}.glass-card h2{font-size:1.2rem}.button-group{flex-direction:column;gap:.8rem}#start-btn,#philosophy-btn{width:100%;padding:.8rem}.phi-content h3{letter-spacing:.2rem;font-size:1.2rem}.phi-content p{font-size:.9rem}#nihil-quotes{margin-bottom:env(safe-area-inset-bottom);font-size:.7rem}}