body {
    background: #222;
    margin: 0;
    font-family: "Roboto Slab", serif;
}

.content{
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    background: rgb(110,147,147);
    display: flex;
    flex-direction: column;
}

/* ================= COURT ================= */

.court {
    flex: 1;
    display: flex;
    gap: 10px;
    padding: 10px;
}

.team-box {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    color: white;
    transition: filter 0.15s ease;
}

.team-box h2 {
    font-size: clamp(20px, 6vw, 40px);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.team-box h1 {
    font-size: clamp(60px, 18vw, 120px);
    margin: 0;
}

/* ================= CONTROLS ================= */

.controls {
    padding: 15px;
    background: #1e1e1e;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
}

#fullscreen_link {
    *position: fixed;         /* fixed για να μένει στο bottom */
	justify-content: center;
	text-align: center;
	left: 50%;
    *transform: translateX(-50%);
    font-size: 1.5vw;        /* μισό από πριν */
    letter-spacing: 5px;
    cursor: pointer;
    color: white;          
    opacity: 0.35;           /* ίδιο opacity */
    **text-transform: uppercase;
    *transition: opacity 0.3s ease;
    bottom: 15px;            /* πολύ κοντά στο κάτω μέρος */
    z-index: 1000;
}

**.fullScreen {
    -padding: 2px;
    -background: rgb(41, 109, 97);
    -border-top-left-radius: 20px;
    -border-top-right-radius: 20px;
	color : grey;
    text-align: center;
}

.controls h3 {
    margin: 10px 0 5px 0;
    color: white;
}

/* ================= BUTTONS ================= */

.score-btn {
    border-radius: 50%;
    border: none;
    margin: 5px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.1s ease, filter 0.1s ease;
}

/* Μεγάλο 2p */
.btn-2p {
    width: 110px;
    height: 110px;
    font-size: 28px;
}

/* Μικρότερα */
.btn-1p,
.btn-3p {
    width: 75px;
    height: 75px;
    font-size: 20px;
}

/* Press effect */
.score-btn:active {
    transform: scale(0.20);
    filter: brightness(1.15);
}

.btn-minus{
    transform:scale(0.6);
}

/* Flash feedback */
.team-box.flash {
    animation: flash 0.5s ease;
}

@keyframes flash {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.4); }
    100% { filter: brightness(1); }
}
	
.players-table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 10px;

    background: white;

    border: 2px solid #444;
}

.players-table th {

    background: #d9d9d9;

    border: 1px solid #666;

    padding: 6px;

    font-size: 14px;
}

.players-table td {

    border: 1px solid #888;

    padding: 4px;

    text-align: center;

    vertical-align: middle;
}

.player-name {

    font-weight: bold;

    text-align: left;

    padding-left: 8px;

    min-width: 120px;
	    
	padding-left: 4px;

    padding-right: 4px;
}

.cell-value {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 4px;
}

.total-cell {

    -font-size: 28px;
	font-size: 35px;

    font-weight: bold;
}

.mini-buttons {

    display: flex;

    justify-content: center;

    gap: 4px;
}

.mini-buttons button {

    width: 28px;

    height: 28px;

    border: 1px solid #666;

    border-radius: 50%;

    cursor: pointer;

    font-weight: bold;

    font-size: 16px;

    background: #efefef;
}

.mini-buttons button:hover {

    background: #d0d0d0;
}
	
.players-table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 10px;

    background: #ffffff;

    border: 2px solid #555;
}

.players-table th {

    background: #dcdcdc;

    border: 1px solid #777;

    padding: 6px;

    font-size: 14px;
}

.players-table td {

    border: 1px solid #999;

    padding: 6px;

    text-align: center;

    vertical-align: middle;
}

.player-name {

    text-align: left;

    font-weight: bold;

    padding-left: 8px;

    min-width: 140px;
}

.total-cell {

    font-size: 28px;

    font-weight: bold;
}

.stat-inline {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;
}

.cell-value {

    font-size: 22px;

    font-weight: bold;

    min-width: 24px;

    display: inline-block;
}

.mini-btn {

    width: 24px;

    height: 24px;

    border-radius: 6px;

    border: 1px solid #666;

    background: linear-gradient(
        to bottom,
        #f8f8f8,
        #cfcfcf
    );

    box-shadow:
        inset 1px 1px 1px #ffffff,
        inset -1px -1px 1px #999999,
        1px 1px 2px rgba(0,0,0,0.25);

    cursor: pointer;

    font-size: 14px;

    font-weight: bold;

    padding: 0;
}

