.mechanic-card{position:relative;overflow:hidden;border-radius:1.25rem;background:var(--mcard-bg, rgba(30, 41, 59, .25));border:1px solid var(--mcard-border, rgba(255, 255, 255, .06));transition:all .4s cubic-bezier(.16,1,.3,1);display:block;text-decoration:none;box-sizing:border-box;backdrop-filter:blur(16px);--card-theme: #1ddabc;--card-theme-rgb: 29, 218, 188;--mcard-bg: rgba(30, 41, 59, .25);--mcard-border: rgba(255, 255, 255, .06);--mcard-title-color: #ffffff;--mcard-desc-color: #94a3b8;--mcard-tag-bg: rgba(255, 255, 255, .03);--mcard-tag-border: rgba(255, 255, 255, .05);--mcard-tag-color: #94a3b8;--mcard-hover-bg: rgba(30, 41, 59, .4);--mcard-hover-shadow: 0 20px 40px -15px rgba(0, 0, 0, .6), 0 0 25px rgba(var(--card-theme-rgb), .08)}.mechanic-card--purple{--card-theme: #c084fc;--card-theme-rgb: 192, 132, 252}.mechanic-card--sky{--card-theme: #38bdf8;--card-theme-rgb: 56, 189, 248}.mechanic-card--blue{--card-theme: #3b82f6;--card-theme-rgb: 59, 130, 246}.mechanic-card--emerald{--card-theme: #10b981;--card-theme-rgb: 16, 185, 129}.mechanic-card--rose{--card-theme: #f43f5e;--card-theme-rgb: 244, 63, 94}.mechanic-card--amber{--card-theme: #f59e0b;--card-theme-rgb: 245, 158, 11}.theme-light .mechanic-card{--card-theme: #128c7e;--card-theme-rgb: 18, 140, 126;--mcard-bg: var(--bg-surface);--mcard-border: var(--border-base);--mcard-title-color: var(--text-base);--mcard-desc-color: var(--text-muted);--mcard-tag-bg: var(--bg-muted);--mcard-tag-border: var(--border-base);--mcard-tag-color: var(--text-muted);--mcard-hover-bg: var(--bg-muted);--mcard-hover-shadow: 0 10px 20px -5px rgba(0, 0, 0, .04), 0 0 15px rgba(var(--card-theme-rgb), .04)}.theme-light .mechanic-card--purple{--card-theme: #7c3aed;--card-theme-rgb: 124, 58, 237}.theme-light .mechanic-card--sky{--card-theme: #0284c7;--card-theme-rgb: 2, 132, 199}.theme-light .mechanic-card--blue{--card-theme: #2563eb;--card-theme-rgb: 37, 99, 235}.theme-light .mechanic-card--emerald{--card-theme: #059669;--card-theme-rgb: 5, 150, 105}.theme-light .mechanic-card--rose{--card-theme: #db2777;--card-theme-rgb: 219, 39, 119}.theme-light .mechanic-card--amber{--card-theme: #d97706;--card-theme-rgb: 217, 119, 6}.mechanic-card:hover{border-color:rgba(var(--card-theme-rgb),.4);transform:translateY(-6px);background:var(--mcard-hover-bg);box-shadow:var(--mcard-hover-shadow)}.mcard-body{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.mcard-header{display:flex;align-items:center;gap:1rem}.mcard-iconbox{width:3.25rem;height:3.25rem;border-radius:.75rem;background-color:rgba(var(--card-theme-rgb),.08);border:1px solid rgba(var(--card-theme-rgb),.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--card-theme);transition:all .4s cubic-bezier(.16,1,.3,1)}.mechanic-card:hover .mcard-iconbox{background-color:rgba(var(--card-theme-rgb),.15);border-color:var(--card-theme);box-shadow:0 0 15px rgba(var(--card-theme-rgb),.3);transform:scale(1.05) translateY(-2px)}.mcard-icon{width:1.75rem;height:1.75rem;color:inherit}.mcard-title{font-size:1.35rem;font-weight:800;color:var(--mcard-title-color);margin:0;letter-spacing:-.02em;transition:color .2s ease}.mechanic-card:hover .mcard-title{color:var(--card-theme)}.mcard-desc{color:var(--mcard-desc-color);font-size:.875rem;line-height:1.6;text-transform:lowercase;margin:0}.mcard-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.mcard-tag{font-size:10px;padding:.25rem .5rem;border-radius:.25rem;background-color:var(--mcard-tag-bg);color:var(--mcard-tag-color);border:1px solid var(--mcard-tag-border)}.mcard-action{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:rgba(var(--card-theme-rgb),.75);padding-top:.5rem;transition:color .3s ease}.mechanic-card:hover .mcard-action{color:var(--card-theme)}.mcard-action-icon{width:1rem;height:1rem}.mcard-overlay-glow{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--card-theme-rgb),.04),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.mechanic-card:hover .mcard-overlay-glow{opacity:1}.mfilt-wrapper{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;--mfilt-btn-bg: var(--color-ui-surface);--mfilt-btn-color: var(--color-ui-text-muted);--mfilt-btn-border: var(--color-ui-border);--mfilt-btn-hover-bg: var(--color-ui-surface-hover);--mfilt-btn-hover-color: #ffffff;--mfilt-btn-active-color: #000000;--mfilt-btn-active-shadow: 0 0 20px rgba(29, 218, 188, .3);--mfilt-btn-active-hover-bg: rgba(29, 218, 188, .8)}.theme-light .mfilt-wrapper{--mfilt-btn-bg: var(--bg-surface);--mfilt-btn-color: var(--text-muted);--mfilt-btn-border: var(--border-base);--mfilt-btn-hover-bg: var(--bg-muted);--mfilt-btn-hover-color: var(--text-base);--mfilt-btn-active-color: #ffffff;--mfilt-btn-active-shadow: 0 4px 12px rgba(18, 140, 126, .2);--mfilt-btn-active-hover-bg: rgba(18, 140, 126, .9)}@media(min-width:768px){.mfilt-wrapper{gap:2rem;margin-bottom:2rem}}.mfilt-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem}@media(min-width:768px){.mfilt-header{flex-direction:row;align-items:center}}.mfilt-title{font-size:1.5rem;font-weight:700;border-left:4px solid var(--color-gamebob-primary);padding-left:.75rem;text-transform:lowercase;color:var(--color-gamebob-text);margin:0}@media(min-width:768px){.mfilt-title{font-size:2.25rem;padding-left:1rem}}.mfilt-group{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center}@media(min-width:768px){.filter-btn{font-size:.875rem}}.filter-btn-icon{display:inline-block;width:.75rem;height:.75rem;margin-right:.25rem}@media(min-width:768px){.filter-btn-icon{width:1rem;height:1rem}}.mfilt-tags-row{display:flex;overflow-x:auto;padding-bottom:.5rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;gap:.5rem}@media(min-width:768px){.mfilt-tags-row{padding-bottom:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}}.tag-filter-btn{white-space:nowrap;padding:.25rem .5rem;border-radius:.25rem;font-size:10px;transition:all .2s ease;flex-shrink:0;cursor:pointer}@media(min-width:768px){.tag-filter-btn{font-size:.75rem}}.filter-btn,.tag-filter-btn{background-color:var(--mfilt-btn-bg);color:var(--mfilt-btn-color);border:1px solid var(--mfilt-btn-border)}.filter-btn:hover,.tag-filter-btn:hover{background-color:var(--mfilt-btn-hover-bg);color:var(--mfilt-btn-hover-color)}.filter-btn.active,.tag-filter-btn.active{background-color:var(--color-gamebob-primary);color:var(--mfilt-btn-active-color);box-shadow:var(--mfilt-btn-active-shadow);border-color:transparent}.filter-btn.active:hover,.tag-filter-btn.active:hover{background-color:var(--mfilt-btn-active-hover-bg)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gm-index-page[data-astro-cid-47ndotbu]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem 1rem}@media(min-width:768px){.gm-index-page[data-astro-cid-47ndotbu]{padding:3rem 1rem}}.gm-index-container[data-astro-cid-47ndotbu]{z-index:10;width:100%;max-width:64rem;margin-top:1rem}@media(min-width:768px){.gm-index-container[data-astro-cid-47ndotbu]{margin-top:2rem}}.gm-index-sr[data-astro-cid-47ndotbu]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.gm-index-grid[data-astro-cid-47ndotbu]{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.gm-index-grid[data-astro-cid-47ndotbu]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.gm-index-grid[data-astro-cid-47ndotbu]{grid-template-columns:repeat(3,1fr)}}.gm-index-noresults[data-astro-cid-47ndotbu]{display:none;text-align:center;padding:3rem 0;color:#71717a}.gm-index-noresults-icon[data-astro-cid-47ndotbu]{width:3rem;height:3rem;margin:0 auto .5rem;opacity:.5}.gm-index-hidden[data-astro-cid-47ndotbu]{display:none!important}