.game-interface {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.hidden {
    display: none !important;
}

.main-content {
    flex: 1;
    overflow: hidden; /* Remove exterior scrollbar */
    padding: 1rem;
    background: var(--bg-primary);
    height: calc(100vh - 32px); /* Account for custom title bar */
}

.tab-content {
    display: none;
    animation: fadeIn 0.3s ease;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

