@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;900&family=Barlow:wght@400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-page{background:#0d0d0d;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Barlow,sans-serif;display:flex}.login-card{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:4px;width:100%;max-width:380px;padding:40px 32px}.login-banner{object-fit:cover;border-radius:4px;width:100%;max-width:100%;height:auto;margin-bottom:24px;display:block}.login-title{text-transform:uppercase;color:#fff;text-align:center;letter-spacing:-1px;width:100%;margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:2.5rem;font-weight:900}.login-title span{color:#e8620a}.login-subtitle{text-align:center;color:#888;text-transform:uppercase;letter-spacing:2px;margin:0 0 28px;font-size:.9rem}.login-form{flex-direction:column;gap:6px;display:flex}.login-form label{letter-spacing:2px;text-transform:uppercase;color:#e8620a;margin-top:12px;font-size:.75rem}.login-form input{color:#e8e0d0;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:2px;outline:none;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s}.login-form input:focus{border-color:#e8620a}.login-form button[type=submit]{color:#0d0d0d;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#e8620a;border:none;border-radius:2px;margin-top:24px;padding:14px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;transition:background .2s}.login-form button[type=submit]:hover:not(:disabled){background:#ff8c00}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.login-success{color:#39ff14;background:#39ff141a;border-left:3px solid #39ff14;border-radius:2px;margin-top:12px;padding:10px 12px;font-size:.85rem}.login-error{color:#f33;background:#ff33331a;border-left:3px solid #f33;border-radius:2px;margin-top:12px;padding:10px 12px;font-size:.85rem}.login-toggle{color:#888;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:20px;font-family:inherit;font-size:.85rem;display:block}.login-toggle:hover{color:#e8620a}.library{max-width:900px;margin:0 auto;padding:32px 24px 80px}.library-header{margin-bottom:24px}.library-header h2{text-transform:uppercase;color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900}.library-header p{color:#888;letter-spacing:1px;margin:0;font-size:.85rem}.library-list{border:1px solid #2a2a2a;flex-direction:column;display:flex}.game-row{background:#1c1c1c;border-bottom:1px solid #2a2a2a;grid-template-columns:120px 2fr 1fr 2fr;align-items:center;gap:16px;padding:12px 20px;transition:background .15s;display:grid}.game-thumb{object-fit:cover;background:#0d0d0d;border-radius:2px;flex-shrink:0;width:120px;height:56px}.game-row:last-child{border-bottom:none}.game-row:hover{background:#222}.game-info{flex-direction:column;display:flex}.game-name{text-transform:uppercase;letter-spacing:.5px;color:#e8e0d0;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700}.game-date{color:#888;margin-top:2px;font-size:.8rem}.game-status{text-transform:uppercase;letter-spacing:2px;color:#888;align-items:center;gap:8px;font-size:.8rem;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:#39ff14;animation:2s infinite pulse;box-shadow:0 0 8px #39ff14}.status-dot.offline{background:#f33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.game-connect{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.game-connect code{color:#ff8c00;white-space:nowrap;background:#0d0d0d;border:1px solid #2a2a2a;border-left:3px solid #e8620a;border-radius:2px;padding:6px 10px;font-size:.8rem}.game-note{color:#888;margin-top:6px;font-size:.75rem}@media (width<=640px){.game-row{text-align:left;grid-template-columns:80px 1fr;grid-template-areas:"thumb info""thumb status""connect connect";gap:8px}.game-thumb{grid-area:thumb;width:80px;height:38px}.game-info{grid-area:info}.game-status{grid-area:status}.game-connect{text-align:left;grid-area:connect;align-items:flex-start;margin-top:8px}}.account{max-width:500px;margin:0 auto;padding:32px 24px 80px}.account-header{margin-bottom:24px}.account-header h2{text-transform:uppercase;color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900}.account-header p{color:#888;letter-spacing:1px;margin:0;font-size:.85rem}.account-section{background:#1c1c1c;border:1px solid #2a2a2a;border-left:3px solid #e8620a;border-radius:2px;margin-bottom:24px;padding:14px 18px}.account-label{text-transform:uppercase;letter-spacing:2px;color:#888;margin-bottom:4px;font-size:.7rem}.account-value{color:#e8e0d0;font-size:1rem}.account-form{margin-bottom:24px}.account-form label{letter-spacing:2px;text-transform:uppercase;color:#e8620a;margin-bottom:8px;font-size:.75rem;display:block}.account-row{gap:8px;display:flex}.account-row input{color:#e8e0d0;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:2px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.account-row input:focus{border-color:#e8620a}.account-row button,.account-secondary{color:#0d0d0d;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;white-space:nowrap;background:#e8620a;border:none;border-radius:2px;padding:10px 18px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s}.account-row button:hover:not(:disabled),.account-secondary:hover:not(:disabled){background:#ff8c00}.account-row button:disabled,.account-secondary:disabled{opacity:.6;cursor:not-allowed}.account-secondary{color:#e8e0d0;background:0 0;border:1px solid #2a2a2a}.account-secondary:hover:not(:disabled){color:#e8620a;background:0 0;border-color:#e8620a}.account-error{color:#f33;background:#ff33331a;border-left:3px solid #f33;border-radius:2px;margin-bottom:20px;padding:10px 12px;font-size:.85rem}.account-success{color:#39ff14;background:#39ff141a;border-left:3px solid #39ff14;border-radius:2px;margin-bottom:20px;padding:10px 12px;font-size:.85rem}.chat{max-width:1100px;height:calc(100vh - 70px);margin:0 auto;display:flex}.chat-rooms{border-right:1px solid #2a2a2a;flex-direction:column;flex-shrink:0;width:180px;padding:16px 0;display:flex}.chat-rooms button{color:#888;text-transform:uppercase;letter-spacing:1.5px;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:12px 20px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;transition:color .15s,border-color .15s,background .15s}.chat-rooms button:hover{color:#e8e0d0;background:#1c1c1c}.chat-rooms button.active{color:#e8620a;background:#1c1c1c;border-left-color:#e8620a}.chat-window{flex-direction:column;flex:1;min-width:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.chat-empty{color:#888;text-align:center;letter-spacing:.5px;margin-top:40px;font-size:.85rem}.chat-message{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:4px;max-width:70%;padding:8px 12px}.chat-message.own{background:#e8620a14;border-color:#e8620a;align-self:flex-end}.chat-message-meta{justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}.chat-message-author{color:#e8620a;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.chat-message-time{color:#888;font-size:.7rem}.chat-message-text{color:#e8e0d0;word-break:break-word;white-space:pre-wrap;font-size:.95rem}.chat-input{border-top:1px solid #2a2a2a;gap:8px;padding:16px 24px;display:flex}.chat-input input{color:#e8e0d0;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:2px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.chat-input input:focus{border-color:#e8620a}.chat-input button{color:#0d0d0d;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:#e8620a;border:none;border-radius:2px;padding:12px 24px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s}.chat-input button:hover{background:#ff8c00}@media (width<=640px){.chat{flex-direction:column;height:auto}.chat-rooms{border-bottom:1px solid #2a2a2a;border-right:none;flex-direction:row;width:100%;padding:8px 0;overflow-x:auto}.chat-rooms button{white-space:nowrap;border-bottom:3px solid #0000;border-left:none}.chat-rooms button.active{border-bottom-color:#e8620a;border-left:none}.chat-messages{height:50vh}}.friends{max-width:700px;margin:0 auto;padding:32px 24px 80px}.friends-header{margin-bottom:24px}.friends-header h2{text-transform:uppercase;color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900}.friends-header p{color:#888;letter-spacing:1px;margin:0;font-size:.85rem}.friends-search{gap:8px;margin-bottom:20px;display:flex}.friends-search input{color:#e8e0d0;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:2px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.friends-search input:focus{border-color:#e8620a}.friends-search button{color:#0d0d0d;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;white-space:nowrap;background:#e8620a;border:none;border-radius:2px;padding:12px 20px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s}.friends-search button:hover{background:#ff8c00}.friends-error{color:#f33;background:#ff33331a;border-left:3px solid #f33;border-radius:2px;margin-bottom:20px;padding:10px 12px;font-size:.85rem}.friends-success{color:#39ff14;background:#39ff141a;border-left:3px solid #39ff14;border-radius:2px;margin-bottom:20px;padding:10px 12px;font-size:.85rem}.friends-section{margin-bottom:28px}.friends-section-label{text-transform:uppercase;letter-spacing:2px;color:#e8620a;margin-bottom:10px;font-size:.75rem}.friends-empty{color:#888;text-align:center;border:1px solid #2a2a2a;border-radius:2px;padding:16px;font-size:.85rem}.friend-row{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:2px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px 16px;display:flex}.friend-info{align-items:center;gap:10px;display:flex}.friend-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.friend-status-dot.online{background:#39ff14;box-shadow:0 0 8px #39ff14}.friend-status-dot.offline{background:#555}.friend-email{color:#e8e0d0;font-size:.9rem}.friend-actions{gap:8px;display:flex}.friend-actions button{color:#e8e0d0;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:2px;padding:6px 14px;font-family:inherit;font-size:.75rem;transition:border-color .15s,color .15s}.friend-actions button.accept:hover{color:#39ff14;border-color:#39ff14}.friend-actions button.decline:hover{color:#f33;border-color:#f33}.community{max-width:700px;margin:0 auto;padding:32px 24px 80px}.community-header{margin-bottom:24px}.community-header h2{text-transform:uppercase;color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:900}.community-header p{color:#888;letter-spacing:1px;margin:0;font-size:.85rem}.community-composer{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.community-composer textarea{color:#e8e0d0;resize:vertical;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:2px;outline:none;padding:14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.community-composer textarea:focus{border-color:#e8620a}.community-composer button{color:#0d0d0d;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:#e8620a;border:none;border-radius:2px;align-self:flex-end;padding:10px 24px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:background .2s}.community-composer button:hover{background:#ff8c00}.community-feed{flex-direction:column;gap:12px;display:flex}.community-empty{color:#888;text-align:center;border:1px solid #2a2a2a;border-radius:2px;padding:40px 16px;font-size:.85rem}.community-post{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:4px;padding:16px 18px}.community-post-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.community-post-author{color:#e8620a;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.community-post-date{color:#888;font-size:.75rem}.community-post-text{color:#e8e0d0;white-space:pre-wrap;word-break:break-word;margin-bottom:12px;font-size:.95rem;line-height:1.5}.community-post-footer{gap:12px;display:flex}.like-button{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:2px;padding:6px 14px;font-family:inherit;font-size:.8rem;transition:border-color .15s,color .15s}.like-button:hover{color:#e8620a;border-color:#e8620a}.like-button.liked{color:#e8620a;background:#e8620a14;border-color:#e8620a}.delete-button{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:2px;padding:6px 14px;font-family:inherit;font-size:.8rem;transition:border-color .15s,color .15s}.delete-button:hover{color:#f33;border-color:#f33}*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e0d0;background:#0d0d0d;font-family:Barlow,sans-serif}.app-loading{color:#888;text-transform:uppercase;letter-spacing:3px;justify-content:center;align-items:center;min-height:100vh;font-size:.85rem;display:flex}.app{min-height:100vh}.app-header{background:#161616;border-bottom:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.app-logo{text-transform:uppercase;color:#fff;letter-spacing:-.5px;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:900}.app-logo span{color:#e8620a}.app-nav{flex-wrap:wrap;gap:4px;display:flex}.app-nav button{color:#888;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:700;transition:color .15s,border-color .15s}.app-nav button:hover{color:#e8e0d0}.app-nav button.active{color:#e8620a;border-bottom-color:#e8620a}.app-user{color:#888;align-items:center;gap:12px;font-size:.85rem;display:flex}.app-user button{color:#e8e0d0;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:2px;padding:6px 14px;font-size:.75rem;transition:border-color .15s,color .15s}.app-user button:hover{color:#e8620a;border-color:#e8620a}.app-main{min-height:calc(100vh - 70px)}.coming-soon{color:#888;text-transform:uppercase;letter-spacing:3px;justify-content:center;align-items:center;min-height:50vh;font-size:.85rem;display:flex}@media (width<=768px){.app-header{flex-direction:column;align-items:stretch;gap:12px}.app-nav,.app-user{justify-content:center}}