/* ========================= RETRO THEME (csak kinézet) Aktiválás: Nem nyúl JS-hez, nem módosít layoutot. ========================= */ /* Alap háttér + betű */ html[data-theme="retro"] body{ background: linear-gradient(180deg, #c9d1a8, #b3bd90) !important; color:#1c2414 !important; font-family: "Courier New", Courier, monospace !important; } /* Linkek */ html[data-theme="retro"] a{ color:#2b3a1b !important; } html[data-theme="retro"] a:hover{ text-decoration: underline; } /* Közös halvány szövegek */ html[data-theme="retro"] .muted, html[data-theme="retro"] .hint, html[data-theme="retro"] .mini-hint, html[data-theme="retro"] .field-hint, html[data-theme="retro"] .modal-text{ color:#4b5f2a !important; } /* Topbar */ html[data-theme="retro"] .topbar{ background:#b3bd90 !important; border-bottom:2px solid #5a6b3a !important; backdrop-filter: none !important; } /* Márkajel */ html[data-theme="retro"] .brand-mark{ background:#b7c08a !important; color:#1c2414 !important; box-shadow: inset -2px -2px 0 #9aa36f !important; } /* Kártyák / dobozok */ html[data-theme="retro"] .card, html[data-theme="retro"] .panel, html[data-theme="retro"] .canvas-wrap, html[data-theme="retro"] .mini-panel, html[data-theme="retro"] .modal-content, html[data-theme="retro"] .stat, html[data-theme="retro"] .field, html[data-theme="retro"] .readme, html[data-theme="retro"] .score-row{ background:#dfe6b8 !important; border:2px solid #5a6b3a !important; box-shadow: inset 0 0 0 2px #a3ad7a !important; border-radius:10px !important; } /* Canvas glow OFF */ html[data-theme="retro"] .canvas-glow{ display:none !important; } /* Gombok / tabok */ html[data-theme="retro"] .btn, html[data-theme="retro"] .mbtn, html[data-theme="retro"] .icon-btn, html[data-theme="retro"] .tab{ background:#cfd7a6 !important; border:2px solid #5a6b3a !important; color:#1c2414 !important; box-shadow: inset -2px -2px 0 #a3ad7a !important; border-radius:10px !important; } html[data-theme="retro"] .btn:hover, html[data-theme="retro"] .mbtn:hover, html[data-theme="retro"] .icon-btn:hover, html[data-theme="retro"] .tab:hover{ filter: brightness(1.02); } html[data-theme="retro"] .btn:active, html[data-theme="retro"] .mbtn:active, html[data-theme="retro"] .icon-btn:active, html[data-theme="retro"] .tab:active{ transform: translateY(1px); } /* Aktív (primary / kiemelt) */ html[data-theme="retro"] .btn-primary, html[data-theme="retro"] .mbtn-accent, html[data-theme="retro"] .tab.active{ background:#b7c08a !important; box-shadow: inset -2px -2px 0 #9aa36f !important; border-color:#2b3a1b !important; } /* Űrlap elemek */ html[data-theme="retro"] .field select, html[data-theme="retro"] .field input[type="text"]{ background:#cfd7a6 !important; border:2px solid #5a6b3a !important; color:#1c2414 !important; border-radius:10px !important; outline:none !important; } html[data-theme="retro"] .field select:focus, html[data-theme="retro"] .field input[type="text"]:focus{ border-color:#2b3a1b !important; box-shadow: 0 0 0 3px rgba(43,58,27,.18) !important; } /* Checkbox szín */ html[data-theme="retro"] .check-row input[type="checkbox"]{ accent-color: #2b3a1b; } /* Statisztika számok */ html[data-theme="retro"] .stat-label{ color:#4b5f2a !important; } html[data-theme="retro"] .stat-value{ color:#1c2414 !important; } /* Mini canvas keret */ html[data-theme="retro"] .mini{ background:#cfd7a6 !important; border:2px solid #5a6b3a !important; box-shadow: inset 0 0 0 2px #a3ad7a !important; border-radius:10px !important; } /* Modal fej */ html[data-theme="retro"] .modal-head{ background:#cfd7a6 !important; border-bottom:2px solid #5a6b3a !important; backdrop-filter:none !important; } /* Rangsor badge */ html[data-theme="retro"] .badge{ background:#b7c08a !important; border:2px solid #5a6b3a !important; color:#1c2414 !important; } /* Rangsor név/szám színek */ html[data-theme="retro"] .score-name, html[data-theme="retro"] .score-points, html[data-theme="retro"] .score-meta{ color:#1c2414 !important; } /* Kódblokkok a README-ben */ html[data-theme="retro"] .readme code, html[data-theme="retro"] .readme pre{ background: rgba(28,36,20,.08) !important; border:2px solid #5a6b3a !important; } /* Mobil alsó vezérlők sáv */ @media (max-width: 899px){ html[data-theme="retro"] .mobile-controls{ background: linear-gradient(180deg, #c9d1a8, #b3bd90) !important; border-top:2px solid #5a6b3a !important; backdrop-filter:none !important; } html[data-theme="retro"] .mbtn{ background:#cfd7a6 !important; border:2px solid #5a6b3a !important; color:#1c2414 !important; box-shadow: inset -2px -2px 0 #a3ad7a !important; } html[data-theme="retro"] .mbtn-accent{ background:#b7c08a !important; border-color:#2b3a1b !important; box-shadow: inset -2px -2px 0 #9aa36f !important; } }