:root{--primary-color: #01579B;--secondary-color: #0277BD;--text-color: #E0E0E0;--bg-main: #212121;--bg-darker: #424242;--bg-secondary: #2A2A2A;--bg-header: #253036;--border-color: #303030;--border-strong-color: #000000;--disabled: #424242;--hover: #37474F}body{margin:0;padding:0;background:var(--bg-main)}.container{position:relative;width:80%;max-width:1350px;min-height:80vh;margin:0 auto;padding:20px;box-sizing:border-box;background:var(--bg-secondary);border-bottom-left-radius:1.2rem;border-bottom-right-radius:1.2rem}.ct-left{position:absolute;width:30%;float:left;box-sizing:border-box;border-right:solid 2px var(--border-color);height:95%}.ct-right{position:absolute;width:61.5%;float:right;box-sizing:border-box;height:95%;left:35%}.link{color:var(--text-color)}.header{position:relative;padding:1rem;background:var(--bg-header);border-bottom:solid 1px var(--border-strong-color);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.header .comp{background:transparent;border:none;color:var(--text-color);font-size:1.2rem;margin-left:1.5rem;padding:.5rem;border-radius:.5rem}.header button{cursor:pointer}.header button:hover{background:var(--hover)}.games-count{margin-left:auto;margin-right:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.finder{position:absolute;width:95%;height:100%;padding:1.4rem;box-sizing:border-box}.up-content{width:100%}.up{box-sizing:border-box;width:100%;padding:.5rem;margin-bottom:1rem;border-radius:.2rem;border:none}.down-content{position:absolute;box-sizing:border-box;width:88%;bottom:0%}.finder .down{box-sizing:border-box;width:100%}.finder .checkbox-bar{color:var(--text-color)}.finder .down-content .request-button{padding:.5rem;margin-top:1rem;background:var(--primary-color);color:var(--text-color);border:none;border-radius:.5rem;cursor:pointer}.finder .request-button:hover{background:var(--secondary-color)}.gamecard{margin-bottom:25px;min-width:0;max-width:100%;flex:0 0 auto;scroll-snap-align:start}.gm-top{display:flex;align-items:center;gap:16px;padding:10px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-darker);color:var(--text-color)}.gm-top .gm-left{flex-shrink:0}.gm-top .gm-left .map-preview img{width:100px;height:100px;object-fit:cover;border-radius:4px;box-shadow:0 0 6px #0009;border:1px solid var(--border-strong-color)}.gm-top .gm-right{flex-grow:1}.gm-top .gm-right .game-info{display:flex;flex-direction:column;gap:6px}.gm-top .gm-right .game-info .game-map{margin:0;font-size:1.2em;font-weight:600;color:var(--text-color)}.gm-top .gm-right .game-info .game-mode,.gm-top .gm-right .game-info .game-date{margin:0;color:var(--text-color);font-size:.9em}.gm-top .gm-right .game-info .showplayers{margin-top:8px;padding:6px 12px;font-size:.9em;cursor:pointer;border:none;border-radius:4px;background-color:var(--primary-color);color:var(--text-color);transition:background-color .3s ease}.gm-top .gm-right .game-info .showplayers:hover{background-color:var(--secondary-color)}.gm-bottom{margin-top:12px;padding:12px;background-color:var(--bg-darker);border-radius:6px;border:1px solid var(--border-color);color:var(--text-color);display:flex;flex-wrap:wrap;gap:10px;min-height:60px;overflow-x:auto;max-width:100%;box-sizing:border-box}.gm-bottom .player-name{background-color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:.9em;color:var(--text-color);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;box-shadow:0 0 6px #01579b99;transition:background-color .3s ease}.gm-bottom .player-name:hover{background-color:var(--secondary-color);box-shadow:0 0 10px #0277bdcc}.players-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none;width:100%;box-sizing:border-box}.map-name{max-width:100px;width:100%;display:block;font-size:min(1.1em,calc(100px/max(1,var(--map-name-chars, 10))));font-weight:500;text-align:center;margin-top:6px;line-height:1.1;white-space:nowrap;overflow:hidden;word-break:normal}.gamecard-slider{display:flex;flex-direction:column;overflow-y:auto;max-height:100%;padding-right:10px}