:root{--bg-dark: #121212;--bg-panel: #1e1e1e;--bg-card: #2a2a2a;--accent: #d4af37;--accent-hover: #f0c040;--text-main: #e0e0e0;--text-muted: #a0a0a0;--border: #333;--shadow: 0 4px 12px rgba(0, 0, 0, .5);--font-header: "Cinzel", serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);height:100vh;overflow:hidden}.app-container{display:flex;height:100vh}.sidebar{width:300px;background-color:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:all .3s ease;z-index:100;white-space:nowrap}.sidebar.collapsed{width:0;overflow:hidden;border-right:none;padding:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.header-controls{display:flex;gap:10px}.sidebar-header h2{font-family:var(--font-header);color:var(--accent)}#collapse-sidebar{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}#collapse-sidebar:hover{color:var(--accent)}.letter-nav{padding:.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;border-bottom:1px solid var(--border)}.letter-btn{background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:2px 6px;font-size:.8rem;border-radius:4px}.letter-btn:hover,.letter-btn.active{color:var(--accent);border-color:var(--accent)}#keyword-list{list-style:none;overflow-y:auto;flex:1}.list-item{padding:10px 20px;cursor:pointer;border-bottom:1px solid #252525;transition:background .2s}.list-item:hover{background-color:var(--bg-card)}.list-item.active{background-color:var(--bg-card);border-left:4px solid var(--accent);color:var(--accent)}.main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.top-bar{padding:1rem 2rem;background-color:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.sidebar-toggle-wrapper{display:flex;align-items:center}#expand-sidebar{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:1rem;padding:5px 10px;border-radius:4px;display:none}#expand-sidebar:hover{color:var(--accent);border-color:var(--accent)}.search-container{flex:1;max-width:600px;position:relative;margin:0 auto}#search-input{width:100%;padding:12px 40px 12px 20px;border-radius:25px;border:1px solid var(--border);background-color:var(--bg-dark);color:var(--text-main);font-size:1rem;outline:none;transition:border-color .2s}#search-input:focus{border-color:var(--accent)}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.content-scroll-area{flex:1;overflow-y:auto;padding:2rem;display:flex;justify-content:center}.card-display{max-width:1000px;width:100%;display:flex;flex-direction:column;gap:2rem}.nav-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nav-btn{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-main);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600}.nav-btn:hover{background-color:var(--accent);color:#000;border-color:var(--accent)}#current-index{color:var(--text-muted);font-family:var(--font-body)}.keyword-card{background:linear-gradient(145deg,var(--bg-card),#222);border:1px solid var(--border);border-radius:16px;padding:3rem;text-align:center;box-shadow:var(--shadow);position:relative}.keyword-card h1{font-family:var(--font-header);font-size:3rem;color:var(--accent);margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.keyword-card p{font-size:1.4rem;line-height:1.6;color:#ddd}.examples-section h3{font-family:var(--font-header);color:var(--text-muted);margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center}.mtg-card-img{width:100%;max-width:250px;border-radius:4.5%/3.5%;box-shadow:0 4px 8px #00000080;transition:transform .2s;cursor:pointer}.mtg-card-img:hover{transform:scale(1.05);z-index:10}.loading-spinner{border:4px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--accent);animation:spin 1s linear infinite;margin:20px auto;display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none!important}.sidebar{position:absolute;height:100%;transform:translate(-100%);width:80%;border-right:1px solid #333;box-shadow:2px 0 10px #000c}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:80%;transform:translate(-100%)}.top-bar{padding:1rem;gap:.5rem}#menu-toggle{background:none;border:none;color:var(--accent);font-size:1.5rem;cursor:pointer;padding-right:10px}#close-sidebar{background:none;border:none;color:var(--text-main);font-size:2rem;cursor:pointer}.keyword-card{padding:1.5rem}.keyword-card h1{font-size:2rem}.keyword-card p{font-size:1.1rem}#search-input{font-size:16px}}