:root{--primary-color:#22c55e;--secondary-color:#f59e0b;--background-color:#000;--text-color:#22c55e;--border-color:#22c55e;--hover-color:#16a34a}body{background-color:#000;background-color:var(--background-color);color:#22c55e;color:var(--text-color);font-family:monospace;margin:0;overflow-x:hidden;padding:0}button{background-color:#22c55e;background-color:var(--primary-color);border:none;color:#000;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}button:hover{background-color:#16a34a;background-color:var(--hover-color)}button.ghost{background-color:transparent;border:2px solid #f59e0b;border:2px solid var(--secondary-color);color:#f59e0b;color:var(--secondary-color)}button.ghost:hover{background-color:#f59e0b;background-color:var(--secondary-color);color:#000}input{background-color:#111827;border:2px solid #22c55e;border:2px solid var(--primary-color);box-sizing:border-box;color:#22c55e;color:var(--text-color);font-family:monospace;padding:8px;width:100%}input:focus{border-color:#f59e0b;border-color:var(--secondary-color);outline:none}.modal{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#000;background-color:var(--background-color);border:2px solid #22c55e;border:2px solid var(--primary-color);max-width:500px;padding:24px;position:relative;width:90%}.grid-container{display:grid;grid-gap:24px;box-sizing:border-box;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1800px;padding:32px 16px;width:100%}@media (max-width:1200px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-container{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb{background:#22c55e;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#16a34a;background:var(--hover-color)}*{scrollbar-color:#22c55e #1f2937;scrollbar-color:var(--primary-color) #1f2937;scrollbar-width:thin}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.container{margin:0 auto;max-width:1800px;padding:32px 16px;width:100%}.card,.container{box-sizing:border-box}.card{background-color:#111827;border:4px solid #22c55e;border:4px solid var(--primary-color);min-width:280px;overflow:hidden;position:relative}.card-content{background:linear-gradient(180deg,rgba(34,197,94,.1),transparent);padding:24px}.card-content,header{box-sizing:border-box}header{background-color:#111827;border-bottom:4px solid #22c55e;border-bottom:4px solid var(--primary-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:16px;position:relative}.stats-display{border-bottom:2px solid #22c55e;border-bottom:2px solid var(--primary-color);box-sizing:border-box;margin-bottom:24px;padding-bottom:16px;text-align:center}.progress-bar{background-color:#374151;border:2px solid #22c55e;border:2px solid var(--primary-color);box-sizing:border-box;height:16px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#22c55e,#f59e0b);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));height:100%;position:relative;transition:width 1s ease;width:var(--progress)}.activity-feed{gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.activity-feed,.game-card{box-sizing:border-box;display:flex;flex-direction:column}.game-card{background-color:#374151;border:2px solid #22c55e;border:2px solid var(--primary-color);gap:8px;padding:16px;position:relative}.base-runners{height:32px;position:relative;width:32px}.base{border:1px solid #f59e0b;border:1px solid var(--secondary-color);height:12px;position:absolute;transform:rotate(45deg);width:12px}.base.first{bottom:0;right:0}.base.second{left:50%;top:0;transform:translateX(-50%) rotate(45deg)}.base.third{bottom:0;left:0}.base.occupied{background-color:#f59e0b;background-color:var(--secondary-color)}main{margin:0 auto;max-width:1800px;overflow-x:hidden;padding:32px 16px;width:100%}*,main{box-sizing:border-box}