@import url("../../light/css/style.css");

:root {
    --bg:        #ececec;
    --primary:   #c40000;
    --primary-text: #ffffff;

    --gc-dark-1: #3d3d3d;
    --gc-dark-2: #1f1f1f;
    --gc-band:   #2a2a2a;
    --gc-red:    #c40000;
    --gc-green:  #2eb82e;
    --gc-panel:  #e3e3e3;
    --gc-row:    #d6d6d6;
}

.tpl-classic .table-block{background:#ffffff87}

.tpl-classic .game-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 3em; align-items: flex-start; justify-content:center;}

.tpl-classic .game-card {
    display: flex; align-items: flex-start; gap: 0;
    flex: 0 0 auto;
    background: transparent; border: none; padding: 0; box-shadow: none;
}

.tpl-classic .poll-card {
    background: linear-gradient(var(--gc-dark-1), var(--gc-dark-2));
    color: #eee;
    border: none;
    border-radius: 12px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    padding: 0;
}

.tpl-classic .poll-head {
    display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem;
    padding: 0 0.4rem 0.35rem; margin: 0;
    width:100%;
}

.tpl-classic .poll-tag {
    background: black; color: #cfcfcf;
    font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
    padding: 0.2rem 0.6rem; border-radius: 6px;
    text-align:center;
    width:100%;
}

