.mechanics-card:focus-visible{outline:2px solid var(--orange,#ff8a1f);outline-offset:2px}.mechanics-page{padding:var(--space-lg,2rem) 0}.mechanics-header{margin-bottom:var(--space-lg,2rem)}.mechanics-header h1{letter-spacing:-.055em;margin:0 0 .25rem;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.94}.mechanics-subtitle{color:var(--muted,#91969d);margin:0 0 var(--space-md,1rem);max-width:800px;font-size:clamp(1rem,2vw,1.2rem)}.mechanics-search-input{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-xl,24px);width:100%;min-height:46px;color:var(--text,#f4f4f2);box-sizing:border-box;background:#0e0e12;outline:none;padding:0 1rem;font-family:inherit;font-size:1rem}.mechanics-search-input:focus{border-color:var(--orange,#ff8a1f);box-shadow:0 0 0 3px #ff7a1a1a}.mechanics-categories{margin-bottom:var(--space-lg,2rem);scrollbar-width:thin;top:var(--site-header-rendered-height,72px);backdrop-filter:blur(16px);z-index:5;border-bottom:1px solid var(--line,#ffffff1c);background:#07090df7;gap:.4rem;padding:.5rem 0;display:flex;position:sticky;overflow:auto hidden}.mechanics-cat-link{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-full,9999px);color:var(--text-soft,#c8c9c7);white-space:nowrap;font-size:.9rem;font-weight:var(--weight-extrabold,820);background:#ffffff0b;align-items:center;gap:.35rem;padding:.2rem .6rem;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:flex}.mechanics-cat-link:hover{border-color:var(--orange,#ff8a1f);color:var(--text,#f4f4f2);background:#ffffff12}.mechanics-cat-link.is-active{border-color:var(--orange,#ff8a1f);color:var(--orange,#ff8a1f)}.mechanics-cat-count{color:var(--muted,#91969d);background:#ffffff0f;border-radius:99px;padding:.1rem .45rem;font-size:.7rem}.mechanics-section{margin-bottom:var(--space-xl,2.5rem);scroll-margin-top:140px}.mechanics-section-title{margin:0 0 .25rem;font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.15}.mechanics-section-desc{color:var(--muted,#91969d);margin:0 0 var(--space-md,1rem);font-size:.92rem}.mechanics-grid-content{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=899px){.mechanics-grid-content{grid-template-columns:repeat(2,1fr)}}@media (width<=599px){.mechanics-grid-content{grid-template-columns:1fr}}.mechanics-card{cursor:pointer;background:linear-gradient(#1b1b20fa,#0d0d10fa);border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:.4rem;padding:1.25rem;transition:border-color .18s;display:flex}.mechanics-card:hover{border-color:var(--orange,#ff8a1f)}.mechanics-card-name{font-weight:var(--weight-bold,700);color:var(--text,#f4f4f2);margin:0 0 .1rem;font-size:1rem}.mechanics-card-official{color:var(--muted,#91969d);font-size:.8rem}.mechanics-card-summary{color:var(--text-soft,#c8c9c7);margin:0;font-size:.87rem;line-height:1.5}.mechanics-card-level{color:var(--muted,#91969d);margin-top:auto;font-size:.75rem}.has-results .mechanics-empty{display:none}.mechanic-modal{z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.mechanic-modal[aria-hidden=false]{opacity:1;pointer-events:auto}.mechanic-modal-backdrop{cursor:pointer;background:#000000b8;position:absolute;inset:0}.mechanic-modal-content{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-lg,18px);box-shadow:var(--shadow,0 24px 80px #00000057);width:90%;max-width:640px;max-height:85vh;padding:var(--space-lg,2rem);z-index:1;background:linear-gradient(#1b1b20fa,#0d0d10fa);position:relative;overflow-y:auto}.mechanic-modal-head{margin-bottom:var(--space-md,1rem);justify-content:space-between;align-items:flex-start;display:flex}.mechanic-modal-official{color:var(--orange,#ff8a1f);font-size:.8rem;font-weight:var(--weight-black,900);letter-spacing:.09em;text-transform:uppercase}.mechanic-modal-head h2{letter-spacing:-.045em;margin:.2rem 0 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:.96}.mechanic-modal-summary{color:var(--text-soft,#c8c9c7);margin-bottom:var(--space-md,1rem);font-size:1rem}.mechanic-modal-close{color:var(--muted,#91969d);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.6rem;line-height:1;transition:color .15s}.mechanic-modal-close:hover{color:var(--text,#f4f4f2)}.mechanic-modal-body{font-size:.92rem;line-height:1.6}.mechanic-modal-block{margin-bottom:var(--space-md,1rem)}.mechanic-modal-block h3{color:var(--orange,#ff8a1f);margin:0 0 .3rem;font-size:.87rem}.mechanic-modal-block ul{margin:0;padding-left:1.2rem}.mechanic-modal-block li{margin-bottom:.25rem}.mechanic-related-list{flex-wrap:wrap;gap:.4rem;display:flex}.mechanic-related-btn{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-2xl,.8rem);color:var(--text-soft,#c8c9c7);cursor:pointer;font-size:.85rem;font-weight:var(--weight-extrabold,820);background:#151519;padding:.35rem .7rem;transition:border-color .15s}.mechanic-related-btn:hover{border-color:var(--orange,#ff8a1f);color:var(--text,#f4f4f2)}.mechanic-modal-nav{margin-top:var(--space-md,1rem);padding-top:var(--space-md,1rem);border-top:1px solid var(--line,#ffffff1c);justify-content:space-between;display:flex}.mechanic-modal-nav button{border:1px solid var(--line,#ffffff1c);border-radius:var(--radius-2xl,.8rem);color:var(--text-soft,#c8c9c7);cursor:pointer;font-size:.87rem;font-weight:var(--weight-extrabold,820);background:#111115;padding:.4rem .85rem;transition:border-color .15s}.mechanic-modal-nav button:hover{border-color:var(--orange,#ff8a1f);color:var(--text,#f4f4f2)}body.mechanic-modal-open{overflow:hidden}@media (width<=599px){.mechanic-modal-content{width:95%;padding:var(--space-md,1rem);max-height:90vh}.mechanics-categories{gap:.35rem}.mechanics-cat-link{padding:.2rem .55rem;font-size:.8rem}}