/* Shared visual tokens and shell polish for 101, 51 and Düz Okey. */
:root {
    --okey-shell-bg: #080d12;
    --okey-shell-panel: rgba(10, 16, 22, 0.96);
    --okey-shell-panel-soft: rgba(15, 23, 32, 0.88);
    --okey-shell-border: rgba(219, 176, 86, 0.22);
    --okey-shell-border-soft: rgba(255, 255, 255, 0.09);
    --okey-shell-gold: #e6bd62;
    --okey-shell-gold-bright: #f4d37d;
    --okey-shell-text: #eef2f5;
    --okey-shell-muted: #9ba7b2;
}

.lobby-v12 {
    color: var(--okey-shell-text);
    background: radial-gradient(ellipse at 14% 0%, rgba(213, 164, 65, 0.09), transparent 34%), linear-gradient(145deg, var(--okey-shell-panel), #070b10 78%) !important;
    border-color: var(--okey-shell-border) !important;
}

.lobby-v12 .v12-header {
    background: rgba(8, 13, 18, 0.94) !important;
    border-bottom-color: var(--okey-shell-border-soft) !important;
}

.lobby-v12 .v12-profile > img,
.lobby-v12 .v12-avatar-wrap img {
    border-color: var(--okey-shell-gold) !important;
}

.lobby-v12 .v12-wallet strong,
.lobby-v12 .salon-topic-text,
.lobby-v12 .v12-section-head small,
.lobby-v12 .v12-subhead small {
    color: var(--okey-shell-gold-bright) !important;
}

.lobby-v12 .lobby-view-nav {
    background: rgba(11, 17, 23, 0.94) !important;
    border-bottom-color: var(--okey-shell-border-soft) !important;
}

.lobby-v12 .lobby-tab-btn.active {
    color: var(--okey-shell-gold-bright) !important;
    background: rgba(220, 170, 67, 0.13) !important;
    border-color: rgba(230, 189, 98, 0.55) !important;
    box-shadow: 0 0 14px rgba(220, 170, 67, 0.12) !important;
}

.lobby-v12 .lobby-quick-create-btn {
    color: #18140b !important;
    background: linear-gradient(135deg, #f0cd76, #d6a844) !important;
    border-color: #f4d37d !important;
    box-shadow: 0 3px 12px rgba(214, 168, 68, 0.2) !important;
}

.lobby-v12 .v12-panel,
.lobby-v12 .v12-left {
    background: rgba(8, 13, 18, 0.88) !important;
    border-color: var(--okey-shell-border-soft) !important;
}

.lobby-v12 .pro-chat-box {
    color: var(--okey-shell-text) !important;
    background: rgba(4, 8, 12, 0.78) !important;
    border-color: var(--okey-shell-border-soft) !important;
}

.lobby-v12 .irc-tab-bar {
    background: rgba(12, 19, 26, 0.92) !important;
    border-color: var(--okey-shell-border-soft) !important;
}

.lobby-v12 .irc-tab.active {
    color: var(--okey-shell-gold-bright) !important;
    background: rgba(220, 170, 67, 0.12) !important;
    border-color: rgba(230, 189, 98, 0.45) !important;
}

.lobby-v12 .lobby-player {
    background: rgba(16, 24, 32, 0.9) !important;
    border-color: var(--okey-shell-border-soft) !important;
}

.modern-auth-stage .modern-auth-box {
    background: linear-gradient(145deg, rgba(12, 18, 24, 0.96), rgba(7, 11, 16, 0.98)) !important;
    border-color: var(--okey-shell-border) !important;
}

.modern-auth-stage .modern-auth-box::before {
    background: linear-gradient(90deg, #d6a844, #f4d37d, #d6a844) !important;
}

.modern-auth-stage .modern-submit-btn {
    color: #18140b !important;
    background: linear-gradient(135deg, #f0cd76, #d6a844) !important;
}

html.light-theme .modern-auth-stage .modern-auth-box,
body.light-theme .modern-auth-stage .modern-auth-box {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 250, 0.98)) !important;
    border-color: rgba(164, 119, 34, 0.28) !important;
}

@media (max-width: 900px) {
    .lobby-v12 .lobby-view-nav {
        background: rgba(10, 16, 22, 0.97) !important;
    }
}

html.light-theme .lobby-v12,
body.light-theme .lobby-v12 {
    --okey-shell-text: #18212a;
    --okey-shell-muted: #596773;
    --okey-shell-panel: rgba(248, 250, 252, 0.98);
    --okey-shell-panel-soft: rgba(241, 245, 249, 0.96);
    --okey-shell-border: rgba(164, 119, 34, 0.28);
    --okey-shell-border-soft: rgba(15, 23, 42, 0.12);
    color: var(--okey-shell-text);
    background: linear-gradient(145deg, #fffdf7, #f1f5f9 78%) !important;
}

html.light-theme .lobby-v12 .v12-header,
body.light-theme .lobby-v12 .v12-header,
html.light-theme .lobby-v12 .lobby-view-nav,
body.light-theme .lobby-v12 .lobby-view-nav {
    background: rgba(255, 255, 255, 0.96) !important;
}

html.light-theme .lobby-v12 .v12-panel,
body.light-theme .lobby-v12 .v12-panel,
html.light-theme .lobby-v12 .v12-left,
body.light-theme .lobby-v12 .v12-left,
html.light-theme .lobby-v12 .pro-chat-box,
body.light-theme .lobby-v12 .pro-chat-box {
    color: #18212a !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

html.light-theme .lobby-v12 .lobby-player,
body.light-theme .lobby-v12 .lobby-player {
    background: #f7f8fa !important;
}