/* ============================================================ AS Links - "rs" theme. Active when . ============================================================ */ .rs-theme { /* Semantic theme palette (overrides the :root defaults). */ --bg-gradient: linear-gradient(180deg, #716a5c, #544d41); --surface: rgba(255, 255, 255, 0.1); --border: rgba(255, 255, 255, 0.2); --text: #f1e9db; --text-secondary: rgba(241, 233, 219, 0.7); --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"); } .rs-theme .countdown { display: flex; gap: 15px; justify-content: center; align-items: center; } .rs-theme .countdown-block { background: rgba(227, 218, 201, 0.1); border: 1px solid rgba(227, 218, 201, 0.2); border-radius: 12px; padding: 20px; min-width: 80px; text-align: center; transition: all 0.3s ease; } .rs-theme .countdown-block:hover { background: rgba(227, 218, 201, 0.15); border-color: rgba(227, 218, 201, 0.3); transform: translateY(-2px); } .rs-theme .countdown-value { font-size: 32px; font-weight: 600; color: var(--text); background: linear-gradient(135deg, rgba(215, 204, 180, 1), rgba(227, 218, 201, 0.9)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .rs-theme .countdown-label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: rgba(215, 204, 180, 0.85); margin-top: 8px; } .rs-theme .coming-soon-modal { background: rgba(34, 28, 22, 0.84); backdrop-filter: blur(14px); } .rs-theme .coming-soon-popup { background: linear-gradient(135deg, rgba(227, 218, 201, 0.16), rgba(113, 106, 92, 0.28)); border: 1px solid rgba(241, 233, 219, 0.24); box-shadow: 0 24px 64px rgba(20, 16, 12, 0.28); } .rs-theme .coming-soon-icon, .rs-theme .coming-soon-content h3 { color: var(--text); } .rs-theme .coming-soon-content p { color: var(--text-secondary); } .rs-theme .coming-soon-subtext { color: rgba(215, 204, 180, 0.8); } @media (max-width: 768px) { .rs-theme .countdown { gap: 10px; } .rs-theme .countdown-block { padding: 15px; min-width: 60px; } .rs-theme .countdown-value { font-size: 24px; } } .rs-theme .presave-card::before { background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(227, 218, 201, 0.11) 0%, transparent 42%); } .rs-theme .presave-card:hover { border-color: rgba(227, 218, 201, 0.32); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 20px 48px rgba(20, 16, 12, 0.22); } .rs-theme .presave-artwork { border-color: rgba(227, 218, 201, 0.25); background: linear-gradient(160deg, #5b5348, #302b24); } .rs-theme .presave-title { background: linear-gradient(to right, var(--text), rgba(241, 233, 219, 0.75)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .rs-theme .presave-overline { color: rgba(215, 204, 180, 0.7); } .rs-theme .presave-subtitle { color: rgba(227, 218, 201, 0.7); } .rs-theme .presave-platforms i { color: rgba(227, 218, 201, 0.65); } .rs-theme .presave-platform:hover, .rs-theme .presave-platform:focus-visible { background: rgba(227, 218, 201, 0.12); border-color: rgba(227, 218, 201, 0.26); } .rs-theme .presave-platform:hover i, .rs-theme .presave-platform:focus-visible i { color: #fff; } .rs-theme .presave-platform-name { color: rgba(227, 218, 201, 0.95); }