/* ============================================================ SKIBATTLEZ VISUAL SYSTEM V1 Inner public pages. HOME PAGE: Homepage Polish V2 remains authoritative. TYPOGRAPHY: Existing Skibattlez typography remains authoritative. No replacement font is introduced here. ============================================================ */ /* ========================================================= INNER PAGE BACKGROUND ========================================================= */ body:not(:has(.home-dashboard)) { background: linear-gradient( rgba(3,5,6,.84), rgba(3,5,6,.92) ), url( "/assets/homepage-v2/homepage-wallpaper.png?v=1" ) center top / cover fixed no-repeat, #050708 !important; } /* ========================================================= INNER PAGE HEADER ========================================================= */ body:not(:has(.home-dashboard)) header { position:relative; z-index:20; min-height:108px !important; border-bottom: 1px solid rgba(220,168,35,.38) !important; background: linear-gradient( 90deg, rgba(5,8,9,.99), rgba(10,13,14,.95), rgba(5,8,9,.99) ) !important; box-shadow: 0 10px 32px rgba(0,0,0,.32); } /* ========================================================= INNER PAGE LOGO ========================================================= */ body:not(:has(.home-dashboard)) .site-logo-link { width:230px !important; height:92px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; overflow:hidden !important; flex: 0 0 230px !important; } body:not(:has(.home-dashboard)) .site-logo-image, body:not(:has(.home-dashboard)) .logo img { display:block !important; width:230px !important; height:92px !important; max-width:none !important; max-height:none !important; object-fit:contain !important; object-position:center !important; transform: scale(1.58) !important; transform-origin: center center !important; filter: drop-shadow( 0 4px 12px rgba(0,0,0,.55) ) drop-shadow( 0 0 7px rgba(218,166,35,.10) ); } /* ========================================================= NAVIGATION ========================================================= */ body:not(:has(.home-dashboard)) .desktop-nav a { font-weight:700; transition: color .16s ease, text-shadow .16s ease; } body:not(:has(.home-dashboard)) .desktop-nav a:hover { color:var(--gold); text-shadow: 0 0 10px rgba(241,194,50,.20); } /* ========================================================= PAGE WIDTH ========================================================= */ body:not(:has(.home-dashboard)) main { width: min( 1160px, calc(100% - 34px) ) !important; margin: 34px auto 58px !important; } /* ========================================================= CARDS ========================================================= */ body:not(:has(.home-dashboard)) .card { position:relative; border: 1px solid rgba(220,168,35,.34) !important; border-radius:11px !important; background: linear-gradient( 145deg, rgba(14,19,21,.94), rgba(6,9,10,.96) ) !important; box-shadow: 0 15px 38px rgba(0,0,0,.31), inset 0 1px 0 rgba(255,255,255,.024), 0 0 13px rgba(221,168,34,.03) !important; } body:not(:has(.home-dashboard)) .card::before { content:""; position:absolute; left:0; top:0; width:100%; height:2px; border-radius: 11px 11px 0 0; pointer-events:none; background: linear-gradient( 90deg, rgba(231,178,42,.90), rgba(216,158,26,.22), transparent 70% ); } /* ========================================================= HEADINGS ========================================================= */ body:not(:has(.home-dashboard)) h1 { margin-top:0; text-shadow: 0 4px 18px rgba(0,0,0,.42); } body:not(:has(.home-dashboard)) h2, body:not(:has(.home-dashboard)) h3 { text-shadow: 0 3px 14px rgba(0,0,0,.30); } body:not(:has(.home-dashboard)) .gold { color:#e8b33a !important; } /* ========================================================= BUTTONS ========================================================= */ body:not(:has(.home-dashboard)) .button:not(.secondary) { border: 1px solid #dea728 !important; background: linear-gradient( 180deg, #f0c34a, #d79b18 ) !important; color:#110e05 !important; font-weight:900; text-shadow:none; box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 0 15px rgba(230,174,37,.12); transition: transform .14s ease, filter .14s ease, box-shadow .14s ease; } body:not(:has(.home-dashboard)) .button:not(.secondary):hover { transform: translateY(-1px); filter: brightness(1.07); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 21px rgba(230,174,37,.18); } body:not(:has(.home-dashboard)) .button.secondary { border: 1px solid rgba(222,168,40,.31) !important; background: rgba(12,17,19,.84) !important; color:#e8ecee !important; } body:not(:has(.home-dashboard)) .button.secondary:hover { border-color: rgba(226,172,39,.60) !important; color:#f1bd3f !important; } /* ========================================================= STANDARD LINKS ========================================================= */ body:not(:has(.home-dashboard)) main a:not(.button):hover { color:#efbc3d; } /* ========================================================= FORM CONTROLS ========================================================= */ body:not(:has(.home-dashboard)) input, body:not(:has(.home-dashboard)) textarea, body:not(:has(.home-dashboard)) select { border: 1px solid rgba(215,165,39,.27) !important; border-radius:8px !important; background: rgba(5,8,9,.84) !important; color:#f1f3f3 !important; box-shadow: inset 0 1px 7px rgba(0,0,0,.22); transition: border-color .14s ease, box-shadow .14s ease; } body:not(:has(.home-dashboard)) input:focus, body:not(:has(.home-dashboard)) textarea:focus, body:not(:has(.home-dashboard)) select:focus { outline:none !important; border-color: rgba(234,181,45,.70) !important; box-shadow: 0 0 0 3px rgba(229,174,40,.08), inset 0 1px 7px rgba(0,0,0,.22); } /* ========================================================= TABLES ========================================================= */ body:not(:has(.home-dashboard)) table { overflow:hidden; border: 1px solid rgba(218,166,36,.24); border-radius:9px; background: rgba(6,9,10,.70); } body:not(:has(.home-dashboard)) th { background: rgba(219,165,34,.08); color:#e9b43a; } body:not(:has(.home-dashboard)) td, body:not(:has(.home-dashboard)) th { border-color: rgba(255,255,255,.065) !important; } body:not(:has(.home-dashboard)) tr:hover td { background: rgba(221,168,35,.028); } /* ========================================================= BADGES ========================================================= */ body:not(:has(.home-dashboard)) .badge { border-color: rgba(220,169,41,.37) !important; background: rgba(218,165,35,.08) !important; } body:not(:has(.home-dashboard)) .muted { color:#aeb8bc; } /* ========================================================= AUDIO ========================================================= */ body:not(:has(.home-dashboard)) audio { width:100%; border-radius:8px; filter: saturate(.80) sepia(.08); } /* ========================================================= HORIZONTAL RULES / SEPARATORS ========================================================= */ body:not(:has(.home-dashboard)) hr { border:0; border-top: 1px solid rgba(222,169,39,.16); } /* ========================================================= MOBILE ========================================================= */ @media(max-width:900px) { body:not(:has(.home-dashboard)) .site-logo-link { width:190px !important; height:82px !important; flex-basis: 190px !important; } body:not(:has(.home-dashboard)) .site-logo-image, body:not(:has(.home-dashboard)) .logo img { width:190px !important; height:82px !important; transform: scale(1.54) !important; } } @media(max-width:700px) { body:not(:has(.home-dashboard)) header { min-height:82px !important; } body:not(:has(.home-dashboard)) .site-logo-link { width:140px !important; height:66px !important; flex-basis: 140px !important; } body:not(:has(.home-dashboard)) .site-logo-image, body:not(:has(.home-dashboard)) .logo img { width:140px !important; height:66px !important; transform: scale(1.52) !important; } body:not(:has(.home-dashboard)) main { width: calc(100% - 22px) !important; margin: 20px auto 40px !important; } }