.cwf-lb{--bg:#020618;--surface:#161b27db;--surface-strong:#1c2333f0;--surface-soft:#0f1724d1;--border:#ffffff14;--border-soft:#ffffff0d;--ink:#e6edf3;--ink2:#8b949e;--ink3:#5f6978;--accent:#10e4b3;--accent-soft:#10e4b3d1;--accent-border:#10e4b347;--shadow:0 24px 60px #0000003d;--thumb-empty:linear-gradient(135deg,#1a2436 0%,#0d1320 100%);--thumb-filter:brightness(.88)saturate(.92);--thumb-hover:brightness(1)saturate(1);--badge-bg:#050812e0;--badge-text:#e6edf3;--avatar-bg:#101828;isolation:isolate;min-height:100vh;color:var(--ink);background:#020618;font-family:DM Sans,sans-serif;position:relative;overflow:clip}.cwf-lb:before,.cwf-lb:after{content:none}:root:not(.dark) .cwf-lb{--bg:#eef3f8;--surface:#ffffffe0;--surface-strong:#f8fafcfa;--surface-soft:#f1f5f9eb;--border:#0f172a1a;--border-soft:#0f172a0f;--ink:#0f172a;--ink2:#475569;--ink3:#7c8798;--badge-bg:#0f172adb;--badge-text:#f8fafc;--avatar-bg:#e2e8f0;--shadow:0 18px 46px #0f172a1f;--thumb-empty:linear-gradient(135deg,#dbe6f2 0%,#f8fafc 100%);background:#eef3f8}.dark .cwf-lb{--bg:#020618}.cwf-tab-radio{opacity:0;pointer-events:none;position:absolute}.cwf-lb-page{max-width:1380px;margin:0 auto;padding:2rem 2rem 5rem}.cwf-header-row{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.75rem;display:flex}.cwf-header-copy{max-width:40rem}.cwf-header-title,.cwf-shelf-title,.cwf-one-tricks-title,.cwf-lb-empty-title,.cwf-help-title,.cwf-card-title,.cwf-thumb-title,.cwf-champion-name{font-family:Rajdhani,DM Sans,sans-serif}.cwf-header-title{letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin:0 0 .55rem;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:700;line-height:.96}.cwf-header-subtitle{max-width:33rem;color:var(--ink2);margin:0;font-size:.96rem;line-height:1.6}.cwf-header-actions{flex:0 38rem;justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;display:flex}.cwf-search-bar{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;align-items:center;gap:.5rem;width:min(100%,340px);min-width:0;height:46px;padding:0 .7rem 0 .95rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #00000014}.cwf-search-bar:focus-within{background:var(--surface-strong);border-color:#ffffff29;box-shadow:0 0 0 3px #c0c7d114}.cwf-search-icon{color:var(--ink3);flex-shrink:0;display:inline-flex}.cwf-search-input{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:.88rem}.cwf-search-input::placeholder{color:var(--ink3)}.cwf-search-clear,.cwf-search-submit{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cwf-search-clear{width:28px;height:28px;color:var(--ink3);font-size:1rem;font-weight:700;text-decoration:none}.cwf-search-clear:hover{color:var(--ink);background:#ffffff0f}.cwf-search-submit{width:34px;height:34px;color:var(--ink2);cursor:pointer;background:0 0;border:none}.cwf-search-submit:hover{color:var(--ink);background:#ffffff0f}.cwf-sort-menu{z-index:20;flex-shrink:0;width:170px;position:relative}.cwf-sort-menu>summary{border:1px solid var(--border);background:var(--surface);width:100%;height:46px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;justify-content:space-between;align-items:center;gap:.7rem;padding:0 .95rem;list-style:none;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.cwf-sort-menu>summary::-webkit-details-marker{display:none}.cwf-sort-menu>summary:hover,.cwf-sort-menu[open]>summary{background:var(--surface-strong);border-color:#ffffff29;box-shadow:0 0 0 3px #c0c7d114}.cwf-sort-copy{flex-direction:column;gap:.04rem;min-width:0;display:flex}.cwf-sort-label{color:var(--ink2);font-size:.72rem;line-height:1}.cwf-sort-value{color:var(--ink);white-space:nowrap;font-size:.84rem;font-weight:600;line-height:1.15}.cwf-sort-menu-panel{border:1px solid var(--border);background:var(--surface-strong);width:100%;box-shadow:var(--shadow);scrollbar-width:none;border-radius:10px;position:absolute;top:calc(100% + 2px);right:0;overflow:hidden}.cwf-sort-menu-panel::-webkit-scrollbar{display:none}.cwf-sort-link{color:var(--ink2);padding:.8rem .95rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.cwf-sort-link:hover{color:var(--ink);background:#ffffff0d}.cwf-sort-link.is-active{color:var(--accent)}.cwf-tabs-row{border-bottom:1px solid var(--border-soft);margin-bottom:1.75rem}.cwf-tabs{scrollbar-width:none;-ms-overflow-style:none;align-items:center;display:flex;overflow-x:auto}.cwf-tabs::-webkit-scrollbar{display:none}.cwf-tab{color:var(--ink2);white-space:nowrap;cursor:pointer;align-items:center;gap:.5rem;padding:.9rem 1.15rem;font-size:.9rem;font-weight:500;transition:color .18s;display:inline-flex;position:relative}.cwf-tab:hover{color:var(--ink)}.cwf-tab:after{content:"";background:var(--accent);transform-origin:50%;border-radius:999px;height:2px;transition:transform .22s;position:absolute;bottom:-1px;left:1rem;right:1rem;transform:scaleX(0)}.cwf-tab-icon{opacity:.75;flex-shrink:0;width:16px;height:16px}.cwf-tab-chip{border:1px solid var(--accent-border);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.08rem .4rem;font-family:Rajdhani,DM Sans,sans-serif;font-size:.58rem;font-weight:700;display:inline-flex}#cwf-tab-all:checked~.cwf-lb-page .cwf-tab--all,#cwf-tab-one-tricks:checked~.cwf-lb-page .cwf-tab--one-tricks{color:var(--accent)}#cwf-tab-all:checked~.cwf-lb-page .cwf-tab--all:after,#cwf-tab-one-tricks:checked~.cwf-lb-page .cwf-tab--one-tricks:after{transform:scaleX(1)}.cwf-lb-main{padding-bottom:2rem}.cwf-tab-panel{animation:.28s cubic-bezier(.22,1,.36,1) both cwf-tab-fade-in;display:none}#cwf-tab-all:checked~.cwf-lb-page .cwf-panel-all{display:block}#cwf-tab-one-tricks:checked~.cwf-lb-page .cwf-panel-one-tricks{display:flex}.cwf-shelf+.cwf-shelf{margin-top:2.5rem}.cwf-shelf-title{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .95rem;font-size:.96rem;font-weight:700}.cwf-lb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1.2rem;display:grid}.cwf-card{z-index:0;cursor:pointer;min-width:0;animation:.38s cubic-bezier(.22,1,.36,1) both cwf-up;position:relative}.cwf-card:first-child{animation-delay:0s}.cwf-card:nth-child(2){animation-delay:40ms}.cwf-card:nth-child(3){animation-delay:80ms}.cwf-card:nth-child(4){animation-delay:.12s}.cwf-card:nth-child(5){animation-delay:.16s}.cwf-card:nth-child(6){animation-delay:.2s}.cwf-card:nth-child(n+7){animation-delay:.24s}.cwf-card:has(.cwf-card-menu[open]){z-index:30}.cwf-card-link{color:inherit;text-decoration:none;display:block}.cwf-thumb{aspect-ratio:16/10;border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;width:100%;margin-bottom:.75rem;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000024}.cwf-thumb-img{object-fit:cover;width:100%;height:100%;filter:var(--thumb-filter);transition:transform .4s cubic-bezier(.22,1,.36,1),filter .3s;display:block}.cwf-card:hover .cwf-thumb-img{filter:var(--thumb-hover);transform:scale(1.04)}.cwf-thumb-empty{background:var(--thumb-empty);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cwf-thumb-overlay{z-index:1;background:linear-gradient(#0000 0%,#0508121f 26%,#0508129e 60%,#050812f2 100%);position:absolute;inset:0}.cwf-thumb-scrim{z-index:2;opacity:0;background:linear-gradient(#05081214 0%,#050812c2 58%,#050812f0 100%);transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(6px)}.cwf-card:hover .cwf-thumb-scrim{opacity:1;transform:translateY(0)}.cwf-thumb-desc{z-index:3;color:#e6edf3f0;opacity:0;-webkit-line-clamp:3;pointer-events:none;text-shadow:0 1px 4px #00000080;-webkit-box-orient:vertical;padding:1rem .95rem 2rem;font-size:.74rem;line-height:1.55;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden;transform:translateY(8px)}.cwf-card:hover .cwf-thumb-desc{opacity:1;transform:translateY(0)}.cwf-thumb-bar{background:var(--accent);z-index:3;width:0%;height:2px;transition:width .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.cwf-card:hover .cwf-thumb-bar{width:100%}.cwf-badge{z-index:3;background:var(--badge-bg);color:var(--badge-text);letter-spacing:.02em;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff14;border-radius:5px;padding:4px 8px;font-size:.67rem;font-weight:600;transition:transform .25s;position:absolute;bottom:8px;right:8px}.cwf-card:hover .cwf-badge{transform:translateY(-2px)}.cwf-card-info{align-items:flex-start;gap:.72rem;display:flex}.cwf-avatar{border:1px solid var(--border);background:var(--avatar-bg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.cwf-avatar img{object-fit:cover;width:100%;height:100%}.cwf-avatar-letter{color:var(--ink);text-transform:uppercase;font-size:.84rem;font-weight:700}.cwf-card-text{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.cwf-card-title-row{justify-content:space-between;align-items:flex-start;gap:.4rem;padding-right:2rem;display:flex;position:relative}.cwf-card-title-link{min-width:0;color:inherit;flex:1;text-decoration:none}.cwf-card-title{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;font-weight:700;line-height:1.25;transition:color .15s;display:-webkit-box;overflow:hidden}.cwf-card:hover .cwf-card-title,.cwf-card-title-link:hover .cwf-card-title{color:var(--accent)}.cwf-card-menu{z-index:5;position:absolute;top:-2px;right:0}.cwf-card-menu>summary{width:28px;height:28px;color:var(--ink3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;list-style:none;transition:color .15s,background .15s,border-color .15s;display:flex}.cwf-card-menu>summary::-webkit-details-marker{display:none}.cwf-card-menu>summary:hover,.cwf-card-menu[open]>summary{color:var(--ink);border-color:var(--border);background:#ffffff0d}.cwf-card-menu-panel{border:1px solid var(--border);background:var(--surface-strong);min-width:170px;box-shadow:var(--shadow);border-radius:10px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.cwf-card-menu-panel form,.cwf-card-menu-panel a{display:block}.cwf-card-menu-btn{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;padding:.65rem .75rem;font-family:inherit;font-size:.78rem}.cwf-card-menu-btn:hover{background:#ffffff0d}.cwf-card-creator{min-width:0;color:var(--ink2);align-items:center;gap:.35rem;font-size:.72rem;font-weight:500;display:flex}.cwf-card-creator>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cwf-verified-icon{background:#e6edf3cc;border-radius:999px;flex-shrink:0;width:12px;height:12px;display:inline-flex;position:relative}.cwf-verified-icon:after{content:"";border-bottom:1.5px solid #0d1117;border-left:1.5px solid #0d1117;width:5px;height:3px;position:absolute;top:2px;left:3px;transform:rotate(-45deg)}.cwf-card-meta{color:var(--ink3);font-size:.72rem}.cwf-one-tricks{flex-direction:column;gap:1.3rem}.cwf-one-tricks-head{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.cwf-one-tricks-title{color:var(--ink);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(1.9rem,3vw,2.55rem);font-weight:700;line-height:1}.cwf-one-tricks-sub{max-width:40rem;color:var(--ink2);margin:.55rem 0 0;font-size:.98rem;line-height:1.5}.cwf-champion-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.cwf-champion-card-shell{position:relative}.cwf-champion-card{border:1px solid var(--border);background:var(--surface);min-height:148px;color:inherit;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.35rem .9rem 1.15rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:0 10px 26px #00000014}.cwf-champion-card:hover{background:var(--surface-strong);border-color:#ffffff29;transform:translateY(-2px)}.cwf-champion-favorite{color:#ffffffbf;opacity:0;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050812a3;border:none;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:opacity .18s,transform .18s,background .18s,color .18s;display:inline-flex;position:absolute;top:.7rem;right:.7rem;transform:translateY(-2px)}.cwf-champion-favorite svg{width:1rem;height:1rem}.cwf-champion-favorite path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.cwf-champion-card-shell:hover .cwf-champion-favorite,.cwf-champion-favorite:focus-visible,.cwf-champion-favorite.is-favorited{opacity:1;transform:translateY(0)}.cwf-champion-favorite:hover,.cwf-champion-favorite:focus-visible{color:#f8fafc;background:#050812d1;outline:none}.cwf-champion-favorite.is-favorited{color:#facc15}.cwf-champion-favorite.is-favorited path{fill:currentColor;stroke:currentColor}.cwf-champion-icon-wrap{border:1px solid var(--border);background:var(--surface-soft);border-radius:16px;width:68px;height:68px;overflow:hidden}.cwf-champion-icon{object-fit:cover;width:100%;height:100%}.cwf-champion-text{flex-direction:column;align-items:center;gap:.35rem;display:flex}.cwf-champion-name{color:var(--ink);letter-spacing:.02em;text-transform:uppercase;font-size:1.45rem;line-height:1}.cwf-champion-count{color:var(--ink3);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;line-height:1.2}.cwf-lb-empty{border:1px dashed var(--border);text-align:center;background:#ffffff05;border-radius:14px;padding:5rem 2rem}.cwf-lb-empty--compact{padding:3rem 1.5rem}.cwf-lb-empty-icon{color:var(--ink3);opacity:.45;margin:0 auto 1rem}.cwf-lb-empty-title{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .35rem;font-size:1.4rem;font-weight:700}.cwf-lb-empty-sub{color:var(--ink2);margin:0;font-size:.84rem;line-height:1.6}.cwf-help-fab{z-index:50;position:fixed;bottom:1rem;right:1rem}.cwf-help-trigger{border:1px solid var(--border);background:var(--surface-strong);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.cwf-help-card{border:1px solid var(--border);background:var(--surface-strong);width:240px;box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:12px;padding:.9rem 1rem;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(6px)}.cwf-help-fab:hover .cwf-help-card{opacity:1;transform:translateY(0)}.cwf-help-title{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25rem;font-size:.88rem;font-weight:700}.cwf-help-text{color:var(--ink2);font-size:.8rem;line-height:1.45}@keyframes cwf-tab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cwf-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.cwf-lb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cwf-champion-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:980px){.cwf-lb-page{padding:1.6rem 1.35rem 4.5rem}.cwf-header-row{flex-direction:column;align-items:stretch}.cwf-header-actions{flex-basis:auto;justify-content:stretch}.cwf-search-bar{width:100%}.cwf-one-tricks-head{flex-direction:column;align-items:stretch}.cwf-champion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:780px){.cwf-lb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cwf-tab{padding-inline:1rem}}@media (max-width:620px){.cwf-lb-page{padding-inline:1rem}.cwf-header-actions{flex-direction:column;align-items:stretch}.cwf-sort-menu{width:100%}.cwf-sort-menu>summary{justify-content:space-between;width:100%}.cwf-champion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.cwf-lb-grid{grid-template-columns:1fr}.cwf-champion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cwf-champion-card{min-height:128px}.cwf-champion-icon-wrap{width:58px;height:58px}.cwf-champion-name{font-size:1.18rem}}@media (prefers-reduced-motion:reduce){.cwf-tab,.cwf-tab:after,.cwf-tab-panel,.cwf-card,.cwf-card *,.cwf-champion-card,.cwf-help-card{transition:none!important;animation:none!important}}
