:root{--bg-color: #fdfdfd;--text-color: #212121;--primary: #ff5722;--accent: #212121;--card-bg: #ffffff;--border-weight: 4px;--shadow-offset: 6px}[data-theme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--primary: #ff8a65;--accent: #ffffff;--card-bg: #1e1e1e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace;background:var(--bg-color);color:var(--text-color);line-height:1.4;padding:2rem;transition:background .3s,color .3s}header{background:var(--card-bg);padding:1.5rem;border:var(--border-weight) solid var(--accent);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--accent);margin-bottom:3rem;color:var(--text-color)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}#mod-search{padding:.8rem;border:var(--border-weight) solid var(--accent);font-size:1rem;font-weight:700;outline:none;background:var(--card-bg);color:var(--text-color)}#theme-toggle{padding:.8rem;border:var(--border-weight) solid var(--accent);cursor:pointer;font-weight:700;background:var(--card-bg);color:var(--text-color)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.mod-card{background:var(--card-bg);padding:1.5rem;border:var(--border-weight) solid var(--accent);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--accent);transition:transform .1s,background .3s;cursor:pointer}.mod-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent)}.mod-card h3{font-size:1.5rem;text-transform:uppercase;margin-bottom:1rem;border-bottom:2px solid var(--accent);padding-bottom:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);padding:2rem;border:var(--border-weight) solid var(--accent);box-shadow:12px 12px 0 var(--accent);max-width:500px;width:90%;position:relative;word-break:break-all}.modal-content a{color:var(--primary);text-decoration:none;font-weight:700;border-bottom:2px solid var(--primary)}.modal-content a:hover{background:var(--primary);color:#fff}.close{position:absolute;top:10px;right:15px;font-size:2rem;cursor:pointer;font-weight:700}
