:root{--primary-color: #2a7a9f;--secondary-color: #e88134;--background-color: #f0f0f0;--container-bg: #ffffff;--text-color: #333;--text-light: #666;--border-color: #ddd;--header-bg: #ffffff;--footer-bg: #e0e0e0;--table-header-bg: #e8f3f8;--table-row-odd-bg: #ffffff;--table-row-even-bg: #f9f9f9;--button-primary-bg: #e88134;--button-primary-text: #ffffff;--button-secondary-bg: #5c9cbc;--button-secondary-text: #ffffff;--tab-active-border: #2a7a9f;--font-family: "Arial", Inter, system-ui, Avenir, Helvetica, sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;font-size:14px;margin:0}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;border:1px solid transparent;cursor:pointer;transition:border-color .25s,opacity .2s ease;font-size:1em;font-weight:500;border-radius:8px;padding:.6em 1.2em}.page-header{background-color:var(--header-bg);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:20px}.header-logo img{height:30px}.header-nav{display:flex;gap:15px}.header-nav a{padding:5px 10px;border-radius:4px;font-weight:700;color:var(--text-light)}.header-nav a.active,.header-nav a:hover{background-color:var(--background-color);color:var(--primary-color);text-decoration:none}.header-coins{display:flex;align-items:center;gap:5px;background-color:#f7f7f7;padding:5px 10px;border-radius:15px;border:1px solid var(--border-color)}.header-coins img{height:16px;width:16px;border-radius:50%}.header-coins span{font-weight:700}.header-profile{display:flex;align-items:center;gap:10px}.profile-icon{height:30px;width:30px;border-radius:50%;border:1px solid var(--border-color)}.profile-details{display:flex;flex-direction:column;line-height:1.2}.profile-username{font-weight:700}.main-container{display:flex;flex-grow:1;width:100%;max-width:1280px;margin:20px auto;padding:0 10px;gap:20px}.sidebar{flex:0 0 160px;display:flex;flex-direction:column;gap:20px}.right-sidebar{flex:0 0 300px;gap:15px}.main-content{flex-grow:1;background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:5px;padding:15px;display:flex;flex-direction:column}.ad-placeholder{border:2px dashed var(--border-color);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-light);background-color:#fafafa}.sidebar-ad{min-height:400px;width:100%}.top-ad{min-height:250px;width:100%}.lobby-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:15px}.tab-button{padding:10px 15px;border:none;background-color:transparent;cursor:pointer;font-size:1em;color:var(--text-light);border-bottom:3px solid transparent;margin-bottom:-1px}.tab-button.active{border-bottom-color:var(--tab-active-border);font-weight:700;color:var(--text-color)}.tab-content{display:none;flex-grow:1;overflow-y:auto}.tab-content.active{display:block}.lobby-table-container{overflow-x:auto}.lobby-table{width:100%;border-collapse:collapse;table-layout:fixed}.lobby-table th,.lobby-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color);word-wrap:break-word}.lobby-table th{background-color:var(--table-header-bg);font-weight:700;white-space:nowrap}.lobby-table tbody tr:nth-child(2n){background-color:var(--table-row-even-bg)}.lobby-table tbody tr:nth-child(odd){background-color:var(--table-row-odd-bg)}.lobby-table tbody tr:hover{background-color:#e8f3f8;cursor:pointer}.lobby-table .players{display:flex;gap:4px;align-items:center}.lobby-table .players img{height:18px;width:18px;border-radius:3px}.lobby-table .players span{font-size:.8em;color:var(--text-light)}.placeholder-row td{text-align:center;color:var(--text-light);font-style:italic;padding:20px 0}.stats{display:flex;justify-content:space-between;padding:10px;background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:4px;font-size:.9em;color:var(--text-light)}.stats span b{color:var(--text-color)}.actions{display:flex;flex-direction:column;gap:10px}.btn{padding:12px 15px;border-radius:4px;font-size:1em;font-weight:700;text-align:center}.btn:hover{opacity:.9;border-color:transparent}.btn-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.btn-primary span{display:block;font-size:.8em;font-weight:400;opacity:.8}.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.login-button{padding:6px 12px;background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border-radius:4px;font-size:.9em}.login-button:hover{opacity:.9}.page-footer{background-color:var(--footer-bg);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);font-size:.85em;color:var(--text-light);margin-top:auto;z-index:99}.footer-left,.footer-nav,.footer-social{display:flex;align-items:center;gap:15px}.footer-nav a{color:var(--text-light)}.footer-nav a:hover{color:var(--text-color)}.footer-social span{font-weight:700;cursor:pointer}#discord-status{font-style:italic;margin-left:auto;padding-left:15px}#game-container{width:800px;max-width:95%;height:600px;aspect-ratio:800 / 600;margin:20px auto;border:1px solid var(--border-color);background-color:#111;display:none;overflow:hidden}#game-container canvas{display:block}body.game-active .main-container,body.game-active .page-footer{display:none}body.game-active #game-container{display:block;flex-grow:1;margin-top:20px;margin-bottom:20px}@media (max-width: 1280px){.main-container{margin-left:10px;margin-right:10px}}@media (max-width: 900px){.main-container{flex-direction:column;max-width:100%;margin:10px auto}.sidebar{flex:1 1 auto;width:100%;flex-direction:row;justify-content:space-around}.left-sidebar,.right-sidebar .sidebar-ad{display:none}.right-sidebar{flex-basis:auto;order:-1;width:100%}.header-nav{display:none}}@media (max-width: 600px){.page-header{padding:10px}.header-right{gap:10px}.profile-details{display:none}.page-footer{flex-direction:column;gap:10px;text-align:center}.footer-nav{flex-wrap:wrap;justify-content:center}#discord-status{margin-left:0}}