*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;min-height:100dvh;display:flex;flex-direction:column}main.wrapper{flex:1}#nav>.container,footer>.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}body[data-cols="2"] #nav>.container,body[data-cols="3"] #nav>.container,body[data-cols="4"] #nav>.container,body[data-cols="2"] footer>.container,body[data-cols="3"] footer>.container,body[data-cols="4"] footer>.container{max-width:var(--page-width, 1200px)}body:before{content:"";position:fixed;inset:0 0 auto;height:420px;background:radial-gradient(120% 100% at 15% 0%,rgba(16,185,129,.16),transparent 60%),radial-gradient(80% 80% at 90% 0%,rgba(52,211,153,.12),transparent 65%);pointer-events:none;z-index:0}.wrapper{position:relative;z-index:1;width:100%;max-width:var(--page-width, 1040px);margin:0 auto;padding:20px 16px 56px;display:flex;flex-direction:column;gap:20px}body[data-cols="2"],body[data-cols="3"],body[data-cols="4"]{--page-width: min( calc(100vw - 40px) , 1760px)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.02em}h1{font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1.15}h2{font-size:18px;font-weight:700}h3{font-size:14px;font-weight:700}p{margin:0}.list-hero{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}.list-hero--catalog{gap:14px;padding:36px 40px;overflow:hidden;color:var(--surface);background:radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--emerald-500) 22%,transparent),transparent 55%),radial-gradient(circle at 10% 85%,color-mix(in srgb,var(--emerald-600) 18%,transparent),transparent 50%),var(--emerald-900);border:1px solid color-mix(in srgb,var(--emerald-500) 24%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.list-hero--catalog:after{content:"";position:absolute;right:-60px;top:50%;width:480px;height:240px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='20' y='20' width='560' height='260' rx='4'/%3E%3Cline x1='300' y1='20' x2='300' y2='280' stroke-width='3'/%3E%3Cline x1='120' y1='20' x2='120' y2='280'/%3E%3Cline x1='480' y1='20' x2='480' y2='280'/%3E%3Cline x1='120' y1='150' x2='480' y2='150'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.07;pointer-events:none}.list-hero--catalog>*{position:relative;z-index:1;max-width:680px}@media(min-width:900px){.list-hero--catalog:has(>.hero-stats){justify-content:center;min-height:280px;padding-right:290px}}.list-hero--catalog h1{font-family:var(--font-display);font-size:clamp(30px,4vw,42px);letter-spacing:-.03em;color:var(--surface)}.list-filters{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}@media(max-width:640px){.list-hero--catalog{padding:26px 22px}.list-hero--catalog:after{right:-140px}.list-filters{padding:14px 16px}}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13px;font-weight:500;color:var(--muted)}.crumbs a{position:relative;color:var(--brand-text);font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.crumbs a:hover{color:var(--emerald-800)}.crumbs a:after{content:"";position:absolute;inset:-14px -4px}.crumbs .crumb-separator,.crumbs .crumb-sep{color:var(--slate-300);font-size:11px;user-select:none}.crumbs span[aria-current=page]{color:var(--slate-600);font-weight:600}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}.top-actions{display:flex;align-items:center;gap:10px}.btn-ghost-top{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--slate-200);color:var(--slate-600);font-family:inherit;line-height:1.2;padding:7px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease;box-shadow:var(--shadow-sm);min-height:36px}.btn-ghost-top:hover{background:var(--slate-50);color:var(--slate-900);border-color:var(--slate-300);text-decoration:none;transform:translateY(-1px)}.btn-ghost-top :global(.icon){width:15px;height:15px;color:var(--slate-500)}@media(max-width:640px){.top-actions{display:none}}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-filters-top{display:flex;align-items:flex-start;gap:10px}.list-filters-search{flex:1;min-width:0}.list-toolbar--chips{flex-wrap:wrap;justify-content:flex-start;gap:12px 16px}.list-filters-places{flex:1 1 260px;min-width:0}@media(max-width:640px){.list-filters-top{flex-wrap:wrap}.list-filters-top .list-filters-search,.list-filters-top .list-filters-search .list-search{display:contents}.list-filters-top .list-filters-search .list-search-row{flex:1 1 100%;order:1}.list-filters-top .list-filters-search .list-search-open{order:2}.list-filters-panel{order:3;margin-left:auto}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:100px;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-quiet{background:var(--slate-100);color:var(--slate-700)}.btn-quiet:hover{background:var(--slate-200)}.icon-btn{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:var(--radius-md);background:var(--slate-100);color:var(--slate-700);cursor:pointer;text-decoration:none;transition:background-color .15s ease}.icon-btn:hover{background:var(--slate-200);text-decoration:none}.btn-glass{background:#ffffff29;border-color:#ffffff52;color:#fff;backdrop-filter:blur(6px)}.btn-glass:hover{background:#ffffff42}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 8px;text-align:left;white-space:nowrap}@media(max-width:400px){table{table-layout:fixed!important;width:100%!important}th.col-rank,td.col-rank,th.num,td.num{width:26px!important}th.col-points,td.col-points{width:36px!important}th.col-player,td.col-player{width:auto!important;white-space:normal!important}.col-player .player-text,.col-player .player-text strong,.col-player .player-link{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:0!important}.col-player .player-text strong{overflow-wrap:anywhere}.col-player .outcome,.col-player .member-status{white-space:nowrap}th,td{padding:10px 5px}}th{position:sticky;top:0;color:var(--slate-500);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--slate-50)}tbody tr{border-top:1px solid var(--slate-100)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:50;padding:10px 18px;border-radius:999px;background:var(--slate-900);color:#fff;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast[data-visible="1"]{opacity:1;transform:translate(-50%)}.draft-bar{background:var(--amber-50);color:#b45309;border-bottom:1px solid var(--amber-100);font-size:13px;font-weight:600;text-align:center;padding:8px 16px}
