@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";body{margin:0;padding:0;background:#969696}#root{width:1129px;height:794px;margin:0;padding:0}:root{--gold-primary: #cfae66;--gold-highlight: #e6d5a1;--gold-shadow: #8a7035;--dark-metal: #1a1b20;--dark-overlay: rgba(0, 0, 0, .75);--dark-glass: rgba(15, 12, 20, .85);--magic-glow: rgba(207, 174, 102, .3);--text-primary: #e0e0e0;--text-muted: #888888}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:Playfair Display,serif;overflow:hidden;background:#000;color:var(--text-primary)}.launcher{width:1129px;height:794px;position:relative;overflow:hidden;background-color:#0a0b10;box-shadow:0 0 50px #000c;border:1px solid #000}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#000c),url(../img/launcher_main_bg.png) center/cover no-repeat;z-index:0}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.top-bar{position:relative;z-index:100;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:linear-gradient(180deg,#000000f2,#140f0acc);border-bottom:1px solid rgba(207,174,102,.3);box-shadow:0 5px 20px #000c;cursor:move}.logo h1{font-family:Cinzel,serif;font-size:36px;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8);background:linear-gradient(180deg,#fff,#ccc 40%,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eclipse{color:var(--gold-primary);background:linear-gradient(180deg,var(--gold-highlight) 0%,var(--gold-primary) 50%,var(--gold-shadow) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;position:relative}.controls{display:flex;gap:10px}.social-btn{color:#888;transition:all .3s ease;padding:5px;display:flex;align-items:center;justify-content:center}.social-btn:hover{transform:translateY(-2px);filter:drop-shadow(0 0 8px currentColor)}.social-btn.discord:hover{color:#5865f2}.social-btn.youtube:hover{color:red}.social-btn.website:hover{color:var(--gold-primary)}.registration-area{margin-top:20px}.registration-inner{padding:5px;border:1px solid rgba(207,174,102,.2);display:flex;justify-content:center}.register-btn{display:flex;width:100%;padding:12px;background:linear-gradient(135deg,#cfae661a,#0006);border:1px solid var(--gold-primary);color:var(--gold-primary);text-decoration:none;font-family:Cinzel,serif;font-weight:700;letter-spacing:1px;text-align:center;justify-content:center;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.register-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(207,174,102,.4),transparent);transition:.5s}.register-btn:hover{background:#cfae6633;box-shadow:0 0 15px #cfae664d;text-shadow:0 0 5px var(--gold-primary)}.register-btn:hover:before{left:100%}.social-area{margin-top:10px}.social-inner{padding:10px;border:1px solid rgba(255,255,255,.05);background:#0000004d}.social-links-row{display:flex;justify-content:space-around;width:100%}.social-links-row .social-btn{width:40px;height:40px;border-radius:4px;background:#ffffff0d}.social-links-row .social-btn:hover{background:#ffffff1a;transform:translateY(-3px)}.control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#0006;color:#888;font-size:14px;text-decoration:none;transition:all .2s ease;font-family:Cinzel,serif}.control-btn:hover{border-color:var(--gold-primary);color:var(--gold-primary);background:#281e0a99;box-shadow:0 0 10px #cfae6633}.control-btn.close:hover{border-color:maroon;color:#f33;box-shadow:0 0 10px #ff00004d}.content{position:relative;z-index:10;display:flex;height:calc(100% - 260px);padding:40px;justify-content:space-between}.left-panel{width:400px;background:var(--dark-glass);border:1px solid rgba(255,255,255,.05);box-shadow:0 0 30px #000c;padding:2px;position:relative}.panel-inner{height:100%;border:1px solid rgba(207,174,102,.3);padding:20px;display:flex;flex-direction:column}.news-section h2{font-family:Cinzel,serif;font-size:24px;color:var(--gold-primary);border-bottom:2px solid rgba(207,174,102,.4);padding-bottom:10px;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;text-align:center}.news-items{overflow-y:auto;flex:1;padding-right:10px}.news-items::-webkit-scrollbar{width:6px;background:#0000004d}.news-items::-webkit-scrollbar-thumb{background:var(--gold-shadow);border:1px solid #000}.news-item{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05);transition:transform .2s}.news-item:last-child{border-bottom:none}.news-item:hover{transform:translate(5px)}.news-date{font-family:Cinzel,serif;font-size:12px;color:var(--gold-highlight);margin-bottom:5px}.news-item h3{font-family:Cinzel,serif;font-size:16px;color:#fff;margin-bottom:5px;font-weight:600}.news-item p{font-family:Playfair Display,serif;font-size:14px;color:#aaa;line-height:1.4}.right-panel{width:300px;display:flex;flex-direction:column;gap:20px}.server-status{background:var(--dark-glass);padding:2px;border:1px solid rgba(255,255,255,.05)}.right-inner{border:1px solid rgba(207,174,102,.3);padding:20px;text-align:center}.server-status h3{font-family:Cinzel,serif;font-size:18px;color:var(--gold-primary);margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.status-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:5px}.status-row:last-child{border-bottom:none}.online{color:#4cd137;font-weight:700;font-family:Cinzel,serif;text-shadow:0 0 10px rgba(76,209,55,.4)}.bottom-area{position:absolute;bottom:0;left:0;width:100%;height:180px;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(10,10,10,.9) 60%,transparent 100%);padding:0 40px 30px;display:flex;flex-direction:column;justify-content:flex-end;z-index:100}.progress-info{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;font-family:Cinzel,serif}.status-text{font-size:14px;color:#ccc}.filename{color:var(--gold-primary);margin-left:10px}.mb{color:#888;font-size:12px;margin-left:10px}.percentage{font-size:24px;font-weight:700;color:var(--gold-highlight)}.progress-bar{width:100%;height:14px;background:#111;border:1px solid #333;box-shadow:inset 0 2px 5px #000c;margin-bottom:20px;padding:2px;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#500000,#a00000,#f00000);box-shadow:0 0 15px #f006;position:relative;transition:width .3s ease-out}.progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)}.controls-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.window-mode a{color:#888;font-family:Cinzel,serif;text-decoration:none;font-size:12px;text-transform:uppercase;transition:color .3s}.window-mode a:hover{color:#fff}.window-mode .off{color:#ccae66}.version{color:#444;font-family:Cinzel,serif;font-size:12px;text-align:right}.start-button-wrapper{position:relative;width:300px;height:80px;margin:0 auto}#START_BUTTON{display:block;width:100%;height:100%}.start-btn{display:flex!important;justify-content:center!important;align-items:center!important;width:100%;height:100%;margin:0;padding:0;text-decoration:none;background:#222;border:2px solid var(--gold-shadow);box-shadow:0 0 0 4px #111,0 10px 20px #000c;transition:all .3s ease;position:relative;overflow:hidden}.start-btn:hover{border-color:var(--gold-highlight);box-shadow:0 0 0 4px #111,0 0 30px #cfae664d;transform:translateY(-2px)}.start-btn:active{transform:translateY(2px);box-shadow:0 0 0 4px #111}.btn-text{font-family:Cinzel,serif;font-size:32px;font-weight:700;letter-spacing:6px;background:linear-gradient(180deg,var(--gold-highlight) 0%,var(--gold-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.5)}.btn-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:radial-gradient(circle,rgba(207,174,102,.4) 0%,transparent 70%);opacity:0;transition:opacity .5s}.start-btn:hover .btn-glow{opacity:1}