.trend-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:stretch}.trend-modal__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trend-modal__sheet{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--bg);overflow:hidden}.trend-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);flex-shrink:0}.trend-modal__bar-title{margin:0;font-size:.9rem;font-weight:700;color:var(--title);letter-spacing:-.01em}.trend-modal__close{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;flex-shrink:0}.trend-modal__close:hover{color:var(--text);border-color:rgba(252,183,0,.45)}.trend-modal__body{flex:1 1;overflow-y:auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,5vw,3rem);max-width:900px;width:100%;margin:0 auto}.trend-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:40vh}.trend-modal__spinner{width:36px;height:36px;border:3px solid rgba(252,183,0,.2);border-top:3px solid var(--title);border-radius:50%;animation:trend-spin .75s linear infinite}@keyframes trend-spin{to{transform:rotate(1turn)}}.trend-modal__loading-text{font-size:.9rem;color:var(--muted)}.trend-modal__error{padding:2rem;text-align:center;color:#f87171;font-size:.9rem;line-height:1.6}.trend-report__header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.trend-report__grade{font-size:2.5rem;font-weight:800;color:var(--title);line-height:1;letter-spacing:-.03em;white-space:nowrap}.trend-report__header-text{display:flex;flex-direction:column;gap:.4rem}.trend-report__one-liner{margin:0;font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.35}.trend-report__pattern{margin:0;font-size:.85rem;color:var(--muted);line-height:1.5}.trend-report__section{margin-bottom:2rem}.trend-report__section-title{margin:0 0 .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.trend-report__items{display:flex;flex-direction:column;gap:.75rem}.trend-report__item{padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated)}.trend-report__item-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;flex-wrap:wrap}.trend-report__item-headline{font-size:.88rem;font-weight:700;color:var(--text);flex:1 1}.trend-report__item-champ{font-size:.72rem;color:var(--muted)}.trend-report__impact{padding:.1rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.trend-report__impact--high{background:rgba(252,183,0,.15);color:var(--title);border:1px solid rgba(252,183,0,.3)}.trend-report__impact--medium{background:rgba(96,165,250,.12);color:#93c5fd;border:1px solid rgba(96,165,250,.25)}.trend-report__impact--low{background:rgba(139,149,171,.12);color:var(--muted);border:1px solid rgba(139,149,171,.25)}.trend-report__item-details{font-size:.8rem;color:var(--muted);line-height:1.55;margin:0}.trend-report__checklist-title{margin:0 0 .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.trend-report__checklist{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.trend-report__checklist li{display:flex;align-items:flex-start;gap:.6rem;font-size:.84rem;color:var(--text);line-height:1.5}.trend-report__check-icon{width:16px;height:16px;border-radius:4px;border:1.5px solid rgba(252,183,0,.45);flex-shrink:0;margin-top:2px}.trend-report__takeaway{padding:1rem 1.25rem;border-left:3px solid var(--title);background:rgba(252,183,0,.05);border-radius:0 var(--radius) var(--radius) 0;font-size:.88rem;color:var(--text);line-height:1.6;margin-top:2rem;font-style:italic}.trend-section{padding:2rem clamp(1rem,4vw,2rem);max-width:1100px;margin:0 auto}.trend-section__header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.trend-section__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--title);letter-spacing:-.02em}.trend-filter{display:flex;gap:.375rem}.trend-filter__btn{padding:.35rem .85rem;border-radius:9999px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.trend-filter__btn:hover{color:var(--text);border-color:rgba(252,183,0,.45)}.trend-filter__btn--active{background:rgba(252,183,0,.12);border-color:var(--title);color:var(--title)}.trend-completed{margin-top:2rem}.trend-completed__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem}.trend-completed__blocks{display:flex;flex-direction:column;gap:.875rem}.trend-completed-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);padding:1rem 1.25rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.trend-completed-block:hover{border-color:rgba(252,183,0,.45);box-shadow:0 0 0 1px rgba(252,183,0,.1)}.trend-completed-block__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem}.trend-completed-block__dates{font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap}.trend-completed-block__wl{display:flex;gap:.15rem}.trend-completed-block__wl-char{font-size:.75rem;font-weight:700;line-height:1}.trend-completed-block__wl-char--w{color:#4ade80}.trend-completed-block__wl-char--l{color:#f87171}.trend-completed-block__wl-char--u{color:var(--muted)}.trend-completed-block__wl-count{font-size:.78rem;font-weight:700;white-space:nowrap}.trend-completed-block__wl-count--w{color:#4ade80}.trend-completed-block__wl-count--l{color:#f87171}.trend-completed-block__kda{font-size:.78rem;color:var(--muted);white-space:nowrap}.trend-completed-block__summary{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0}.trend-batches{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media (max-width:800px){.trend-batches{grid-template-columns:1fr}}.trend-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s,box-shadow .15s}.trend-card--available:hover{border-color:rgba(252,183,0,.55);box-shadow:0 0 0 1px rgba(252,183,0,.15)}.trend-card--unavailable{opacity:.55}.trend-card__head{padding:.85rem 1rem .65rem;border-bottom:1px solid var(--line);min-height:6.5rem;display:flex;flex-direction:column}.trend-card__title{margin:0 0 .15rem;font-size:.88rem;font-weight:700;color:var(--text)}.trend-card__cost{font-size:.74rem;color:var(--muted)}.trend-card__badge{display:inline-block;margin-top:.4rem;padding:.15rem .55rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:rgba(252,183,0,.15);color:var(--title);border:1px solid rgba(252,183,0,.3)}.trend-card__unavailable-msg{padding:.6rem 1rem;font-size:.78rem;color:var(--muted);font-style:italic}.trend-game-list{flex:1 1;overflow:hidden}.trend-game-row{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.42rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.78rem}.trend-game-row:last-child{border-bottom:none}.trend-game-row__champ{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.trend-game-row__date{font-size:.72rem}.trend-game-row__date,.trend-game-row__kda{color:var(--muted);white-space:nowrap}.trend-game-row__win{font-weight:700;white-space:nowrap}.trend-game-row__win--w{color:#4ade80}.trend-game-row__win--l{color:#f87171}.trend-game-row__grade{font-weight:700;color:var(--title);min-width:1.8rem;text-align:center}.trend-game-row__grade--empty{color:var(--muted);font-weight:400;font-size:.7rem}.trend-card__missing-notice{padding:.55rem 1rem;font-size:.75rem;color:#f59e0b;border-top:1px solid var(--line);font-style:italic}.trend-card__footer{padding:.75rem 1rem;border-top:1px solid var(--line)}.trend-card__cta{width:100%;padding:.55rem 1rem;border-radius:9999px;border:1px solid var(--line);background:rgba(252,183,0,.1);color:var(--title);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.trend-card__cta:hover:not(:disabled){background:rgba(252,183,0,.2);border-color:rgba(252,183,0,.6)}.trend-card__cta:disabled{opacity:.45;cursor:default}.trend-card__desc{padding:.5rem 1rem 0;font-size:.75rem;color:var(--muted);line-height:1.45}.trend-section__loading{text-align:center;color:var(--muted);padding:2rem 0;font-size:.9rem}.trend-section__empty{color:var(--muted);font-size:.88rem;padding:1rem 0}