:root{--white-pure: #FFFFFF;--gold-light: #FFD700;--gold-deep: #DAA520}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#fafafa,#f0f0f0);overflow:hidden}@keyframes trophy-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 10px 30px rgba(255,215,0,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 15px 40px rgba(255,215,0,.9))}}@keyframes trophy-glow{0%,to{text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.3)}50%{text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.6)}}.trophy-center-icon:hover>div:first-child{animation:trophy-pulse 1s ease-in-out infinite}.trophy-center-icon:hover>div:last-child{animation:trophy-glow 1s ease-in-out infinite}#molecular-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.menu-container{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;border-radius:12px;box-shadow:0 10px 40px #0003}.menu-header{position:absolute;top:10px;color:#999;font-size:10px}.logo-title{text-align:center;margin-bottom:20px}.logo-title h1{font-size:36px;font-weight:300;letter-spacing:5px;background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:12px;color:#888;letter-spacing:2px}.mode-selector{display:flex;gap:60px;position:relative}.mode-card{width:220px;height:280px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;border:1px solid rgba(255,215,0,.2);padding:20px 15px;cursor:pointer;transition:all .4s;box-shadow:0 20px 60px #0000001a}.mode-card:hover{transform:translateY(-10px) scale(1.05)}.mode-nucleus{width:80px;height:80px;margin:0 auto 12px;position:relative}.nucleus-core{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#87ceeb,#e0f6ff);display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 10px 40px #ffd7004d}.nucleus-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--gold-light);border-radius:50%;opacity:.3}.orbit-1{width:120%;height:120%;animation:rotate 8s linear infinite}.orbit-2{width:140%;height:140%;animation:rotate 12s linear infinite reverse}.orbit-3{width:160%;height:160%;animation:rotate 16s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.electron{position:absolute;width:12px;height:12px;background:var(--gold-light);border-radius:50%;box-shadow:0 0 20px var(--gold-light)}.electron-1{top:0;left:50%;transform:translate(-50%)}.electron-2{bottom:0;left:50%;transform:translate(-50%)}.electron-3{top:50%;right:0;transform:translateY(-50%)}.mode-title{font-size:20px;font-weight:300;color:var(--gold-deep);text-align:center;margin-bottom:10px;margin-top:0}.mode-description{text-align:center;color:#666;font-size:11px;line-height:1.5;margin-bottom:12px}.mode-stats{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid rgba(255,215,0,.2)}.stat{text-align:center}.stat-value{font-size:18px;color:var(--gold-deep);display:block}.stat-label{font-size:9px;color:#888;text-transform:uppercase}.menu-header{position:absolute;top:20px}.author-signature{color:var(--gold-deep);font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative}.author-signature:hover{color:var(--gold-light);transform:scale(1.1);text-shadow:0 0 10px rgba(255,215,0,.5)}.author-signature:active{transform:scale(.95)}@media screen and (max-width: 768px){body{overflow-y:auto;overflow-x:hidden}.menu-container{width:95vw;height:auto;min-height:100vh;padding:20px 10px;transform:translate(-50%);top:0;left:50%;border-radius:0;overflow-y:auto}.menu-header{position:static;margin-bottom:15px;font-size:9px}.logo-title{margin-bottom:40px;margin-top:10px}.logo-title h1{font-size:28px;letter-spacing:3px}.logo-subtitle{font-size:11px}.trophy-center-icon{position:relative!important;transform:none!important;top:auto!important;left:auto!important;margin:20px auto!important;display:block!important;width:fit-content}.trophy-center-icon>div:first-child{font-size:40px}#render-toggle-btn{top:10px!important;right:10px!important;padding:8px!important;font-size:.85em}#render-icon{font-size:24px!important}#render-label{font-size:9px!important}.mode-selector{flex-direction:column;gap:20px;width:100%;align-items:center}.mode-card{width:90%;max-width:320px;height:auto;padding:15px}.mode-card:hover{transform:scale(1.02)}.mode-title{font-size:18px;margin-bottom:8px}.mode-nucleus{width:70px;height:70px;margin-bottom:10px}.nucleus-core{font-size:35px}.mode-description{font-size:10px;margin-bottom:10px}.mode-stats{padding-top:10px}.stat-value{font-size:16px}.stat-label{font-size:8px}.orbit-1{width:110%;height:110%}.orbit-2{width:130%;height:130%}.orbit-3{width:150%;height:150%}.electron{width:10px;height:10px}}@media screen and (max-width: 360px){.logo-title h1{font-size:24px;letter-spacing:2px}.logo-subtitle{font-size:10px}.mode-card{width:95%;padding:12px}.mode-nucleus{width:60px;height:60px}.nucleus-core{font-size:30px}.trophy-center-icon>div:first-child{font-size:35px}}@media screen and (max-height: 500px) and (orientation: landscape){.menu-container{height:auto;min-height:auto;padding:10px}.logo-title{margin-bottom:15px;margin-top:5px}.logo-title h1{font-size:22px}.trophy-center-icon{margin:10px auto!important}.trophy-center-icon>div:first-child{font-size:30px}.mode-selector{flex-direction:row;gap:15px}.mode-card{width:45%;max-width:280px}}[dir=rtl] .menu-container{direction:rtl}[dir=rtl] .menu-header{direction:rtl;text-align:right}[dir=rtl] .mode-card,[dir=rtl] .mode-description{text-align:right}[dir=rtl] #render-toggle-btn{right:auto;left:20px}[dir=rtl] #lang-selector-btn{right:auto;left:20px;top:140px}[dir=rtl] #lang-selector-panel{right:auto;left:20px;top:200px}@media screen and (max-width: 768px){#lang-selector-btn{top:70px!important;right:10px!important}#lang-selector-panel{top:130px!important;right:10px!important;width:220px!important}[dir=rtl] #lang-selector-btn,[dir=rtl] #lang-selector-panel{right:auto!important;left:10px!important}}