.mini-btn:active {

    box-shadow:
        inset 2px 2px 3px #999,
        inset -1px -1px 2px #fff;

    transform: translateY(1px);
}
	
select {

    width: 100%;

    max-width: 100%;

    box-sizing: border-box;

    font-size: 14px;
}
	
.players-table {

    width: 100%;

    table-layout: fixed;

    border-collapse: collapse;

    font-size: 12px;
}

.players-table th,
.players-table td {

    border: 1px solid #999;

    padding: 2px;

    text-align: center;
	
	vertical-align: middle;
}

.player-name {

    font-size: 13px;

    font-weight: bold;

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: clip;
}

.mini-btn {

    width: 22px;

    height: 22px;

    font-size: 12px;

    padding: 0;
}
	
@media (max-width: 700px) {

    .players-table {

        font-size: 10px;
    }
	
	.players-table th {

		font-size: 8px;

		font-weight: bold;
	}

    .players-table th,
    .players-table td {

        padding: 1px;
    }

    .player-name {

        font-size: 9px;
    }

    .cell-value {

        font-size: 12px;
    }

    .total-cell {

        font-size: 14px;
    }

    .mini-btn {

        width: 18px;

        height: 18px;

        font-size: 10px;

        padding: 0;
    }

    select {

        font-size: 12px;
    }
}
	
/* =========================
   PLAYERS TABLE
========================= */

.players-table {

    width: 100%;

    border-collapse: collapse;

    table-layout: fixed;

    font-size: 11px;
}

.players-table th,
.players-table td {

    border: 1px solid #444;

    padding: 8px 3px;

    text-align: center;

    vertical-align: middle;

    overflow: hidden;
}

.players-table th {

    background: #222;

    color: white;

    font-size: 9px;

    font-weight: bold;

    word-break: break-word;
}

.player-name {

    font-size: 10px;

    font-weight: bold;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}

.total-cell {

    font-size: 12px;

    font-weight: bold;
}

/* =========================
   INLINE STATS
========================= */

.stat-inline {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 1px;
}

.cell-value {

    min-width: 14px;

    font-size: 14px;

    font-weight: bold;
}

/* =========================
   MINI BUTTONS
========================= */

.mini-btn {

    width: 16px;

    height: 16px;

    padding: 0;

    border: 1px solid #999;

    border-radius: 2px;

    background: #ffffff;

    font-size: 10px;

    font-weight: bold;

    line-height: 1;

    cursor: pointer;

    box-shadow: none;

    appearance: none;

    -webkit-appearance: none;

    transition: 0.05s;
}

/* PRESS EFFECT */

.mini-btn:active {

    transform: scale(0.92);

    background: #ccc;
}

/* =========================
   MOBILE
========================= */

@media screen and (max-width: 900px) {

    .players-table {

        font-size: 9px;
    }

    .players-table th {

        font-size: 7px;
    }

    .player-name {

        font-size: 8px;
    }

    .total-cell {

        font-size: 9px;
    }

    .cell-value {

        font-size: 8px;

        min-width: 10px;
    }

    .mini-btn {

        width: 14px;

        height: 14px;

        font-size: 8px;
    }
}
	
/* NAME COLUMN */

.players-table th:first-child,
.players-table td:first-child {

    width: 28%;

    text-align: left;

    padding-left: 6px;
}

/* TOTAL COLUMN */

.players-table th:nth-child(2),
.players-table td:nth-child(2) {

    width: 10%;
}
	
#stats_container {

    padding-left: 6px;

    padding-right: 6px;
}
	
#fullscreen_link {

    margin-top: 12px;
}
	
.players-table tr:nth-child(3n + 4) {

    background-color: #fff9d6;
}
	
.highlight-2p {
    background: rgba(255, 182, 193, 0.25);
    ----box-shadow: inset 0 0 0 1px rgba(255, 105, 180, 0.5);
}
	
.total {
    color: #000;
    font-weight: bold;
    text-align: center;
}
	
.player {
    text-align: left;
    white-space: normal;
    width: 1000px;        /* πιο μικρό και σταθερό */
    max-width: 100px;
    word-break: break-word;
}