/* Selected Player Style (For Tactics Board) */
.player-marker.selected-player {
border-color: #fbbf24 !important;
box-shadow: 0 0 10px #fbbf24, 0 0 5px #fbbf24 inset;
background-color: rgba(0, 0, 0, 0.9);
z-index: 100;
transform: translate(-50%, -50%) scale(1.1);
}
.player-marker {
cursor: pointer !important; /* Tıklanabilir olduğunu göstermek için */
}
/* Suspended Player Style */
.player-marker.suspended-player {
border-color: #ef4444 !important;
background-color: rgba(185, 28, 28, 0.9) !important;
}
.player-marker.suspended-player .player-name {
color: #fca5a5 !important;
}
.player-marker:hover {
transform: translate(-50%, -50%) scale(1.1);
border-color: #fbbf24;
z-index: 50;
}
.player-marker-list-item.selected-player {
background-color: #d97706;
color: white;
border: 2px solid #fbbf24;
}
/* Sidebar Custom Ad Area Styles */
.sidebar-ad {
margin-top: 1rem;
padding: 1rem;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 0.5rem;
border: 1px dashed var(--border-color);
text-align: center;
}
.sidebar-ad img {
width: 100%;
height: auto;
border-radius: 4px;
display: block;
margin-bottom: 0.5rem;
transition: transform 0.2s;
}
.sidebar-ad img:hover {
transform: scale(1.02);
opacity: 0.9;
}
.sidebar-ad .ad-label {
font-size: 0.7rem;
color: var(--text-dark);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0.5rem;
display: block;
}
:root {
--main-bg: #2d344b;
--sidebar-bg: #242a3d;
--card-bg: #242a3d;
--border-color: #3c4461;
--text-light: #e0e6f1;
--text-dark: #a0a9c0;
--accent-color: #8a4dff;
--accent-hover: #7b3ce6;
--positive-color: #059669;
--negative-color: #dc2626;
/* Dark theme palette: every theme/contrast block reads these */
--gfm-bg: #07111f;
--gfm-panel: #0f172a;
--gfm-panel-2: #111827;
--gfm-table: #0b1220;
--gfm-input: #020617;
--gfm-field: #0f1b2e;
--gfm-field-border: #2563eb;
--gfm-border: #334155;
--gfm-text: #eaf2ff;
--gfm-text-strong: #f8fafc;
--gfm-text-soft: #cbd5e1;
--gfm-muted: #9ca3af;
--gfm-ink: #07111f;
}
#orientation-warning {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background-color: var(--main-bg);
z-index: 9999;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 2rem;
color: var(--text-light);
}
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
position: fixed;
inset: 0;
transform-origin: top left;
/* Mobil APK için aşağı çekince sayfayı yenilemeyi (Pull-to-refresh) engeller */
overscroll-behavior-y: none;
overscroll-behavior-x: none;
}
body {
font-family: 'Inter', sans-serif;
background-color: var(--main-bg);
color: var(--text-light);
background-image: linear-gradient(135deg, rgba(138, 77, 255, 0.1) 0%, rgba(138, 77, 255, 0) 50%),
linear-gradient(225deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0) 50%);
}
/* --- MOBİL DENEYİM İYİLEŞTİRMELERİ --- */
/* Mobil touch hedefi boyutları (WCAG standartları) */
.btn, button, .nav-item, .nav-category, .player-marker {
min-height: 44px;
min-width: 44px;
}
/* Font boyutları için clamp kullanımı (Dinamik okunabilirlik) */
h2 { font-size: clamp(1.25rem, 5vw, 2rem) !important; }
h3 { font-size: clamp(1rem, 4vw, 1.5rem) !important; }
p { font-size: clamp(0.75rem, 3vw, 1rem); }
/* -------------------------------------- */
#teamSelectionScreen {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 100%;
overflow-y: auto;
padding: 2rem;
z-index: 10;
-webkit-overflow-scrolling: touch;
}
.fm-layout {
display: flex;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 100%;
}
.sidebar {
width: 72px;
background-color: var(--sidebar-bg);
padding: 1rem 0.5rem;
padding-bottom: 120px;
display: flex;
flex-direction: column;
align-items: center;
border-right: 1px solid var(--border-color);
flex-shrink: 0;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.sidebar::-webkit-scrollbar { display: none; }
.main-content {
flex-grow: 1;
padding: 1rem;
overflow-y: auto;
height: 100%;
padding-bottom: 160px;
-webkit-overflow-scrolling: touch;
}
.sidebar-nav {
width: 100%;
}
.sidebar-nav .nav-item {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0.75rem 0;
border-radius: 0.5rem;
font-weight: 500;
transition: background-color 0.2s;
}
.sidebar-nav .nav-item span {
display: none !important;
}
.sidebar-nav .nav-item svg {
margin: 0 !important;
width: 24px;
height: 24px;
}
.sidebar-nav .nav-item.active { background-color: var(--accent-color); color: white; }
.sidebar-nav .nav-item:hover:not(.active) { background-color: #3c4461; }
/* Accordion Category Button -> Flyout Trigger */
.nav-category {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 0.5rem 0;
border-radius: 0.5rem;
background-color: #2a3143;
color: #9ca3af;
border: 1px solid var(--border-color);
cursor: pointer;
transition: all 0.2s;
margin-top: 0.5rem;
}
.sidebar-nav > .nav-category:first-child { margin-top: 0; }
.nav-category:hover { background-color: #374151; color: white; }
.nav-category.active-category { background-color: rgba(138, 77, 255, 0.2); border-color: var(--accent-color); color: white; }
.nav-category.open { background-color: var(--accent-color); color: white; border-color: var(--accent-hover); }
.nav-category .cat-icon { font-size: 0.7rem; margin-bottom: 0; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.nav-category .cat-chevron { display: none !important; }
.nav-category.open,
.nav-category.active-category {
background: linear-gradient(145deg, #16a34a, #4ade80);
color: white;
border-color: rgba(255,255,255,.75);
box-shadow: 0 0 16px rgba(74,222,128,.55);
outline: 2px solid #fff;
outline-offset: 1px;
}
/* Flyout Container (Sideways Menu) */
.nav-items-container {
display: none;
position: fixed;
left: 72px; /* Sidebar width */
z-index: 1000;
flex-direction: column;
gap: 0.25rem;
background-color: #1f2937; /* Darker contrast bg */
padding: 0.5rem;
border-radius: 0.5rem;
border: 1px solid var(--border-color);
box-shadow: 4px 4px 15px rgba(0,0,0,0.5);
min-width: 160px;
}
@media (max-width: 768px) {
.nav-items-container { left: 64px; }
}
.nav-items-container.open { display: flex; animation: fadeInLeft 0.2s ease-out; }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
/* Show text inside flyout menus */
.nav-items-container .nav-item {
justify-content: flex-start;
padding: 0.5rem 0.75rem;
}
.nav-items-container .nav-item span {
display: inline !important;
margin-left: 0.75rem;
font-size: 0.9rem;
}
.card { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 0.75rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
.btn { display: inline-block; padding: 0.5rem 1rem; border-radius: 0.5rem; font-weight: 600; text-align: center; transition: all 0.2s; cursor: pointer; }
.btn-primary { background-color: var(--accent-color); color: white; border: 1px solid var(--accent-hover); }
.btn-primary:hover { background-color: var(--accent-hover); }
.btn-secondary { background-color: #4b5563; color: white; border: 1px solid #6b7280; }
.btn-secondary:hover { background-color: #374151; }
.btn:disabled { background-color: #4b5563; cursor: not-allowed; opacity: 0.7; }
.modal-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.75); display: flex; align-items: center; justify-content: center; z-index: 10000; }
/* Player Profile and other modals sit above the MESSAGES button so the close control can be tapped. */
#modal.modal-backdrop,
#secondaryModal.modal-backdrop { z-index: 100020 !important; }
/* Critical: closing must beat any display:flex rules or the UI stays unclickable */
.modal-backdrop.hidden,
#modal.hidden,
#secondaryModal.hidden {
display: none !important;
pointer-events: none !important;
visibility: hidden !important;
}
.modal-content { background-color: var(--card-bg); padding: 2rem; border-radius: 0.75rem; width: 95%; max-width: 1200px; max-height: 90vh; display: flex; flex-direction: column; }
.pitch { position: relative; background-color: #057a55; border: 3px solid #fff; border-radius: 0.5rem; aspect-ratio: 7 / 5; width: 100%; background-image: radial-gradient(circle at center, rgba(255,255,255,0.1) 2px, transparent 2px), linear-gradient(to bottom, transparent 49.5%, #fff 49.5%, #fff 50.5%, transparent 50.5%); }
.player-marker { position: absolute; background-color: rgba(0,0,0,0.7); color: white; border-radius: 0.5rem; padding: 0.2rem 0.4rem; font-size: 0.75rem; text-align: center; cursor: grab; border: 2px solid #4b5563; z-index: 10; touch-action: none; transform: translate(-50%, -50%); }
.player-marker:active { cursor: grabbing; z-index: 20; }
.player-marker-list-item { cursor: grab; background-color: #374151; padding: 0.5rem; border-radius: 0.25rem; margin-bottom: 0.5rem;}
.table thead th { position: sticky; top: 0; background-color: #374151; z-index: 5; }
.morale-icon { display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; }
.form-arrow { font-size: 1.2rem; font-weight: bold; }
.squad-tab-button { background-color: #3c4461; }
.squad-tab-button.active { background-color: var(--accent-color); }
.league-selector-btn { padding: 4px 8px; border-radius: 4px; background-color: #3c4461; }
.league-selector-btn.active { background-color: var(--accent-color); }
.promotion-zone { background-color: rgba(5, 150, 105, 0.2); }
.relegation-zone { background-color: rgba(220, 38, 38, 0.2); }
.match-event-timeline { font-family: monospace; }
.match-event-minute { color: var(--text-dark); width: 40px; text-align: right; margin-right: 10px; }
.match-event-icon { margin-right: 10px; }
.match-event-text { color: var(--text-light); }
.transfer-window-indicator { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.stats-grid {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 0.5rem 1rem;
align-items: center;
}
.stats-label { text-align: center; font-weight: 600; color: var(--text-dark); grid-column: 2; }
.stats-home { text-align: right; font-weight: bold; font-size: 1.1rem; grid-column: 1; }
.stats-away { text-align: left; font-weight: bold; font-size: 1.1rem; grid-column: 3; }
.stats-bar-container { grid-column: 1 / 4; display: flex; height: 8px; background-color: #4b5563; border-radius: 4px; overflow: hidden; }
.stats-bar-home { background-color: var(--positive-color); }
.stats-bar-away { background-color: var(--negative-color); }
.home-team-color { color: var(--positive-color); font-weight: 600; }
.away-team-color { color: var(--negative-color); font-weight: 600; }
.toast {
background-color: var(--card-bg);
color: var(--text-light);
padding: 1rem;
border-radius: 0.5rem;
border: 1px solid var(--border-color);
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
margin-top: 0.5rem;
opacity: 1;
transform: translateX(0);
transition: opacity 0.5s ease, transform 0.5s ease, margin-top 0.3s ease;
pointer-events: auto;
cursor: pointer;
}
.toast.fade-out {
opacity: 0;
transform: translateX(100%);
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
height: 0;
border: 0;
}
.live-ticker-container {
overflow: hidden;
white-space: nowrap;
width: 100%;
background-color: rgba(0, 0, 0, 0.85);
border-top: 1px solid #374151;
border-bottom: 1px solid #1f2937;
padding: 3px 0;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
}
.live-ticker-inner {
display: inline-block;
padding-left: 100%;
animation: live-ticker-scroll 45s linear infinite;
}
.live-ticker-inner:hover {
animation-play-state: paused;
}
.live-ticker-item {
display: inline-flex;
align-items: center;
gap: 0.375rem;
font-size: 0.65rem;
font-weight: 700;
}
@media (min-width: 768px) {
.live-ticker-item { font-size: 0.75rem; }
}
@keyframes live-ticker-scroll {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
#socialFeedBar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background-color: var(--sidebar-bg);
border-top: 1px solid var(--border-color);
padding: 0.5rem 0;
overflow: hidden;
white-space: nowrap;
z-index: 45;
visibility: visible;
opacity: 1;
transition: visibility 0.5s, opacity 0.5s linear;
}
.social-feed-hidden {
visibility: hidden;
opacity: 0;
}
.social-feed-inner {
display: inline-block;
padding-left: 100%;
animation: scroll-left 25s linear 1;
}
.social-post-item {
display: inline-block;
margin-right: 3rem;
color: var(--text-dark);
font-size: 1rem;
}
.social-post-item strong {
color: var(--text-light);
margin-right: 0.5rem;
}
@keyframes scroll-left {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
#satisfactionPanel {
position: fixed;
top: 12px;
right: 12px;
width: 220px;
background: rgba(20, 20, 30, 0.65);
backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
padding: 10px 12px;
color: #e0e6f1;
font-size: 12px;
z-index: 60;
box-shadow: 0 4px 14px rgba(0,0,0,.35);
transition: padding-bottom 0.3s ease;
}
.sat-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
padding-bottom: 8px;
}
#satisfactionPanel.collapsed .sat-header {
padding-bottom: 0;
}
#satisfactionPanel h4 {
margin: 0;
font-size: 13px;
font-weight: 600;
text-align: left;
letter-spacing: .5px;
flex-grow: 1;
}
#satToggleIcon {
transition: transform 0.3s ease;
font-size: 10px;
color: var(--text-dark);
}
#satContent {
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.4s ease;
max-height: 200px;
opacity: 1;
}
#satisfactionPanel.collapsed #satContent {
max-height: 0;
opacity: 0;
}
#satisfactionPanel.collapsed #satToggleIcon {
transform: rotate(-180deg);
}
.sat-bar {
margin-bottom: 6px;
}
.sat-bar label {
display: flex;
justify-content: space-between;
margin-bottom: 2px;
}
.sat-bar span:last-child {
font-weight: 600;
}
.sat-track {
height: 6px;
background: rgba(255, 255, 255, 0.12);
border-radius: 3px;
overflow: hidden;
}
.sat-fill {
height: 100%;
transition: width .4s ease, background-color .4s ease;
}
.sat-red { background: #ef4444; }
.sat-yellow { background: #f59e0b; }
.sat-green { background: #10b981; }
.pixel-ball-box{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap: 1.5rem;
padding:1rem;
background:rgba(0,0,0,.25);
border:1px solid var(--border-color,#3c4461);
border-radius:.5rem;
width:100%;
max-width:280px;
margin:0 auto 1.25rem;
}
#pixelBall{
image-rendering:pixelated;
image-rendering:crisp-edges;
width: 144px;
height: 96px;
}
.gfm-country-logo{
width:128px;
height:128px;
object-fit:contain;
border-radius:18px;
image-rendering:auto;
}
.pixel-title{
font-size:1.125rem;
font-weight:700;
text-align:center;
line-height:1.3;
color:var(--text-light,#e0e6f1);
letter-spacing:.5px;
}
#managerNameInput {
font-size: 1.5rem !important;
padding: 1rem !important;
height: 60px;
text-align: center;
z-index: 1000;
position: relative;
touch-action: manipulation;
}
.match-event-item.red { background: rgba(220, 38, 38, 0.2); border-color: var(--negative-color); padding-left: 0.5rem; padding-right: 0.5rem; border-radius: 4px; }
.feed-min { color: var(--accent-color); font-weight: bold; width: 35px; flex-shrink: 0; text-align: right; }
.stat-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; font-size: 0.9rem; }
.stat-val { width: 40px; text-align: center; font-weight: bold; }
.stat-bar-bg { flex-grow: 1; margin: 0 1rem; background: #374151; height: 8px; border-radius: 4px; overflow: hidden; display: flex; }
.stat-fill-home { height: 100%; background-color: var(--positive-color); transition: width 1s ease-out; }
.stat-fill-away { height: 100%; background-color: var(--negative-color); transition: width 1s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideInScale {
0% { opacity: 0; transform: scale(0.9) translateY(20px); }
100% { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes star-celebration {
0% { transform: scale(0.1) translateY(100px) rotate(-45deg); opacity: 0; }
20% { transform: scale(1.2) translateY(-20px) rotate(10deg); opacity: 1; }
40% { transform: scale(1) translateY(0) rotate(0deg); opacity: 1; }
80% { transform: scale(1) translateY(0) rotate(0deg); opacity: 1; }
100% { transform: scale(2) translateY(-100px); opacity: 0; }
}
.star-celeb-anim {
animation: star-celebration 2.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
/* YENİ: Animasyon Katmanları (Koşu, Müdahale, Kutlama ve Hava Topu) */
@keyframes run-wobble {
0%, 100% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -55%) scale(1.1); }
}
.running { animation: run-wobble 0.35s infinite; }
@keyframes tackle-lunge {
0% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-30%, -50%) scale(1.2) rotate(-15deg); }
100% { transform: translate(-50%, -50%) scale(1); }
}
.tackling { animation: tackle-lunge 0.3s ease-out forwards; z-index: 45 !important; }
@keyframes goal-celebrate {
0%, 100% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -50%) scale(1.6) rotate(15deg); box-shadow: 0 0 20px #fbbf24; }
}
.celebrating { animation: goal-celebrate 0.8s ease-in-out infinite; z-index: 60 !important; }
.ball-aerial {
animation: ball-parabola var(--ball-dur, 1s) cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes ball-parabola {
0% { transform: scale(1); box-shadow: 2px 4px 6px rgba(0,0,0,0.5); }
50% { transform: scale(3.5); box-shadow: 10px 25px 20px rgba(0,0,0,0.2); }
100% { transform: scale(1); box-shadow: 2px 4px 6px rgba(0,0,0,0.5); }
}
.weather-overlay {
position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 10;
}
.weather-rain { background: url('data:image/svg+xml;utf8,') repeat; animation: rain 0.5s linear infinite; }
.weather-snow { background: url('data:image/svg+xml;utf8,') repeat; animation: snow 3s linear infinite; }
@keyframes rain { 0% { background-position: 0 0; } 100% { background-position: -20px 100px; } }
@keyframes snow { 0% { background-position: 0 0; } 100% { background-position: 20px 100px; } }
.sliding { animation: slide-tackle 0.6s ease-out forwards; z-index: 15 !important; }
@keyframes slide-tackle {
0% { transform: translate(-50%, -50%) scaleY(1) rotate(0deg); }
50% { transform: translate(-30%, -50%) rotate(90deg) scaleY(0.6); }
100% { transform: translate(-50%, -50%) scaleY(1) rotate(0deg); }
}
.falling { animation: fall-down 1.2s ease-out forwards; z-index: 14 !important; }
@keyframes fall-down {
0% { transform: translate(-50%, -50%) rotate(0deg); opacity: 1; }
30% { transform: translate(-50%, -30%) rotate(90deg); opacity: 0.6; }
100% { transform: translate(-50%, -50%) rotate(0deg); opacity: 1; }
}
.heading { animation: head-jump 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; z-index: 55 !important; }
@keyframes head-jump {
0%, 100% { transform: translate(-50%, -50%) scale(1); }
50% { transform: translate(-50%, -80%) scale(1.4); }
}
@keyframes skill-move-anim {
0%, 100% { transform: translate(-50%, -50%) rotate(0deg); }
25% { transform: translate(-50%, -50%) rotate(15deg) scale(1.1); }
75% { transform: translate(-50%, -50%) rotate(-15deg) scale(1.1); }
}
.skill-move { animation: skill-move-anim 0.4s ease-in-out infinite; z-index: 55 !important; }
.ball-curve {
/* Falso/Kavis hissi vermek için X ve Y eksenlerinde farklı ivmelenme */
transition: left var(--ball-dur) ease-in, top var(--ball-dur) ease-out !important;
}
/* --------------------------------------------------------- */
.transfer-modal-anim {
opacity: 0;
animation: slideInScale 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
.transfer-bg-text {
display: none !important;
}
.gfm-ta-wrap{
position:relative;
background:linear-gradient(180deg,#0b1220 0%,#070b14 100%);
color:#fff;
padding:20px 18px 8px;
display:flex;
flex-direction:column;
gap:18px;
min-height:0;
}
.gfm-ta-close{
position:absolute;top:10px;right:10px;z-index:5;
width:34px;height:34px;border-radius:999px;
border:1px solid #334155;background:#0f172a;color:#94a3b8;
display:grid;place-items:center;cursor:pointer;
}
.gfm-ta-close:hover{background:#1e293b;color:#fff;border-color:#64748b}
.gfm-ta-status{
align-self:center;
display:inline-flex;align-items:center;gap:8px;
padding:6px 14px;border-radius:999px;
font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
background:rgba(34,197,94,.12);color:#86efac;border:1px solid rgba(34,197,94,.35);
}
.gfm-ta-status.loan{background:rgba(59,130,246,.12);color:#93c5fd;border-color:rgba(59,130,246,.35)}
.gfm-ta-player{text-align:center;padding:0 28px}
.gfm-ta-player h2{
margin:0 0 8px;font-size:clamp(1.25rem,3.2vw,2rem);
font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#f8fafc;line-height:1.15;
}
.gfm-ta-pos{
display:inline-block;padding:5px 12px;border-radius:999px;
background:#111827;border:1px solid #374151;color:#fbbf24;
font-size:12px;font-weight:700;
}
.gfm-ta-move{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;gap:12px 16px;
padding:16px;border-radius:14px;
background:rgba(15,23,42,.72);border:1px solid #1e293b;
}
.gfm-ta-club{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;gap:8px}
.gfm-ta-club .gfm-transfer-splash-logo,
.gfm-ta-club .gfm-transfer-splash-logo img,
.gfm-ta-club .gfm-transfer-team-logo,
.gfm-ta-club .gfm-transfer-team-logo img{
width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;
object-fit:contain;
}
.gfm-ta-club-name{
font-size:14px;font-weight:800;color:#f1f5f9;line-height:1.25;
max-width:100%;overflow-wrap:anywhere;word-break:break-word;
}
.gfm-ta-club-country{font-size:11px;color:#94a3b8}
.gfm-ta-arrow{color:#94a3b8;display:grid;place-items:center;flex-shrink:0}
.gfm-ta-arrow svg{width:28px;height:28px}
.gfm-ta-fee{
text-align:center;padding:14px 12px 6px;
border-top:1px solid #1e293b;
}
.gfm-ta-fee-amt{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1}
.gfm-ta-fee-lbl{margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64748b}
.gfm-ta-footer{
background:#0b1220;padding:12px 14px;text-align:center;
border-top:1px solid #1e293b;
}
.gfm-ta-footer .btn{min-width:160px}
@media(max-width:640px){
.gfm-ta-wrap{padding:16px 12px 6px;gap:14px}
.gfm-ta-move{grid-template-columns:1fr;gap:10px;padding:12px}
.gfm-ta-arrow{transform:rotate(90deg)}
.gfm-ta-club .gfm-transfer-splash-logo,
.gfm-ta-club .gfm-transfer-splash-logo img,
.gfm-ta-club .gfm-transfer-team-logo,
.gfm-ta-club .gfm-transfer-team-logo img{
width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;
}
}
@keyframes pulseText {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.loading-text-anim {
animation: pulseText 1.5s infinite;
}
/* YENİ: Splash Screen Animasyonları */
@keyframes logo-pop {
0% { transform: scale(0.8); opacity: 0; filter: blur(10px); }
100% { transform: scale(1); opacity: 1; filter: blur(0); }
}
.logo-anim {
animation: logo-pop 1.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
.hidden {
display: none !important;
}
.splash-logo-image {
width: 8rem;
height: 8rem;
border-radius: 2rem;
object-fit: cover;
border: 1px solid rgba(147, 197, 253, 0.9);
box-shadow: 0 0 70px rgba(37, 99, 235, 0.45);
background: #0f172a;
}
@media (min-width: 768px) {
.splash-logo-image {
width: 10rem;
height: 10rem;
border-radius: 2.25rem;
}
}
.custom-scrollbar::-webkit-scrollbar { display: none; }
/* GLOBAL: Tüm uygulama için kaydırma çubuklarını (Scrollbar) tamamen gizle */
::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
}
* {
-ms-overflow-style: none !important; /* IE and Edge */
scrollbar-width: none !important; /* Firefox */
}
#orientation-warning {
display: none !important;
}
#turn, #rotate-device, .orientation-warning {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: -9999 !important;
}
.modal-content { background-color: var(--card-bg); padding: 1rem; border-radius: 0.75rem; width: 96%; max-width: 1200px; max-height: 88vh; display: flex; flex-direction: column; overflow-x: hidden; }
@media (min-width: 768px) { .modal-content { padding: 2rem; width: 95%; max-height: 90vh; } }
.full-screen-modal {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: 100dvh !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
.full-screen-modal > div {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
min-height: 0;
}
@media (max-width: 1024px) {
.modal-backdrop {
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
.scaled-modal-container {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 1024px !important;
min-width: 1024px !important;
margin: 0 !important;
margin-left: -512px !important;
transform-origin: center center !important;
transform: translateY(-50%) scale(calc(100vw / 1060)) !important;
max-height: none !important;
}
}
@media (max-width: 768px) {
.sidebar {
width: 50px !important;
padding: 0.25rem 0.1rem !important;
padding-bottom: 90px !important;
}
.sidebar .btn, .sidebar button, .sidebar .nav-category {
min-height: 26px !important;
min-width: 26px !important;
border-radius: 0.3rem !important;
}
.main-content {
padding: 0.25rem !important;
padding-bottom: 120px !important;
}
.sidebar-nav {
margin-top: 0.15rem !important;
}
.sidebar-nav button {
padding: 0.15rem 0 !important;
margin-top: 0.15rem !important;
}
.sidebar-nav button svg {
width: 14px !important;
height: 14px !important;
}
.nav-category .cat-icon {
font-size: 0.85rem !important;
margin-bottom: 0 !important;
}
.nav-category .cat-chevron {
display: none !important;
}
#teamInfoSidebar .w-10 {
width: 1.5rem !important;
height: 1.5rem !important;
border-width: 1px !important;
}
#controls-area {
margin-top: 0.15rem !important;
gap: 0.15rem !important;
}
#controls-area .btn {
padding: 0.15rem 0 !important;
}
#controls-area .text-xl, #controls-area .text-lg {
font-size: 0.85rem !important;
}
#simDayBtn,
.gfm-continue-btn {
font-size: 7px !important;
padding: 6px 2px !important;
letter-spacing: normal !important;
min-height: 28px !important;
}
#controls-area .text-\[10px\] {
font-size: 8px !important;
line-height: 1.1 !important;
}
.sidebar-ad {
padding: 0.15rem !important;
margin-top: 0.15rem !important;
}
}
.pitch { position: relative; background-color: #057a55; border: 3px solid #fff; border-radius: 0.5rem; aspect-ratio: 3 / 4; width: 100%; max-width: 400px; margin-inline: auto; background-image: radial-gradient(circle at center, rgba(255,255,255,0.1) 2px, transparent 2px), linear-gradient(to bottom, transparent 49.5%, #fff 49.5%, #fff 50.5%, transparent 50.5%); }
@media (min-width: 768px) {
.pitch { aspect-ratio: 7 / 5; max-width: 100%; }
}
table td, table th {
padding-top: 0.15rem !important;
padding-bottom: 0.15rem !important;
line-height: 1.1 !important;
}
/* 2.5D / 2D match viewer CSS removed: statistics-only match screen. */
/* ===== Club Home Hub (in-game dashboard) ===== */
.gfm-home{max-width:1100px;margin:0 auto;padding:6px 4px 20px;box-sizing:border-box}
.gfm-home-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(120deg,rgba(15,23,42,.95),rgba(30,58,138,.35));border:1px solid rgba(96,165,250,.28)}
.gfm-home-brand{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}
.gfm-home-brand h1{margin:0;font-size:1.05rem;font-weight:900;color:#f8fafc;line-height:1.15}
.gfm-home-brand p{margin:2px 0 0;font-size:11px;color:#94a3b8}
.gfm-home-head-stats{display:flex;gap:10px}
.gfm-home-head-stats>div{text-align:center;min-width:48px;padding:4px 8px;border-radius:10px;background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.2)}
.gfm-home-head-stats span{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.gfm-home-head-stats b{font-size:15px;color:#e2e8f0}
.gfm-home-form-text{letter-spacing:.08em;color:#4ade80!important}
.gfm-home-grid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:760px){
.gfm-home-grid{grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:
"key news table"
"fix radar stats"
"medical medical actions"}
.gfm-home-key{grid-area:key}
.gfm-home-news{grid-area:news}
.gfm-home-table{grid-area:table}
.gfm-home-fixtures{grid-area:fix}
.gfm-home-radar-card{grid-area:radar}
.gfm-home-stats{grid-area:stats}
.gfm-home-medical{grid-area:medical}
.gfm-home-actions{grid-area:actions}
}
.gfm-home-card{background:linear-gradient(165deg,rgba(15,23,42,.96),rgba(2,6,23,.9));border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:10px 11px;min-width:0}
.gfm-home-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.gfm-home-card-h h3{margin:0;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}
.gfm-home-link{border:0;background:transparent;color:#60a5fa;font-size:10px;font-weight:800;cursor:pointer;padding:0}
.gfm-home-pill{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(37,99,235,.25);border:1px solid rgba(96,165,250,.4);color:#bfdbfe}
.gfm-home-player{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid rgba(51,65,85,.7);background:rgba(2,6,23,.45);border-radius:10px;padding:7px 8px;margin:0 0 5px;cursor:pointer;color:inherit}
.gfm-home-player:hover{border-color:rgba(96,165,250,.45);background:rgba(30,41,59,.7)}
.gfm-home-player-pos{flex:0 0 34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;background:rgba(37,99,235,.25);color:#93c5fd}
.gfm-home-player-meta{min-width:0;flex:1}
.gfm-home-player-meta b{display:block;font-size:12px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfm-home-stars{font-size:10px;color:#fbbf24}
.gfm-home-stars em{font-style:normal;color:#94a3b8;margin-left:4px;font-weight:800}
.gfm-home-news-title{margin:0 0 6px;font-size:14px;font-weight:900;color:#f8fafc;line-height:1.25}
.gfm-home-news-body{margin:0 0 8px;font-size:12px;color:#94a3b8;line-height:1.4;max-height:4.8em;overflow:hidden}
.gfm-home-standings{width:100%;border-collapse:collapse;font-size:11px}
.gfm-home-standings th{text-align:left;color:#64748b;font-size:9px;text-transform:uppercase;padding:3px 4px;border-bottom:1px solid rgba(51,65,85,.8)}
.gfm-home-standings td{padding:5px 4px;border-bottom:1px solid rgba(30,41,59,.8);color:#cbd5e1}
.gfm-home-standings tr{cursor:pointer}
.gfm-home-standings tr:hover td{background:rgba(30,41,59,.5)}
.gfm-home-standings tr.gfm-home-me td{background:rgba(37,99,235,.2);color:#fff;font-weight:800}
.gfm-home-tname{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfm-home-fix{display:grid;grid-template-columns:42px 36px 1fr 18px;gap:4px;align-items:center;width:100%;border:1px solid rgba(51,65,85,.65);background:rgba(2,6,23,.4);border-radius:8px;padding:6px 7px;margin:0 0 5px;cursor:pointer;color:#e2e8f0;font-size:11px;text-align:left}
.gfm-home-fix:hover{border-color:rgba(74,222,128,.4)}
.gfm-home-fix-d{font-weight:800;color:#94a3b8;font-size:10px}
.gfm-home-fix-c{font-size:9px;font-weight:900;color:#38bdf8}
.gfm-home-fix-o{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.gfm-home-fix-ha{font-size:10px;font-weight:900;color:#64748b;text-align:right}
.gfm-home-wld{text-align:center;font-size:12px;font-weight:900;color:#e2e8f0;margin-bottom:4px}
.gfm-home-radar{width:100%;max-width:200px;margin:0 auto;display:block}
.gfm-home-radar-grid{fill:none;stroke:rgba(148,163,184,.25);stroke-width:.6}
.gfm-home-radar-fill{fill:rgba(59,130,246,.35);stroke:#60a5fa;stroke-width:1.2}
.gfm-home-radar-lab{fill:#94a3b8;font-size:5px;font-weight:700}
.gfm-home-radar-foot{text-align:center;font-size:10px;color:#64748b;margin-top:4px;font-weight:700}
.gfm-home-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gfm-home-stat{background:rgba(2,6,23,.5);border:1px solid rgba(51,65,85,.7);border-radius:8px;padding:7px 8px}
.gfm-home-stat span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;color:#64748b;letter-spacing:.05em}
.gfm-home-stat b{font-size:14px;color:#f1f5f9}
.gfm-home-inj{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid rgba(51,65,85,.6);font-size:12px}
.gfm-home-inj b{color:#fca5a5}
.gfm-home-inj span{color:#94a3b8;font-weight:800}
.gfm-home-empty{font-size:11px;color:#64748b;font-style:italic;padding:8px 2px}
.gfm-home-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gfm-home-act{border:1px solid rgba(148,163,184,.28);background:rgba(30,41,59,.9);color:#e2e8f0;border-radius:10px;padding:10px 8px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;min-height:40px}
.gfm-home-act.primary{background:linear-gradient(90deg,#047857,#16a34a);border-color:rgba(74,222,128,.5);color:#fff;grid-column:1/-1}
.gfm-home-act:hover{filter:brightness(1.1)}
@media(max-width:480px){
.gfm-home-head{padding:8px}
.gfm-home-brand h1{font-size:.95rem}
.gfm-home-head-stats b{font-size:13px}
.gfm-home-tname{max-width:90px}
}
/* ===== Startup hub / create / style ===== */
.gfm-startup-shell{
width:100%;
max-width:min(420px, calc(100vw - 20px));
margin:0 auto;
padding:12px 8px 80px;
display:flex;
flex-direction:column;
gap:12px;
box-sizing:border-box;
}
.gfm-startup-step{display:none!important}
.gfm-startup-step.active{display:block!important}
.gfm-startup-step[hidden]{display:none!important}
.gfm-startup-brand{
display:flex;
align-items:center;
gap:10px;
background:rgba(0,0,0,.28);
border:1px solid rgba(148,163,184,.22);
border-radius:12px;
padding:8px 10px;
}
.gfm-startup-ball{width:52px;height:auto;flex-shrink:0}
.gfm-startup-brand-text{flex:1;min-width:0}
.gfm-startup-title{font-size:14px;font-weight:900;color:#f1f5f9;line-height:1.15}
.gfm-startup-sub{font-size:10px;font-weight:800;letter-spacing:.12em;color:#60a5fa;margin-top:2px}
.gfm-startup-lang{
background:#0f172a;color:#e2e8f0;border:1px solid rgba(148,163,184,.3);
border-radius:8px;font-size:10px;font-weight:800;padding:4px 6px;
}
.gfm-startup-card{
background:linear-gradient(160deg,#1e293b,#0f172a);
border:1px solid rgba(148,163,184,.28);
border-radius:14px;
padding:14px 14px 12px;
box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.gfm-startup-h2{
margin:0 0 4px;
font-size:15px;
font-weight:900;
letter-spacing:.06em;
text-transform:uppercase;
color:#fff;
text-align:center;
}
.gfm-startup-hint{margin:0 0 12px;font-size:11px;color:#94a3b8;text-align:center;line-height:1.35}
.gfm-startup-btn{
display:block;width:100%;
border:1px solid rgba(148,163,184,.3);
border-radius:10px;
padding:12px 10px;
margin:0 0 8px;
font-size:12px;font-weight:900;letter-spacing:.04em;
text-transform:uppercase;cursor:pointer;
color:#e2e8f0;background:rgba(30,41,59,.95);
min-height:44px;
-webkit-tap-highlight-color:transparent;
}
.gfm-startup-btn:last-child{margin-bottom:0}
.gfm-startup-btn.primary{
background:linear-gradient(90deg,#6d28d9,#8b5cf6);
border-color:rgba(167,139,250,.55);color:#fff;
box-shadow:0 0 16px rgba(139,92,246,.35);
}
.gfm-startup-btn.accent{
background:linear-gradient(90deg,#1d4ed8,#3b82f6);
border-color:rgba(96,165,250,.5);color:#fff;
}
.gfm-startup-btn.ok{
background:rgba(22,101,52,.75);
border-color:rgba(74,222,128,.4);color:#dcfce7;
}
.gfm-startup-btn.muted{background:rgba(15,23,42,.9);color:#94a3b8}
.gfm-startup-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:12px}
.gfm-startup-actions .gfm-startup-btn{margin:0}
.gfm-startup-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gfm-startup-label{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:3px}
.gfm-startup-input{
width:100%;box-sizing:border-box;
background:#0f172a;border:1px solid rgba(148,163,184,.3);
border-radius:8px;color:#f8fafc;font-size:12px;padding:9px 8px;outline:none;
}
.gfm-startup-input:focus{border-color:#60a5fa}
.gfm-startup-section{margin-bottom:12px}
.gfm-chip-row{display:flex;flex-wrap:wrap;gap:6px}
.gfm-chip{
border:1px solid rgba(148,163,184,.3);
background:rgba(15,23,42,.85);
color:#cbd5e1;border-radius:999px;
padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer;
min-height:36px;
}
.gfm-chip.active{
background:rgba(37,99,235,.35);
border-color:rgba(96,165,250,.65);
color:#fff;
box-shadow:0 0 0 1px rgba(96,165,250,.25);
}
.gfm-startup-community{
background:rgba(2,6,23,.72);
border:1px solid rgba(148,163,184,.22);
border-radius:12px;
padding:0 10px;
color:#e2e8f0;
}
.gfm-startup-community > summary{
list-style:none;
cursor:pointer;
padding:12px 4px;
font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;
display:flex;align-items:center;justify-content:space-between;gap:8px;
-webkit-tap-highlight-color:transparent;
}
.gfm-startup-community > summary::-webkit-details-marker{display:none}
.gfm-startup-muted{font-size:10px;font-weight:600;color:#64748b;text-transform:none;letter-spacing:0}
.gfm-hub-community-body{padding:0 2px 12px;display:flex;flex-direction:column;gap:10px}
.gfm-community-placeholder{text-align:center;padding:8px}
/* Hide community injectables unless hub community is open */
#gfmManagerCreationShell:not([data-step="hub"]) #gfmHubCommunity,
#gfmManagerCreationShell:not([data-step="hub"]) #gfmManagerStatsRail,
#gfmManagerCreationShell:not([data-step="hub"]) #gfmPublicStatsCard,
#gfmManagerCreationShell:not([data-step="hub"]) #gfmGlobalRecordsCard,
#gfmManagerCreationShell:not([data-step="hub"]) #gfmOnlineManagersForceCard,
#gfmManagerCreationShell:not([data-step="hub"]) #gfmOnlineManagersListOnlyCard{
display:none!important;
}
#gfmHubCommunity:not([open]) #gfmHubCommunityBody,
#gfmHubCommunity:not([open]) #gfmManagerStatsRail,
#gfmHubCommunity:not([open]) #gfmPublicStatsCard,
#gfmHubCommunity:not([open]) #gfmGlobalRecordsCard,
#gfmHubCommunity:not([open]) #gfmOnlineManagersForceCard,
#gfmHubCommunity:not([open]) #gfmOnlineManagersListOnlyCard{
display:none!important;
}
/* Prefer single column startup; hub uses full dashboard width */
#gfmManagerCreationShell.gfm-startup-shell:not(.gfm-hub-mode):not([data-step="hub"]){
max-width:min(420px, calc(100vw - 20px))!important;
display:flex!important;
flex-direction:column!important;
}
@media(min-width:900px){
.gfm-startup-shell:not(.gfm-hub-mode){max-width:440px;padding-top:24px}
}
/* GFM_MANAGER_STATS_LAYOUT_CSS_2026_06_05_SAFE */
#managerCreationScreen {
justify-content: flex-start !important;
padding-bottom: 96px !important;
}
#gfmManagerCreationShell.gfm-two-col-safe {
align-items: stretch !important;
max-width: min(980px, calc(100vw - 32px)) !important;
}
#gfmManagerCreationShell.gfm-two-col-safe #gfmPublicStatsCard,
#gfmManagerCreationShell.gfm-two-col-safe #gfmGlobalRecordsCard {
width: 100%;
}
#gfmGlobalRecordsBody .gfm-record-grid {
display: grid;
grid-template-columns: 58px minmax(0, 1fr) minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
}
#gfmGlobalRecordsBody .gfm-deck-team,
#gfmGlobalRecordsBody .gfm-deck-clubs{
display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;vertical-align:middle;
}
#gfmGlobalRecordsBody .gfm-deck-clubs{flex-wrap:wrap}
#gfmGlobalRecordsBody .gfm-deck-to{opacity:.7;margin:0 2px}
#gfmGlobalRecordsBody .gfm-deck-logo,
#gfmGlobalRecordsBody .gfm-deck-logo .gfm-club-logo{
display:inline-flex!important;align-items:center;justify-content:center;
width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px;
}
#gfmGlobalRecordsBody .gfm-deck-logo svg{
width:16px!important;height:16px!important;display:block!important;
}
#gfmGlobalRecordsBody .gfm-deck-logo,
#gfmGlobalRecordsBody .gfm-deck-logo *{
-webkit-text-fill-color:unset!important;
}
@media (min-width: 901px) {
#gfmManagerCreationShell.gfm-two-col-safe {
display: grid !important;
grid-template-columns: minmax(340px, 390px) minmax(320px, 410px);
grid-auto-flow: row;
align-items: start !important;
gap: 12px 14px;
}
#gfmManagerCreationShell.gfm-two-col-safe > :not(#gfmPublicStatsCard):not(#gfmGlobalRecordsCard) {
grid-column: 1;
}
#gfmManagerCreationShell.gfm-two-col-safe > #gfmPublicStatsCard,
#gfmManagerCreationShell.gfm-two-col-safe > #gfmGlobalRecordsCard {
grid-column: 2;
margin-top: 0 !important;
}
}
/* GFM_MANAGER_STATS_PANEL_POSITION_MOBILE_2026_06_05 */
#managerCreationScreen {
padding-left: 12px !important;
padding-right: 12px !important;
}
#gfmManagerCreationShell.gfm-two-col-safe {
width: 100% !important;
}
@media (min-width: 901px) {
#gfmManagerCreationShell.gfm-two-col-safe {
max-width: min(820px, calc(100vw - 32px)) !important;
grid-template-columns: minmax(340px, 380px) minmax(320px, 380px) !important;
gap: 12px 16px !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > #gfmPublicStatsCard {
grid-column: 2 !important;
grid-row: 2 !important;
align-self: start !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > #gfmGlobalRecordsCard {
grid-column: 2 !important;
grid-row: 3 / span 4 !important;
align-self: start !important;
}
}
@media (max-width: 900px) {
#managerCreationScreen {
overflow-y: auto !important;
align-items: center !important;
justify-content: flex-start !important;
padding-bottom: 120px !important;
}
#gfmManagerCreationShell.gfm-two-col-safe {
display: flex !important;
flex-direction: column !important;
max-width: min(390px, calc(100vw - 20px)) !important;
gap: 10px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#gfmPublicStatsCard,
#gfmGlobalRecordsCard {
width: 100% !important;
max-width: 100% !important;
margin-top: 0.65rem !important;
padding: 0.75rem !important;
}
#gfmGlobalRecordsBody {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
#gfmGlobalRecordsBody .gfm-record-grid {
grid-template-columns: 44px minmax(82px, 1fr) minmax(92px, 1fr) minmax(78px, auto) !important;
min-width: 330px;
gap: 6px !important;
}
}
@media (max-width: 420px) {
#gfmManagerCreationShell.gfm-two-col-safe {
max-width: calc(100vw - 14px) !important;
}
#gfmGlobalRecordsBody .gfm-record-grid {
min-width: 318px;
font-size: 8px !important;
}
}
/* GFM_TIGHT_MANAGER_STATS_POSITION_2026_06_05 */
@media (min-width: 901px) {
#managerCreationScreen {
align-items: center !important;
}
#gfmManagerCreationShell.gfm-two-col-safe {
max-width: min(860px, calc(100vw - 32px)) !important;
grid-template-columns: minmax(350px, 390px) minmax(340px, 380px) !important;
grid-template-rows: auto auto auto !important;
column-gap: 16px !important;
row-gap: 10px !important;
align-items: start !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > :not(#gfmPublicStatsCard):not(#gfmGlobalRecordsCard) {
grid-column: 1 !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > #gfmPublicStatsCard {
grid-column: 2 !important;
grid-row: 2 !important;
margin-top: 0 !important;
align-self: start !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > #gfmGlobalRecordsCard {
grid-column: 2 !important;
grid-row: 3 !important;
margin-top: 0 !important;
align-self: start !important;
}
}
/* GFM_STATS_RAIL_FINAL_POSITION_2026_06_05 */
@media (min-width: 901px) {
#gfmManagerCreationShell.gfm-two-col-safe {
display: grid !important;
grid-template-columns: minmax(350px, 390px) minmax(340px, 380px) !important;
grid-template-rows: auto !important;
column-gap: 16px !important;
row-gap: 0 !important;
max-width: min(860px, calc(100vw - 32px)) !important;
align-items: start !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > :not(#gfmManagerStatsRail) {
grid-column: 1 !important;
}
#gfmManagerStatsRail {
grid-column: 2 !important;
grid-row: 2 / span 8 !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
align-self: start !important;
}
#gfmManagerStatsRail #gfmPublicStatsCard,
#gfmManagerStatsRail #gfmGlobalRecordsCard {
width: 100% !important;
margin-top: 0 !important;
}
}
@media (max-width: 900px) {
#gfmManagerStatsRail {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
}
/* GFM_STATS_BELOW_LOAD_GAME_FINAL_2026_06_05 */
#gfmManagerCreationShell.gfm-two-col-safe {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
max-width: min(430px, calc(100vw - 24px)) !important;
width: 100% !important;
gap: 0 !important;
}
#gfmManagerCreationShell.gfm-two-col-safe > :not(#gfmManagerStatsRail) {
width: 100% !important;
max-width: 390px !important;
}
#gfmManagerStatsRail {
width: 100% !important;
max-width: 390px !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
margin-top: 14px !important;
grid-column: auto !important;
grid-row: auto !important;
}
#gfmManagerStatsRail #gfmPublicStatsCard,
#gfmManagerStatsRail #gfmGlobalRecordsCard {
width: 100% !important;
margin-top: 0 !important;
}
@media (max-width: 480px) {
#gfmManagerCreationShell.gfm-two-col-safe,
#gfmManagerCreationShell.gfm-two-col-safe > :not(#gfmManagerStatsRail),
#gfmManagerStatsRail {
max-width: calc(100vw - 16px) !important;
}
}
/* GFM_STARTUP_AD_LOADING_UI_2026_06_05 */
#gfmStartupAdStatus {
margin-top: 18px;
min-height: 28px;
font: 900 11px/1.4 Segoe UI, Arial, sans-serif;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #93c5fd;
opacity: 0.95;
}
#gfmStartupAdSpinner {
width: 34px;
height: 34px;
margin: 18px auto 0 auto;
border: 3px solid rgba(147, 197, 253, 0.22);
border-top-color: #38bdf8;
border-radius: 999px;
animation: gfmStartupSpin 0.85s linear infinite;
}
#gfmStartupLoadingBar {
width: min(260px, 72vw);
height: 8px;
margin: 14px auto 0 auto;
overflow: hidden;
border-radius: 999px;
border: 1px solid rgba(96, 165, 250, 0.35);
background: rgba(15, 23, 42, 0.88);
box-shadow: inset 0 0 12px rgba(37, 99, 235, 0.22);
}
#gfmStartupLoadingBar::before {
content: '';
display: block;
width: 46%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #2563eb, #22d3ee, #a78bfa);
animation: gfmStartupLoadSlide 1.15s ease-in-out infinite;
}
body.gfm-ad-overlay-active #match-sim-speed,
body.gfm-ad-overlay-active #match-speed-label,
body.gfm-ad-overlay-active .gfm-mobile-perf-btn,
body.gfm-ad-overlay-active #gfmMediaBtn,
body.gfm-ad-overlay-active #gfmNotifyBtn,
body.gfm-ad-overlay-active #gfmBackupBtn,
body.gfm-ad-overlay-active #musicControlPanel,
body.gfm-ad-overlay-active #controls-area {
visibility: hidden !important;
pointer-events: none !important;
}
body.gfm-ad-overlay-active #splashScreen {
z-index: 1 !important;
pointer-events: none !important;
}
@keyframes gfmStartupSpin {
to { transform: rotate(360deg); }
}
@keyframes gfmStartupLoadSlide {
0% { transform: translateX(-115%); }
50% { transform: translateX(70%); }
100% { transform: translateX(240%); }
}
/* Real flags on country selection cards */
.gfm-country-real-flag {
display: inline-block;
width: 3.8rem;
height: 2.55rem;
line-height: 2.55rem;
border-radius: 0.45rem;
box-shadow: 0 8px 18px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.18);
background-size: cover !important;
background-position: center !important;
}
.gfm-country-real-flag-lg {
width: 4.8rem;
height: 3.2rem;
line-height: 3.2rem;
}
.gfm-country-real-flag-title {
width: 3rem;
height: 2rem;
line-height: 2rem;
border-radius: 0.35rem;
}
@media (max-width: 768px) {
.gfm-country-real-flag { width: 2.5rem; height: 1.7rem; line-height: 1.7rem; border-radius: 0.3rem; }
.gfm-country-real-flag-lg { width: 2.8rem; height: 1.9rem; line-height: 1.9rem; }
.gfm-country-real-flag-title { width: 2.2rem; height: 1.5rem; line-height: 1.5rem; }
}
.gfm-flag-inline {
width: 1.45rem !important;
height: 0.98rem !important;
line-height: 0.98rem !important;
border-radius: 0.14rem !important;
vertical-align: -0.12rem;
box-shadow: 0 2px 5px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.12);
flex: 0 0 auto;
}
.gfm-flag-small {
width: 1.15rem !important;
height: 0.78rem !important;
line-height: 0.78rem !important;
border-radius: 0.12rem !important;
vertical-align: -0.08rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.10);
flex: 0 0 auto;
}
/* GFM flag polish for manager creation / records */
.gfm-inline-flag .fi, .gfm-inline-flag .flag-icon, #gfmPublicStatsCard .fi, #gfmPublicStatsCard .flag-icon, #gfmGlobalRecordsCard .fi, #gfmGlobalRecordsCard .flag-icon {
width: 1.35em;
height: 1em;
display: inline-block;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(255,255,255,0.18);
vertical-align: -0.12em;
}
.gfm-country-flag-only .fi, .gfm-country-flag-only .flag-icon {
width: 1.65em;
height: 1.15em;
}
/* GFM_FLAGS_FIX_GLOBAL_SECTIONS_2026_06_15 */
.gfm-flag-inline.flag-icon,
.gfm-flag-small.flag-icon,
.gfm-country-real-flag.flag-icon,
#gfmPublicStatsCard .flag-icon,
#gfmGlobalRecordsCard .flag-icon {
display: inline-block !important;
width: 1.45em !important;
height: 1.02em !important;
line-height: 1em !important;
background-size: cover !important;
background-position: center !important;
border-radius: 2px !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.45) !important;
vertical-align: -0.15em !important;
}
.gfm-flag-small.flag-icon { width: 1.1em !important; height: .78em !important; }
#gfmPublicStatsCard .flag-icon, #gfmGlobalRecordsCard .flag-icon { margin-right: 4px !important; }
/* GFM global real-flag rendering fix: all code-based flags become visible icons */
.flag-icon.gfm-flag-inline,
.flag-icon.gfm-flag-small,
.flag-icon.gfm-country-real-flag,
.flag-icon.gfm-country-real-flag-lg,
.flag-icon.gfm-country-real-flag-title {
display: inline-block !important;
background-size: cover !important;
background-position: 50% !important;
background-repeat: no-repeat !important;
vertical-align: -0.12em !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 1px 4px rgba(0,0,0,.35) !important;
border-radius: 2px !important;
flex-shrink: 0 !important;
}
.flag-icon.gfm-flag-inline { width: 1.35em !important; height: .95em !important; margin-right: .25rem !important; }
.flag-icon.gfm-flag-small { width: 1.05em !important; height: .75em !important; margin-right: .2rem !important; }
.flag-icon.gfm-country-real-flag { width: 4.2rem !important; height: 2.8rem !important; margin: 0 auto .65rem auto !important; }
.flag-icon.gfm-country-real-flag-lg { width: 4.8rem !important; height: 3.2rem !important; }
.flag-icon.gfm-country-real-flag-title { width: 2.3rem !important; height: 1.55rem !important; margin-right: .4rem !important; }
/* GFM_REAL_IMAGE_FLAGS_MODULE_2026_06_15 */
.gfm-real-flag-img{display:inline-block!important;object-fit:cover!important;width:1.45em!important;height:1.02em!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(255,255,255,.24),0 1px 2px rgba(0,0,0,.45)!important;vertical-align:-.18em!important;margin-right:.28rem!important;background:#111827!important;flex-shrink:0!important;}
.gfm-real-flag-img.gfm-flag-small{width:1.08em!important;height:.76em!important;margin-right:.2rem!important;}
.gfm-real-flag-img.gfm-country-real-flag,.gfm-real-flag-img.gfm-country-real-flag-lg{width:4.8rem!important;height:3.2rem!important;margin:0 auto .65rem auto!important;border-radius:.45rem!important;}
.gfm-real-flag-img.gfm-country-real-flag-title{width:2.3rem!important;height:1.55rem!important;margin-right:.45rem!important;}
.gfm-real-flag-fallback{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.9em!important;}
.gfm-manager-nat-wrap{position:relative;width:100%;}
.gfm-manager-nat-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
.gfm-manager-nat-button{width:100%;height:100%;min-height:36px;background:#111827;border:1px solid #2563eb;border-radius:.25rem;color:white;display:flex;align-items:center;gap:.5rem;padding:.35rem .55rem;font-weight:700;cursor:pointer;}
.gfm-manager-nat-menu{position:absolute;left:0;right:0;top:calc(100% + 2px);max-height:330px;overflow:auto;background:#111827;border:1px solid #374151;z-index:99999;border-radius:.25rem;box-shadow:0 18px 40px rgba(0,0,0,.55);}
.gfm-manager-nat-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;color:white;cursor:pointer;font-weight:700;}
.gfm-manager-nat-item:hover,.gfm-manager-nat-item.active{background:#2563eb;}
/* GFM 2D MATCH V5: fixed speed, no user speed selector */
#match-sim-speed, #match-speed-label, [title="2D simulation speed"] { display: none !important; }
/* === LIVE STANDINGS TABLE STABILITY FIX === */
.live-standings-scroll{width:100%;overflow-x:auto;overflow-y:hidden;}
.live-standings-table{width:100%;min-width:520px;table-layout:fixed;border-collapse:collapse;font-size:12px;}
.live-standings-table th{color:#9ca3af;background:#111827;border-bottom:1px solid #374151;padding:8px 4px;text-align:center;white-space:nowrap;}
.live-standings-table th.team-head{text-align:left;}
.live-standings-table th.pts-head{color:#fff;font-weight:900;}
.live-standings-table td{vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-standings-table .rank-col{width:44px;}
.live-standings-table .team-col{width:auto;}
.live-standings-table .num-col{width:34px;}
.live-standings-table .gfga-col{width:34px;}
.live-standings-table .pts-col{width:42px;}
@media(max-width:640px){.live-standings-table{min-width:380px;font-size:11px}.live-standings-table .gfga,.live-standings-table td:nth-child(7),.live-standings-table td:nth-child(8){display:none}.live-standings-table .rank-col{width:36px}.live-standings-table .num-col{width:28px}.live-standings-table .pts-col{width:36px}}
/* prevent old logo/crest wrappers from reserving space in standings */
#live-league-table .gfm-team-inline{display:inline-flex!important;align-items:center;gap:6px;min-width:0;max-width:100%;}
#live-league-table .gfm-club-logo{display:inline-flex!important;align-items:center;justify-content:center;width:20px!important;height:20px!important;min-width:20px!important;margin:0 6px 0 0!important;}
#live-league-table .gfm-club-logo svg{display:block!important;width:20px!important;height:20px!important;}
/* GFM League Table Visual Upgrade - integrated into existing league renderer */
.gfm-league-page{position:relative;overflow:visible;min-height:100%;padding:4px 2px 26px;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.16),transparent 26%),radial-gradient(circle at 90% 4%,rgba(139,92,246,.18),transparent 32%),linear-gradient(180deg,rgba(15,23,42,.25),rgba(15,23,42,.08));}
.gfm-league-hero{position:relative;border:1px solid rgba(125,211,252,.18);border-radius:18px;padding:16px 18px;margin-bottom:14px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.86));box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);}
.gfm-league-hero:before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(90deg,rgba(34,197,94,.12),transparent 38%,rgba(59,130,246,.14));pointer-events:none;}
.gfm-league-title{position:relative;display:flex;align-items:center;gap:12px;font-size:clamp(22px,3vw,36px)!important;font-weight:1000;letter-spacing:-.03em;color:#f8fafc;text-shadow:0 3px 12px rgba(0,0,0,.42);}
.gfm-league-title .gfm-league-ball{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#38bdf8);box-shadow:0 0 22px rgba(34,197,94,.24);}
.gfm-league-subtitle{position:relative;margin-top:5px;color:#9fb3c8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;}
.gfm-league-selector-wrap{position:relative;z-index:2;}
.gfm-league-selector-wrap select{background:#111827!important;border:1px solid rgba(125,211,252,.3)!important;border-radius:12px!important;color:#e5f1ff!important;font-weight:800;padding:9px 12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.25);}
.gfm-league-table-card{position:relative;overflow:visible;border-radius:18px!important;border:1px solid rgba(125,211,252,.22)!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.91))!important;box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;}
.gfm-league-table-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#22c55e,#38bdf8,#8b5cf6,#f59e0b);opacity:.9;pointer-events:none;z-index:1;}
.gfm-league-table-heading{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 0 8px;font-size:clamp(18px,2vw,28px)!important;font-weight:1000;text-transform:uppercase;letter-spacing:.14em;color:#e0f2fe;border-bottom:1px solid rgba(148,163,184,.16);}
.gfm-league-table-wrap{border-radius:14px;overflow-x:auto;overflow-y:visible;border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.32);}
.gfm-league-table{border-collapse:separate!important;border-spacing:0 3px!important;}
.gfm-league-table thead tr{background:rgba(15,23,42,.92)!important;}
.gfm-league-table thead th{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#132033,#0b1220)!important;color:#7dd3fc!important;font-weight:1000!important;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(125,211,252,.18)!important;}
.gfm-league-table tbody tr{background:linear-gradient(90deg,rgba(15,23,42,.78),rgba(15,23,42,.52))!important;box-shadow:inset 0 0 0 1px rgba(148,163,184,.09);transition:transform .16s ease,filter .16s ease,background .16s ease;}
.gfm-league-table tbody tr:hover{transform:translateX(4px);filter:brightness(1.13);background:linear-gradient(90deg,rgba(30,64,175,.38),rgba(15,23,42,.72))!important;}
.gfm-league-table tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.gfm-league-table tbody tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.gfm-league-table tbody tr.bg-blue-900,.gfm-league-table tbody tr.bg-blue-900\/50{background:linear-gradient(90deg,rgba(37,99,235,.62),rgba(30,64,175,.28))!important;box-shadow:inset 4px 0 0 #facc15,inset 0 0 0 1px rgba(250,204,21,.28),0 0 24px rgba(59,130,246,.18)!important;}
.gfm-league-table tbody tr.border-green-500{box-shadow:inset 4px 0 0 #22c55e,inset 0 0 0 1px rgba(34,197,94,.18)!important;}
.gfm-league-table tbody tr.border-red-500{box-shadow:inset 4px 0 0 #ef4444,inset 0 0 0 1px rgba(239,68,68,.18)!important;}
.gfm-league-table td{border-bottom:0!important;}
.gfm-league-table td:nth-last-child(1){color:#fff!important;font-weight:1000!important;font-size:1.05rem!important;text-shadow:0 0 10px rgba(255,255,255,.16);}
.gfm-stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px;}@media(min-width:768px){.gfm-stats-grid{grid-template-columns:1fr 1fr;}}
.gfm-stat-card{position:relative;overflow:hidden;border:1px solid rgba(125,211,252,.18)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(15,23,42,.82))!important;box-shadow:0 14px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;padding:0!important;}
.gfm-stat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#38bdf8,#22c55e);}
.gfm-stat-card h3{padding:14px 16px 10px!important;margin:0!important;border-bottom:1px solid rgba(148,163,184,.16)!important;background:rgba(2,6,23,.22);font-size:18px!important;letter-spacing:.02em;}
.gfm-stat-card table{border-collapse:separate!important;border-spacing:0 4px!important;padding:8px 12px 12px;}
.gfm-stat-card tbody tr{background:rgba(15,23,42,.56);box-shadow:inset 0 0 0 1px rgba(148,163,184,.09);}
.gfm-stat-card tbody td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.gfm-stat-card tbody td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.gfm-stat-card tbody tr:first-child{background:linear-gradient(90deg,rgba(250,204,21,.18),rgba(15,23,42,.6));}
.gfm-stat-card tbody tr:nth-child(2){background:linear-gradient(90deg,rgba(203,213,225,.12),rgba(15,23,42,.55));}
.gfm-stat-card tbody tr:nth-child(3){background:linear-gradient(90deg,rgba(251,146,60,.13),rgba(15,23,42,.55));}
.gfm-league-split{display:flex;flex-direction:column;gap:16px}
.gfm-league-split>.gfm-league-table-card{margin:0!important}
.gfm-league-stats{margin-top:16px!important}
@media(min-width:1024px){.gfm-league-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);align-items:stretch}.gfm-league-split>.gfm-league-table-card{display:flex;flex-direction:column}.gfm-league-split .gfm-league-table-wrap{flex:1 1 auto;display:flex;flex-direction:column}.gfm-league-split .gfm-league-table-wrap>table{flex:1 1 auto;height:100%}.gfm-league-stats{grid-template-columns:1fr 1fr!important}}
#modal .modal-content.gfm-totw-modal{width:min(1320px,97vw)!important;max-width:1320px!important;height:min(94vh,920px)!important;max-height:96vh!important;padding:14px 18px 16px!important;overflow:hidden!important;background:radial-gradient(120% 80% at 50% 0%,#15233b 0%,#070c16 62%)!important;border:1px solid rgba(250,204,21,.22)!important;border-top:4px solid #eab308!important;border-radius:16px!important}
#modal .modal-content.gfm-totw-modal>div{height:100%;min-height:0}
.gfm-totw{position:relative;height:100%;min-height:0;display:flex;flex-direction:column}
.gfm-totw-close{position:absolute;top:0;right:0;z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid #475569;background:#1e293b;color:#cbd5e1;font-size:22px;line-height:1;cursor:pointer}
.gfm-totw-close:hover{background:#dc2626;color:#fff}
.gfm-totw-head{text-align:center;padding:0 44px 10px}
.gfm-totw-head h2{margin:0;font-size:clamp(18px,3.4vh,30px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#facc15;text-shadow:0 2px 12px rgba(250,204,21,.25)}
.gfm-totw-head p{margin:2px 0 0;font-size:clamp(10px,1.6vh,13px);color:#cbd5e1}
.gfm-totw-head b{color:#fff}
.gfm-totw-key{color:#facc15;font-weight:800}
.gfm-totw-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size}
.gfm-totw-pitch{position:relative;aspect-ratio:105/68;width:min(100cqw,calc(100cqh * 105 / 68));border-radius:12px;overflow:visible;background:repeating-linear-gradient(90deg,#2f7a31 0 9.0909%,#378a38 9.0909% 18.1818%);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.1)}
.gfm-totw-pitch svg{position:absolute;inset:0;width:100%;height:100%}
.gfm-totw-p{--f:clamp(38px,min(10cqh,6.6cqw),96px);position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:0;background:none;cursor:pointer}
.gfm-totw-face{position:relative;width:var(--f);height:var(--f)}
.gfm-totw-img{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e3a5f,#0b1628);box-shadow:0 0 0 2px rgba(255,255,255,.85),0 6px 14px rgba(0,0,0,.45);transition:transform .15s}
.gfm-totw-img b{font-size:calc(var(--f) * .32);font-weight:900;color:#e2e8f0}
.gfm-totw-p:hover .gfm-totw-img{transform:scale(1.07)}
.gfm-totw-p.mine .gfm-totw-img{box-shadow:0 0 0 3px #facc15,0 0 18px rgba(250,204,21,.7)}
.gfm-totw-face em{position:absolute;top:-6%;right:-14%;min-width:calc(var(--f) * .5);padding:1px 4px;border-radius:7px;font-style:normal;font-weight:900;font-size:calc(var(--f) * .22);line-height:1.3;text-align:center;color:#0b1220;background:#f97316;box-shadow:0 2px 6px rgba(0,0,0,.45)}
.gfm-totw-face em.good{background:#facc15}
.gfm-totw-face em.great{background:#4ade80}
.gfm-totw-face em.elite{background:#16a34a;color:#fff}
.gfm-totw-name{display:flex;align-items:center;gap:4px;max-width:calc(var(--f) * 2.4);padding:2px 7px;border-radius:6px;background:rgba(2,6,23,.86);color:#fff;font-size:clamp(10px,1.8cqh,15px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfm-totw-p.mine .gfm-totw-name{color:#fde047}
.gfm-totw-name i{font-style:normal;font-size:.72em;font-weight:900;color:#7dd3fc}
.gfm-totw-name .gfm-real-flag-img{width:16px!important;height:11px!important;min-width:16px;object-fit:cover;border-radius:2px;flex:0 0 auto}
.gfm-totw-club{display:flex;align-items:center;gap:4px;max-width:calc(var(--f) * 2.4);font-size:clamp(9px,1.4cqh,12px);color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.gfm-totw-club span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gfm-totw-val{font-size:clamp(8px,1.25cqh,11px);font-weight:800;color:#4ade80;background:rgba(6,40,20,.78);border:1px solid rgba(74,222,128,.45);border-radius:999px;padding:1px 6px;white-space:nowrap}
.gfm-totw-up{color:#4ade80;font-weight:800}
.gfm-totw-club .gfm-club-logo,.gfm-totw-club .gfm-club-logo svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px}
@media(max-height:500px){.gfm-totw-head{padding-bottom:6px}.gfm-totw-club span,.gfm-totw-val{display:none}.gfm-totw-p{--f:clamp(26px,9cqh,44px);gap:2px}.gfm-totw-stage{padding:6px 0}}
.gfm-euro-gtabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px}
.gfm-euro-gtab{min-width:78px;height:32px;padding:0 12px;border-radius:8px;border:1px solid #1d3a5e;background:#0c2140;color:#cfe0f5;font-size:12px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:border-color .15s,background .15s}
.gfm-euro-gtab:hover{border-color:#3b82f6}
.gfm-euro-gtab.on{background:linear-gradient(180deg,#1e6ff0,#1557c4);border-color:#3b82f6;color:#fff}
.gfm-euro-gtab.mine{box-shadow:inset 0 -3px 0 #facc15}
.gfm-euro-split{display:flex;flex-direction:column;gap:16px}
.gfm-team-inline .gfm-real-flag-img.gfm-euro-tflag{width:24px!important;height:18px!important;min-width:24px!important;margin:0!important;vertical-align:middle!important;border-radius:3px!important}
.gfm-team-inline .gfm-real-flag-fallback.gfm-euro-tflag{display:none!important}
@media(min-width:1024px){.gfm-euro-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);align-items:stretch}.gfm-euro-group-card{display:flex;flex-direction:column}.gfm-euro-group-wrap{flex:1 1 auto;display:flex;flex-direction:column}.gfm-euro-group-wrap>table{flex:1 1 auto;height:100%}}
.gfm-euro-last{background:#0f172a;border:1px solid #374151;border-radius:10px;padding:12px 12px 14px}
.gfm-euro-last h4{margin:0;font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#93c5fd}
.gfm-euro-last-sub{margin:2px 0 10px;font-size:11px;color:#94a3b8}
.gfm-euro-last-list{display:flex;flex-direction:column;gap:6px}
.gfm-euro-last-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:6px 9px;border-radius:8px;background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.14);font-size:12px}
.gfm-euro-last-row.mine{border-color:rgba(250,204,21,.55);background:rgba(250,204,21,.07)}
.gfm-euro-last-row>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.gfm-euro-last-row>span:hover{color:#93c5fd}
.gfm-euro-last-row .h,.gfm-euro-last-row .a{justify-self:start}
.gfm-euro-last-row .w{color:#fff;font-weight:800}
.gfm-euro-last-row .d{color:#cbd5e1}
.gfm-euro-last-row .l{color:#8b98ab}
.gfm-euro-last-row b{font-family:ui-monospace,monospace;font-weight:900;color:#4ade80;min-width:26px;text-align:center;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.45);white-space:nowrap}
.gfm-euro-last-row b.d{color:#facc15}
.gfm-euro-last-row b.l{color:#8b98ab}
.gfm-euro-last-row b.w{color:#4ade80}
.gfm-euro-last-row>span.gfm-human-side{display:flex;align-items:center;gap:4px;overflow:hidden;padding:2px 6px;border-radius:7px;background:linear-gradient(90deg,rgba(109,40,217,.55),rgba(15,23,42,.2));box-shadow:inset 2px 0 0 #d8b4fe}
.gfm-euro-last-row>span.gfm-human-side .gfm-team-inline{min-width:0;flex:1 1 auto;overflow:hidden}
.gfm-euro-last-row>span.gfm-human-side .gfm-team-inline-name,.gfm-euro-last-row>span.gfm-human-side .gfm-team-inline>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfm-euro-last-row .gfm-mgr-card{display:inline-flex;align-items:center;flex:0 0 auto;max-width:78px;margin:0;padding:1px 5px;border-radius:999px;background:#5b21b6;color:#fff;font-size:8px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gfm-euro-last-empty{margin:6px 0 0;font-size:12px;color:#94a3b8;font-style:italic;text-align:center}
.gfm-lb-player,.gfm-lb-team{display:flex;align-items:center;gap:9px;min-width:0}
.gfm-lb-face{position:relative;flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e3a5f,#0b1628);box-shadow:0 0 0 1px rgba(148,163,184,.28)}
.gfm-lb-face img{display:block}
.gfm-lb-face b{font-size:11px;font-weight:900;color:#cbd5e1}
.gfm-lb-name{min-width:0;display:flex;flex-direction:column;font-weight:800;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfm-lb-name small{font-size:10px;font-weight:700;color:#7dd3fc;letter-spacing:.04em}
.gfm-lb-team span{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main-content-area .gfm-stat-card .gfm-club-logo,#main-content-area .gfm-stat-card .gfm-club-logo svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important}
.gfm-stat-card .gfm-lb-val{font-size:16px}
@media(max-width:600px){.gfm-lb-face{flex-basis:28px;width:28px;height:28px}.gfm-lb-team span{display:none}}
/* Combined Live Statistic screen - integrated into existing live match renderer */
.gfm-live-stat-card{display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,rgba(8,18,32,.96),rgba(3,9,18,.92));border:1px solid rgba(80,130,180,.35);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
.gfm-live-card-title{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(180deg,rgba(15,35,60,.95),rgba(5,15,28,.94));border-bottom:1px solid rgba(120,170,220,.20);color:#eaf6ff;font-weight:1000;text-transform:uppercase;letter-spacing:.07em;font-size:11px;flex-shrink:0}
#tab-content-statistics table{font-size:11px!important}
#tab-content-statistics #live-league-table table{width:100%;border-collapse:separate;border-spacing:0 2px}
#tab-content-statistics #live-league-table tr{background:rgba(15,23,42,.58)}
#tab-content-statistics #live-league-table td,#tab-content-statistics #live-league-table th{padding:4px 6px!important}
#tab-content-statistics #other-live-matches>div{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.12);border-radius:7px;padding:5px 7px}
#tab-content-statistics #live-scorers-list>div,#tab-content-statistics #live-assisters-list>div{background:rgba(15,23,42,.55);border-bottom:1px solid rgba(148,163,184,.12);padding:6px 4px;border-radius:6px}
#tab-content-statistics #live-ratings-container table{min-width:540px}
@media(max-width:1024px){#tab-content-statistics .grid{grid-template-columns:1fr!important}.gfm-live-stat-card{min-height:220px}}
/* CORE CLUB CREST SYSTEM - integrated game logo styling */
.gfm-club-logo{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:0;filter:drop-shadow(0 8px 12px rgba(0,0,0,.38));}
.gfm-club-logo svg{width:100%;height:100%;display:block;overflow:visible;}
.gfm-team-inline{display:inline-flex;align-items:center;gap:.35rem;min-width:0;}
.gfm-team-inline>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gfm-team-inline.justify-end{justify-content:flex-end;}
.gfm-team-inline.justify-start{justify-content:flex-start;}
.gfm-team-inline.justify-center{justify-content:center;}
.gfm-team-inline .gfm-club-logo{filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));}
.gfm-team-inline.max-w-\[120px\]{max-width:120px;}
@media(min-width:768px){.gfm-team-inline.md\:max-w-\[200px\]{max-width:200px;}}
.gfm-team-select-logo-wrap{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.gfm-team-select-logo{width:64px!important;height:64px!important;min-width:64px!important;}
.gfm-prematch-logo{background:transparent!important;border:0!important;box-shadow:none!important;}
.gfm-prematch-logo svg{width:100%!important;height:100%!important;}
@media(max-width:768px){.gfm-team-select-logo-wrap{width:50px;height:50px}.gfm-team-select-logo{width:50px!important;height:50px!important;min-width:50px!important}}
/* ===== Team pick cards (vertical, no right-side overflow) ===== */
.gfm-team-pick-grid{align-items:stretch}
.gfm-team-pick-card{
display:flex!important; flex-direction:column!important; align-items:center!important;
text-align:center!important; gap:4px!important;
padding:8px 6px!important; min-width:0!important; width:100%!important;
overflow:hidden!important; position:relative;
}
.gfm-team-pick-logo{
width:48px; height:48px; flex:0 0 auto;
display:flex; align-items:center; justify-content:center;
}
.gfm-team-pick-logo .gfm-team-select-logo,
.gfm-team-pick-logo .gfm-club-logo,
.gfm-team-pick-logo svg{
width:48px!important; height:48px!important; max-width:48px!important; max-height:48px!important;
min-width:0!important;
}
.gfm-team-pick-fallback{
width:44px; height:44px; border-radius:50%;
border:2px solid #4b5563; box-shadow:0 4px 10px rgba(0,0,0,.35);
}
.gfm-team-pick-name{
width:100%; min-width:0;
font-size:11px; font-weight:900; line-height:1.15; color:#e5eefc;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.gfm-team-pick-card:hover .gfm-team-pick-name,
.gfm-team-pick-card:focus .gfm-team-pick-name{color:#93c5fd}
html body .gfm-team-pick-card.is-taken{
opacity:.72 !important; cursor:not-allowed; filter:grayscale(.15);
border:1px solid rgba(216,180,254,.55)!important;
}
.gfm-team-pick-owner{
display:block; max-width:100%; margin-top:2px;
font-size:10px; font-weight:800; line-height:1.2; letter-spacing:.01em;
color:#f3e8ff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
html body .gfm-team-pick-card.is-taken:hover,
html body .gfm-team-pick-card.is-taken:focus{
opacity:1 !important; filter:none; z-index:6; overflow:visible!important;
}
.gfm-taken-card{
display:none; position:absolute; inset:8px; z-index:2;
flex-direction:column; align-items:center; justify-content:center; gap:3px;
padding:8px; border-radius:12px; text-align:center;
background:linear-gradient(180deg,rgba(49,10,92,.96),rgba(15,23,42,.96));
border:1px solid rgba(216,180,254,.8);
box-shadow:0 10px 24px rgba(0,0,0,.45);
}
.gfm-team-pick-card.is-taken:hover .gfm-taken-card,
.gfm-team-pick-card.is-taken:focus .gfm-taken-card{display:flex;}
.gfm-taken-card small{font-size:9px; letter-spacing:.14em; color:#d8b4fe; font-weight:800;}
.gfm-taken-card b{font-size:13px; color:#fff; line-height:1.15;}
.gfm-taken-card em{font-size:10px; font-style:normal; color:#cbd5e1;}
.gfm-team-pick-meta{
display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
gap:4px; width:100%;
}
.gfm-team-pick-ovr{
font-size:10px; font-weight:900; color:#facc15; white-space:nowrap;
}
.gfm-team-pick-budget{
font-size:9px; font-weight:800; color:#4ade80;
background:rgba(15,23,42,.85); border:1px solid #374151;
border-radius:6px; padding:1px 5px; white-space:nowrap;
max-width:100%; overflow:hidden; text-overflow:ellipsis;
}
.gfm-team-pick-lines{
display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px;
width:100%; max-width:100%;
font-size:8px; font-weight:800; color:#94a3b8;
background:rgba(2,6,23,.55); border:1px solid rgba(75,85,99,.7);
border-radius:6px; padding:3px 2px;
}
.gfm-team-pick-lines span{
min-width:0; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.gfm-team-pick-lines b{color:#fff; font-weight:900}
/* Mobile landscape: smaller logos, tighter type, still stacked under logo */
@media (orientation:landscape) and (max-height:520px),
(max-height:520px) and (min-aspect-ratio:13/9){
.gfm-team-pick-grid{
grid-template-columns:repeat(4, minmax(0,1fr))!important;
gap:6px!important;
}
.gfm-team-pick-card{padding:5px 4px!important; gap:2px!important}
.gfm-team-pick-logo{width:36px; height:36px}
.gfm-team-pick-logo .gfm-team-select-logo,
.gfm-team-pick-logo .gfm-club-logo,
.gfm-team-pick-logo svg{
width:36px!important; height:36px!important; max-width:36px!important; max-height:36px!important;
}
.gfm-team-pick-fallback{width:34px; height:34px}
.gfm-team-pick-name{font-size:9px}
.gfm-team-pick-ovr{font-size:8px}
.gfm-team-pick-budget{font-size:8px; padding:0 4px}
.gfm-team-pick-lines{font-size:7px; padding:2px 1px}
}
html.gfm-ml .gfm-team-pick-grid{
grid-template-columns:repeat(4, minmax(0,1fr))!important;
}
html.gfm-ml .gfm-team-pick-logo{width:34px; height:34px}
html.gfm-ml .gfm-team-pick-logo .gfm-team-select-logo,
html.gfm-ml .gfm-team-pick-logo .gfm-club-logo,
html.gfm-ml .gfm-team-pick-logo svg{
width:34px!important; height:34px!important; max-width:34px!important; max-height:34px!important;
}
html.gfm-ml .gfm-team-pick-name{font-size:9px!important}
html.gfm-ml .gfm-team-pick-lines{font-size:7px!important}
/* ===== Player star rating (full / half / empty) — no "_" ===== */
.gfm-stars{
display:inline-flex; align-items:center; gap:1px;
line-height:1; vertical-align:middle;
letter-spacing:0; white-space:nowrap;
font-size:12px;
}
.gfm-star{
display:inline-block; position:relative;
width:0.92em; height:1em; line-height:1;
text-align:left; overflow:hidden;
font-style:normal; font-weight:900;
}
.gfm-star.full{color:#fbbf24; text-shadow:0 0 6px rgba(251,191,36,.45)}
.gfm-star.empty{color:#4b5563}
/* Gray full star, gold left half painted on top via ::before clip */
.gfm-star.half{
color:#4b5563;
}
.gfm-star.half::before{
content:'★';
position:absolute;
left:0; top:0;
width:50%;
overflow:hidden;
color:#fbbf24;
text-shadow:0 0 6px rgba(251,191,36,.45);
pointer-events:none;
}
/* GFM Player Profile attribute values: inline colors are used so dynamically rendered values always color correctly. */
.gfm-attr-value,
span.gfm-attr-value,
[data-gfm-attr-value] {
display: inline-block !important;
width: 1.5rem !important;
text-align: right !important;
color: var(--gfm-attr-color) !important;
font-weight: 900 !important;
text-shadow: 0 0 6px var(--gfm-attr-glow) !important;
font-variant-numeric: tabular-nums !important;
}
@media (max-width: 768px) {
.gfm-attr-value,
span.gfm-attr-value,
[data-gfm-attr-value] { width: 1rem !important; }
}
/* Sprint 5 league verification: always show Goals For and Goals Against. */
.gfm-home-standings th:nth-child(n+3),
.gfm-home-standings td:nth-child(n+3){text-align:center;width:34px;}
.gfm-home-standings .gfm-home-tname{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:520px){
.gfm-home-standings{font-size:9px;}
.gfm-home-standings th,.gfm-home-standings td{padding:4px 2px;}
.gfm-home-standings .gfm-home-tname{max-width:86px;}
}
/* STARTING XI */
tr.starting-xi,[data-starting-xi="true"]{background:linear-gradient(90deg,rgba(34,197,94,.15),rgba(34,197,94,.05))!important;}
tr.starting-xi td:first-child,[data-starting-xi="true"] td:first-child{border-left:4px solid #22c55e!important;}
tr.starting-xi:hover{background:linear-gradient(90deg,rgba(34,197,94,.24),rgba(34,197,94,.08))!important;}
/* GFM live matchday scores + animated live standings */
.gfm-live-league-scroll{
max-height:calc(100vh - 245px);
min-height:280px;
overflow-y:auto;
overflow-x:auto;
scrollbar-width:thin;
scrollbar-color:#36506b #091827;
overscroll-behavior:contain;
}
.gfm-live-league-scroll .head{
position:sticky;
top:0;
z-index:6;
background:#0d2032;
box-shadow:0 1px 0 #29445f;
}
.gfm-live-league-scroll .row{
transition:transform .42s ease,background-color .42s ease,box-shadow .42s ease;
will-change:transform;
}
.gfm-live-league-scroll .row.rank-up{animation:gfmRankUp .55s ease}
.gfm-live-league-scroll .row.rank-down{animation:gfmRankDown .55s ease}
.gfm-live-league-scroll .row.player-team{background:rgba(59,130,246,.12);box-shadow:inset 3px 0 #3b82f6}
.gfm-live-league-scroll .row.live-team strong:last-child{color:#f8d66d}
.gfm-live-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;padding:2px 5px;border-radius:999px;background:#b91c1c;color:#fff;font-size:8px;font-weight:900;line-height:1}
@keyframes gfmRankUp{0%{transform:translateY(13px);background:rgba(34,197,94,.22)}100%{transform:translateY(0)}}
@keyframes gfmRankDown{0%{transform:translateY(-13px);background:rgba(239,68,68,.18)}100%{transform:translateY(0)}}
@media(max-width:900px){.gfm-live-league-scroll{max-height:calc(100vh - 225px)}}