.tpl-classic .poll-card .game-time { color: #fff; font-size: 0.95rem; font-weight: 600; }
.tpl-classic .poll-card .game-time::before { content: attr(data-label) ": "; font-weight: 400; color: #cfcfcf; }

.tpl-classic .poll-opt-meta { color: #5a5a5a; }
.tpl-classic .poll-by { font-size: 0.8rem; color: #ddd; }
.tpl-classic .poll-by strong { color: #fff; }
.tpl-classic .poll-card .msg-icon { color: #ffb3ab; }

.tpl-classic .poll-actions {
    display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem;
    padding: 0.35rem 0.4rem 0.25rem; margin: 0;
}

.tpl-classic .poll-card .btn-small {
    font-size: 0.62rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;
    padding: 0.2rem 0.5rem; border-radius: 6px; border: none;
    background: #555; color: #fff; text-decoration: none;
}
.tpl-classic .poll-card .btn-small:hover { filter: brightness(1.15); text-decoration: none; }

.tpl-classic .poll-card .btn-danger,
.tpl-classic .poll-del-btn { background: var(--gc-red); color: #fff; }

.tpl-classic .poll-deadline,
.tpl-classic .poll-card .game-rules,
.tpl-classic .poll-card .game-comment {
    background: var(--gc-band); color: #ddd;
    margin: 0; padding: 0.3rem 0.5rem; font-size: 0.85rem;
}
.tpl-classic .poll-deadline strong { color: #fff; font-weight: 600; }
.tpl-classic .poll-card .game-rules { font-weight: 600; }
.tpl-classic .poll-card .game-comment { background: #0d0d0d; font-size: 0.8rem; line-height: 1.35; }
.tpl-classic .poll-deadline + .game-rules,
.tpl-classic .poll-card .game-rules + .game-comment { border-top: 1px solid rgba(255, 255, 255, .06); }
.tpl-classic .poll-card .rules-good { color: var(--gc-green); }
.tpl-classic .poll-card .rules-mid  { color: #e0c341; }
.tpl-classic .poll-card .rules-bad  { color: #ff6b5e; }

.tpl-classic .poll-options { margin: 0; padding: 0.5rem; gap: 0.35rem; }
.tpl-classic .poll-option {
    background: var(--gc-row); border: none; border-radius: 4px;
    padding: 0.3rem 0.5rem; font-size: 0.85rem; color: #333;
}
.tpl-classic .poll-opt-name, .tpl-classic a.poll-opt-name { color: #111; font-weight: 600; }
.tpl-classic a.poll-opt-name { text-decoration: none; border-bottom: 1px dotted rgba(0, 0, 0, .45); }
.tpl-classic a.poll-opt-name:hover { border-bottom-style: solid; }
.tpl-classic .poll-opt-votes { color: #555; }

.tpl-classic .poll-opt-bar { height: 4px; background: rgba(0, 0, 0, .14); }
.tpl-classic .poll-opt-bar > span { background: var(--gc-red); }
.tpl-classic .poll-opt-bar.is-full > span { background: var(--gc-green); }

.tpl-classic .poll-option .btn-primary { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.tpl-classic .poll-option .btn-primary:hover { background: #000; }
.tpl-classic .poll-option .btn-small { background: #777; }

.tpl-classic .gc-info {
    width: 235px; flex: 0 0 235px;
    background: linear-gradient(var(--gc-dark-1), var(--gc-dark-2));
    color: #eee; text-align: center;
    border-radius: 12px; overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
    padding-bottom: 0.6rem;
    position: relative; z-index: 1;
}

.tpl-classic .gc-tabs { display: flex; gap: 0.3rem; padding: 0.35rem 0.4rem 0; justify-content: flex-start; }
.tpl-classic .gc-tab {
    font-size: 0.62rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;
    padding: 0.2rem 0.5rem; border-radius: 6px; text-decoration: none; color: #fff;
    background: #555;
}
.tpl-classic .gc-tab:hover { filter: brightness(1.15); text-decoration: none; }
.tpl-classic .gc-tab-del { background: var(--gc-red); }

.tpl-classic .gc-thumb { padding: 0.5rem 0 0.2rem; }
.tpl-classic .gc-thumb img { max-width: 150px; max-height: 190px; border: 3px solid #111; box-shadow: 0 0 0 1px #000; }

.tpl-classic .gc-name { color: #fff; font-size: 1.05rem; margin: 0.4rem 0.5rem; }

.tpl-classic .gc-band { padding: 0.3rem 0.5rem; font-size: 0.85rem; color: #ddd; }
.tpl-classic .gc-band strong { color: #fff; font-weight: 600; }
.tpl-classic .gc-band + .gc-band { border-top: 1px solid rgba(255, 255, 255, .06); }
.tpl-classic .gc-waga { background: var(--gc-red); color: #fff; font-weight: 600; }

.tpl-classic .gc-waga.weight-1 { background: #2e9e5b; }
.tpl-classic .gc-waga.weight-2 { background: #86b300; }
.tpl-classic .gc-waga.weight-3 { background: #d6a400; }
.tpl-classic .gc-waga.weight-4 { background: #e0701a; }
.tpl-classic .gc-waga.weight-5 { background: #cf3b2e; }
.tpl-classic .gc-row  { background: var(--gc-band); }
.tpl-classic .gc-rules { color: var(--gc-green); font-weight: 600; background: var(--gc-band); }
.tpl-classic .gc-comment { background: #0d0d0d; font-size: 0.8rem; line-height: 1.35; }
.tpl-classic .gc-comment .c-name { color: #bbb; }

.tpl-classic .gc-info .discussion,
.tpl-classic .poll-card .discussion { border-top: none; margin: 0; padding: 0; }
.tpl-classic .gc-info .comment-list,
.tpl-classic .poll-card .comment-list { gap: 0; margin: 0; }
.tpl-classic .gc-info .comment-list li,
.tpl-classic .poll-card .comment-list li { background: #0d0d0d; border: none; border-radius: 0; color: #ccc; border-top: 1px solid rgba(255,255,255,.06); text-align: left; }

.tpl-classic .poll-card .discussion { text-align: center; }
.tpl-classic .comment-add { margin-top: 0.5rem; padding-bottom: 0.6rem; }
.tpl-classic .comment-add summary {
    display: inline-block; cursor: pointer; list-style: none;
    background: #4a4a4a; color: #fff; border-radius: 999px;
    padding: 0.25rem 0.9rem; font-size: 0.8rem;
}

.tpl-classic .comment-add summary::before { content: "+ "; }
.tpl-classic .comment-add summary::-webkit-details-marker { display: none; }
.tpl-classic .comment-add form { padding: 0.5rem; display: flex; flex-direction: column; gap: 0.4rem; text-align: left; }
.tpl-classic .comment-add input, .tpl-classic .comment-add textarea { width: 100%; box-sizing: border-box; }

.tpl-classic .gc-players {
    background: var(--gc-panel);
    border-radius: 10px;
    padding: 0.6rem 0.6rem 0.6rem 1.2rem;
    margin-left: -0.6rem; margin-top: 1.6rem;
    min-width: 300px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}
.tpl-classic .gc-slot {
    display: flex; align-items: center; gap: 0.4rem;
    background: var(--gc-row); border-radius: 4px;
    padding: 0.3rem 0.5rem; margin-bottom: 0.35rem;
    font-size: 0.85rem; color: #333;
}
.tpl-classic .gc-slot strong { color: #111; }
.tpl-classic .gc-knows { color: var(--gc-green); font-size: 0.78rem; }
.tpl-classic .gc-slot-q { flex: 1 1 100%; font-size: 0.8rem; color: #444; padding-left: 0.2rem; }

.tpl-classic .gc-resign {
    margin-left: auto;
    background: var(--gc-red); color: #fff;
    font-size: 0.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em;
    padding: 0.2rem 0.45rem; border-radius: 5px; text-decoration: none; white-space: nowrap;
    margin-right: -20px;
}
.tpl-classic .gc-resign:hover { filter: brightness(1.15); text-decoration: none; }

.tpl-classic .gc-signup {
    display: block; text-align: left;
    background: #1a1a1a; color: #fff;
    border-radius: 5px; padding: 0.35rem 0.7rem; margin-bottom: 0.35rem;
    font-size: 0.85rem; text-decoration: none;
}
.tpl-classic .gc-signup:hover { background: #000; text-decoration: none; }

.tpl-classic .gc-reserve { opacity: 0.75; font-style: italic; }

.tpl-classic .game-archived .gc-info { opacity: 0.55; }
.tpl-classic .game-archived .gc-name { text-decoration: line-through; }

.tpl-classic .gc-info .msg-icon { color: #ffb3ab; }
.tpl-classic .gc-players .msg-icon { color: var(--gc-red); }

.tpl-classic .content     { max-width: none; }
.tpl-classic .topbar-inner { max-width: none; }

.tpl-classic .gc-rules.rules-good { color: var(--gc-green); }
.tpl-classic .gc-rules.rules-mid  { color: #e0c341; }
.tpl-classic .gc-rules.rules-bad  { color: #ff6b5e; }
.tpl-classic .gc-knows.rules-good { color: var(--gc-green); }
.tpl-classic .gc-knows.rules-mid  { color: #9a8400; }
.tpl-classic .gc-knows.rules-bad  { color: #cf3b2e; }

.tpl-classic .gc-name a { color: #fff; text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,.5); }
.tpl-classic .gc-name a:hover { border-bottom-style: solid; }

.tpl-classic .gc-more-slots { font-size: 0.78rem; color: #555; font-style: italic; margin: 0.1rem 0 0.4rem 0.2rem; }

.tpl-classic .gc-info .comment-list li:nth-child(even),
.tpl-classic .poll-card .comment-list li:nth-child(even) { background: #181818; }

@media (max-width: 700px) {
    .tpl-classic .game-list>article{
        width:100%;
    }
    .tpl-classic .game-card { flex-direction: column; width:100%}
    .tpl-classic .gc-players {
        margin-left: 0; margin-top: 0.5rem;
        width: 100%; box-sizing: border-box; min-width: 0;
        padding-left: 0.6rem;
    }
    .tpl-classic .gc-info { width: 100%; flex-basis: auto; box-sizing: border-box; }
}

.tpl-classic .p-signedby { color: #666; }

.tpl-classic .content>.card{
    max-width:99%;
    width:1200px;
    margin:0px auto;
}

.tpl-classic .btn-small.game-manual, .tpl-classic .btn-small.game-manual:hover{
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    background: #555;
}
.tpl-classic .btn-small.game-manual:hover{
    filter: brightness(1.15);
}

@media (min-width: 701px) {
    .tpl-classic .game-list>article{
        width:550px;
    }
}

.tpl-classic .msg-icon-all {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color:#ffb3ab;
}

.tpl-classic .event-header{
    text-align:center;
}

.tpl-classic .day-tabs{justify-content:center;}
.tpl-classic .day-tabs, .tpl-classic .day-tab-active {border-color:#b8b9bd;}
.tpl-classic .day-tab-active{
    background: linear-gradient(var(--surface), var(--bg));
}

.tpl-classic .table-title{padding-bottom:10px;text-align:center;}

.tpl-classic .no-games{padding-bottom:10px;text-align:center;}

.tpl-classic .add-table-form{justify-content:center}

.tpl-classic .add-game-btn {
    margin: 2rem auto 1rem;
}

.tpl-classic .tl-scroll{background:#d8d8d8;}