@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Press+Start+2P&display=swap";:root{--retro-1: #ff0055;--retro-2: #ff9900;--retro-3: #ffdd00;--retro-4: #33dd00;--retro-5: #0099ff;--retro-stripe: linear-gradient(90deg, var(--retro-1) 20%, var(--retro-2) 20% 40%, var(--retro-3) 40% 60%, var(--retro-4) 60% 80%, var(--retro-5) 80% );--bg-color: #121212;--card-bg: #1e1e1e;--text-main: #eeeeee;--text-dim: #888888;--font-main: "Poppins", sans-serif;--font-pixel: "Press Start 2P", cursive}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.app-container{display:flex;flex-direction:column;width:100vw;height:100vh}.navbar{flex:0 0 70px;background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:0 30px;position:relative;z-index:100;border-bottom:2px solid #333}.navbar:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:var(--retro-stripe);box-shadow:0 0 10px #fff3}.brand{display:flex;align-items:center;gap:15px;font-family:var(--font-pixel);font-size:1.2rem;color:#fff;letter-spacing:-1px}.brand-icon{font-size:1.8rem;filter:none;transform:scaleX(-1)}.nav-links{display:flex;gap:5px}.nav-item{color:var(--text-dim);text-decoration:none;font-weight:600;padding:8px 16px;transition:all .2s;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.nav-item:hover{color:#fff}.nav-item.active{color:var(--retro-3);text-shadow:0 0 8px var(--retro-3)}.user-info{font-size:.85rem;color:#666;display:flex;align-items:center;gap:15px}.main-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.card{background:var(--card-bg);padding:3rem;width:400px;border-radius:4px;box-shadow:0 20px 40px #00000080;text-align:center;position:relative;border:1px solid #333}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--retro-stripe);border-radius:4px 4px 0 0}.card h1{font-family:var(--font-pixel);font-size:1.5rem;margin-bottom:2rem;color:#fff;text-transform:uppercase;line-height:1.5}input[type=text],input[type=password]{width:100%;padding:15px;margin-bottom:15px;background-color:#121212;border:2px solid #333;color:#fff;font-family:var(--font-main);font-size:1rem;border-radius:4px;outline:none;transition:border-color .3s}input[type=text]:focus,input[type=password]:focus{border-color:var(--retro-5);box-shadow:0 0 8px #0099ff4d}button{width:100%;padding:15px;margin-top:10px;background:var(--text-main);color:#000;font-family:var(--font-pixel);font-size:.8rem;border:none;cursor:pointer;border-radius:2px;transition:transform .1s,background-color .2s}button:hover:not(:disabled){background-color:var(--retro-3);transform:translateY(-2px);box-shadow:0 5px 15px #fd06}button:disabled{background-color:#333;color:#555;cursor:not-allowed}.logout-btn{background:transparent;border:1px solid #444;color:#888;padding:5px 12px;width:auto;margin:0}.logout-btn:hover{border-color:var(--retro-1);color:var(--retro-1);background:transparent;box-shadow:none}.toggle-auth{margin-top:25px;font-size:.9rem;color:#666}.toggle-auth span{color:var(--retro-5);cursor:pointer;margin-left:5px;text-decoration:underline}.game-area-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.scoreboard{position:absolute;top:30px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#000;border:2px solid #333;padding:10px 20px;font-family:var(--font-pixel);font-size:.8rem;z-index:50;color:#fff;box-shadow:0 5px #00000080}.stop-btn{background:var(--retro-1)!important;color:#fff!important;border:none!important;padding:8px 15px!important;font-size:.7rem!important;width:auto!important;margin:0!important;box-shadow:0 4px #903!important;transform:none!important}.stop-btn:active{transform:translateY(4px)!important;box-shadow:none!important}.ground{position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(transparent 0%,#121212),linear-gradient(0deg,transparent 24%,rgba(51,221,0,.3) 25%,rgba(51,221,0,.3) 26%,transparent 27%,transparent 74%,rgba(51,221,0,.3) 75%,rgba(51,221,0,.3) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(51,221,0,.3) 25%,rgba(51,221,0,.3) 26%,transparent 27%,transparent 74%,rgba(51,221,0,.3) 75%,rgba(51,221,0,.3) 76%,transparent 77%,transparent);background-size:50px 50px;background-color:#051a05;border-top:2px solid var(--retro-4);z-index:10}.notification-panel{position:absolute;bottom:20px;left:20px;width:260px;background:#000c;border:1px solid #333;border-left:4px solid var(--retro-4);padding:15px;z-index:50;font-family:monospace;pointer-events:none}.player-count{color:var(--retro-4);font-weight:700;border-bottom:1px dashed #444;margin-bottom:5px;padding-bottom:5px}.event-item{color:#aaa;margin-bottom:4px;font-size:.8rem}.event-highlight{color:var(--retro-3);margin-right:5px}.terminal-window{position:absolute;bottom:20px;left:20px;width:320px;height:250px;background-color:#000;border:2px solid #333;border-radius:4px;padding:10px;font-family:Courier New,Courier,monospace;font-size:.75rem;color:#3f0;text-shadow:0 0 5px rgba(51,255,0,.5);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px #000c;z-index:50;opacity:.9}.terminal-header{border-bottom:1px solid #33ff00;padding-bottom:5px;margin-bottom:5px;font-weight:700;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:1px}.terminal-logs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}.terminal-logs::-webkit-scrollbar{display:none}.log-line{line-height:1.4;word-wrap:break-word}.cursor{display:inline-block;width:8px;height:12px;background-color:#3f0;animation:blink 1s step-end infinite;margin-left:5px;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-window:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}.retro-window{position:fixed;bottom:20px;left:20px;resize:both;overflow:hidden;width:350px;height:300px;min-width:250px;min-height:150px;max-width:800px;max-height:80vh;background-color:#000000f2;border:2px solid #333;border-radius:6px;z-index:1000;box-shadow:0 0 20px #000c;font-family:Courier New,Courier,monospace;display:flex;flex-direction:column;transition:height .3s ease,width .3s ease}.retro-window.minimized{height:42px!important;width:200px!important;resize:none;overflow:hidden}.window-header{flex:0 0 auto;background:#222;color:#3f0;padding:8px 10px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.window-header:active{cursor:grabbing}.header-title{font-size:.8rem;font-weight:700;letter-spacing:1px}.status-dot{color:#3f0;animation:blink 2s infinite;margin-right:5px}.window-toggle-btn{background:transparent;border:1px solid #444;color:#3f0;width:24px;height:24px;display:flex;justify-content:center;align-items:center;font-size:.6rem;margin:0;cursor:pointer;padding:0}.window-toggle-btn:hover{background:#333}.window-body{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.system-info{padding:5px 10px;border-bottom:1px dashed #333;color:#09f;font-size:.75rem}.highlight-count{color:#fff;font-weight:700}.log-container{flex:1;overflow-y:auto;padding:10px;color:#3f0;font-size:.75rem;text-shadow:0 0 2px rgba(51,255,0,.4);scrollbar-width:thin;scrollbar-color:#333 black}.log-line{margin-bottom:4px;word-wrap:break-word;line-height:1.4}.log-time{opacity:.6;margin-right:8px;font-size:.7rem}.cursor{display:inline-block;width:6px;height:12px;background:#3f0;margin-left:5px;vertical-align:middle;animation:blink 1s step-end infinite}.quote-box{background-color:#0009;border:1px solid #444;border-left:3px solid var(--retro-3);padding:15px 20px;max-width:400px;width:90%;border-radius:4px;font-family:Courier New,Courier,monospace;text-align:left;animation:fadeIn 1s ease-in;margin-bottom:20px;position:relative;box-shadow:0 5px 15px #00000080}.quote-label{color:var(--retro-3);font-size:.7rem;font-weight:700;letter-spacing:2px;margin-bottom:8px;opacity:.8}.quote-content{color:#eee;font-size:.9rem;font-style:italic;line-height:1.4;margin-bottom:8px;text-shadow:0 0 2px rgba(255,255,255,.2)}.quote-author{color:var(--retro-5);font-size:.8rem;text-align:right;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}