.pickem-page{width:100%;max-width:1280px;margin-inline:auto;padding:24px 24px 80px;color:var(--color-fg)}.pickem-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--color-line)}.pickem-heading .label{color:var(--color-accent)}.pickem-heading h1{font:30px/1.1 var(--font-display);text-transform:uppercase;margin:0;letter-spacing:.02em;color:var(--color-fg)}.pickem-heading p:last-child{max-width:960px;margin-top:8px;font-size:13px;line-height:1.5;color:var(--color-fg-muted)}.pickem-page input,.pickem-page select{background:var(--color-ink-1);border:1px solid var(--color-line);padding:10px 12px;color:var(--color-fg);max-width:100%;font-size:14px;border-radius:0}.pickem-heading select{max-width:320px;width:100%;margin-top:4px}.pickem-notice{padding:12px 16px;border-left:2px solid var(--color-accent);background:var(--color-ink-1);margin-bottom:20px;font-size:12px;line-height:1.6;border-radius:0}.pickem-notice.error{border-color:var(--color-loss)}.pickem-notice a{color:var(--color-accent)}.pickem-notice button{margin-left:16px;text-decoration:underline;cursor:pointer}.pickem-view-tabs{display:flex;justify-content:center;gap:24px;margin:0 auto 32px;flex-wrap:wrap}.pickem-view-tabs button{position:relative;min-height:50px;min-width:250px;padding:12px 24px;border:1px solid #182e8b;background:#10152c88;font:24px/1.15 var(--font-display);letter-spacing:.03em;color:#fff;cursor:pointer;border-radius:0;transition:all .15s ease}.pickem-view-tabs button[aria-current=page]{background:#111a3d;border-color:#2441ad;box-shadow:0 0 16px rgba(36,65,173,.25)}.pickem-view-tabs button span{display:block;font:10px/1.3 var(--font-mono);letter-spacing:.12em;margin-top:4px;color:#8b98bd}.pickem-page .pickem-view-tabs button:disabled{opacity:.65}.pickem-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;max-width:1000px;margin:0 auto 16px}.pickem-toolbar>div{display:flex;align-items:center;gap:12px}.pickem-toolbar button{display:flex;align-items:center;gap:8px;background:var(--color-ink-1);border:1px solid var(--color-line);padding:6px 12px;font-size:12px;cursor:pointer;border-radius:0}.pickem-toolbar select{padding:6px 10px;font-size:12px}.pickem-workspace{width:100%;max-width:860px;margin:16px auto 0}.pickem-card{width:100%}.pickem-roster{display:grid;grid-template-columns:repeat(8,minmax(0,56px));justify-content:center;gap:8px 18px;max-width:700px;margin:auto}.pickem-roster button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:0;background:transparent;padding:4px;cursor:grab;overflow:hidden;box-sizing:border-box;transition:background-color .15s,border-color .15s,transform .15s;border-radius:0}.pickem-roster button:hover{transform:scale(1.06)}.pickem-roster img{max-width:44px;max-height:44px;width:auto;height:auto;object-fit:contain;pointer-events:none;display:block}.pickem-roster .is-used img{opacity:.3}.pickem-roster .is-selected{outline:1px solid var(--color-accent);outline-offset:2px}.pickem-roster .is-selected img{opacity:1}.pickem-selection-hint{min-height:16px;margin:8px 0 18px;text-align:center;font-size:12px;color:var(--color-fg-muted)}.pickem-groups{display:grid;grid-template-columns:1fr 1.55fr 1fr;column-gap:36px;align-items:start;max-width:700px;margin:24px auto 0}.pickem-group h3{font:28px/1.1 var(--font-display);letter-spacing:.02em;text-align:center;text-transform:uppercase;min-height:32px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;color:#fff}.pickem-slots{display:grid;grid-template-columns:repeat(2,minmax(0,64px));gap:14px;justify-content:center}.pickem-slots-wide{grid-template-columns:repeat(3,minmax(0,64px))}.pickem-slots button{aspect-ratio:1;width:64px;height:64px;min-width:0;padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #142b83;background:#10152c66;border-radius:0;cursor:pointer;overflow:hidden;box-sizing:border-box;transition:border-color .15s,background .15s,transform .15s}.pickem-slots button:hover{border-color:#2441ad;transform:translateY(-2px)}.pickem-group[data-tone=win] .pickem-slots button{border-color:color-mix(in srgb,var(--color-win) 50%,transparent);background:color-mix(in srgb,var(--color-win) 8%,transparent)}.pickem-group[data-tone=loss] .pickem-slots button{border-color:color-mix(in srgb,var(--color-loss) 50%,transparent);background:color-mix(in srgb,var(--color-loss) 8%,transparent)}.pickem-slots button.active{outline:2px solid var(--color-accent);outline-offset:4px}.pickem-slots img{max-width:50px;max-height:50px;width:auto;height:auto;object-fit:contain;pointer-events:none;display:block}.pickem-team-fallback{font-size:12px;overflow-wrap:anywhere}.pickem-save{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:780px;margin:34px auto 0;padding-top:0;border-top:0}.pickem-save p{font-size:12px;color:var(--color-fg-muted)}.pickem-steam-status{padding-top:0}.pickem-steam-status p{font:24px/1.2 var(--font-display);letter-spacing:.02em;color:#a4a4ac}.pickem-steam-status button{margin-left:8px;text-decoration:underline;text-underline-offset:5px}.pickem-page .pickem-steam-status button:disabled{opacity:1;color:#a4a4ac}.pickem-steam-status>span{display:block;margin-top:4px;font-size:13px;color:#777b89}.pickem-save-action{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.pickem-save-action>p{margin-top:8px;font-size:11px;color:var(--color-fg-muted)}.pickem-page button.pickem-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:14px 32px;background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:0;color:var(--color-fg);font:26px/1 var(--font-display);letter-spacing:.03em;cursor:pointer;white-space:nowrap;transition:all .15s ease}.pickem-page button.pickem-primary:hover:not(:disabled){background:var(--color-accent);color:#fff;box-shadow:0 0 20px rgba(0,102,255,.4)}.pickem-account{border:1px solid var(--color-line);background:var(--color-ink-1);padding:24px;margin-top:32px;border-radius:0}.pickem-account h2{font:20px var(--font-display)}.pickem-account p{font-size:12px;line-height:1.7;color:var(--color-fg-muted);margin:12px 0}.pickem-account button{display:block;width:100%;min-height:36px;padding:8px 12px;border:1px solid var(--color-line);font-size:12px;cursor:pointer;margin-top:12px;border-radius:0}.pickem-account form{margin:16px 0}.pickem-account label{font-size:12px}.pickem-account input{width:100%;margin-top:8px}.pickem-account a{font-size:12px;color:var(--color-accent)}.pickem-account .pickem-steamid{font:12px var(--font-mono);font-variant-numeric:tabular-nums}.pickem-sync{border-top:1px solid var(--color-line);margin-top:24px;padding-top:16px}.pickem-sync h3{font-size:12px}.pickem-empty{padding:48px 24px;text-align:center;border:1px solid var(--color-line);background:var(--color-ink-1);border-radius:0}.pickem-empty>svg{margin:0 auto 16px;color:var(--color-accent)}.pickem-empty h2{font:30px var(--font-display)}.pickem-empty p{margin-top:12px;font-size:14px;color:var(--color-fg-muted)}.pickem-confirm{padding:24px;margin-top:24px;border:1px solid var(--color-accent);background:var(--color-ink-1);border-radius:0}.pickem-confirm h2{font:20px var(--font-display)}.pickem-confirm p{font-size:14px;margin-top:12px}.pickem-confirm>div{display:flex;gap:16px;margin-top:24px}.pickem-confirm button{padding:8px 16px;border:1px solid var(--color-line);cursor:pointer;font-size:12px;border-radius:0}.pickem-page button:disabled{opacity:.45;cursor:not-allowed}.pickem-page button:hover:not(:disabled){background:var(--color-ink-2)}.pickem-page :is(button,input,select,a):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.pickem-community{width:100%;margin:20px auto 0}.pickem-community-controls{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;gap:8px;width:100%;margin:0 0 16px auto}.pickem-community-controls>button,.pickem-community-controls>label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;border:1px solid #292d40;background:#0b0d1588;padding:7px 14px;color:#fff;font:18px/1.1 var(--font-display);border-radius:0}.pickem-community-controls>button{justify-content:center;cursor:pointer}.pickem-community-controls input{width:18px;height:18px;accent-color:#2441ad;cursor:pointer}.pickem-community-caption{color:#81899c;font-size:11px;line-height:1.5;margin-bottom:12px}.pickem-community-scroll{width:100%;overflow-x:auto}.pickem-community-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0 6px;table-layout:auto}.pickem-community-table thead th{height:38px;color:white;text-align:center;font:22px/1 var(--font-display);padding:0 5px 10px;white-space:nowrap}.pickem-community-table thead th:first-child{text-align:left;font-size:14px;padding-left:16px;color:#8992a8}.pickem-community-table tbody tr:nth-child(odd){background:#0b0d1580}.pickem-community-table tbody tr:nth-child(2n){background:#171a2480}.pickem-community-table tbody th,.pickem-community-table td{padding:8px 6px;height:52px}.pickem-community-user{display:flex;align-items:center;gap:8px;padding-left:12px;min-width:150px;max-width:220px;font:18px/1 var(--font-display);text-align:left}.pickem-community-user>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickem-community-avatar{height:28px;width:28px;object-fit:cover;flex:none;border-radius:0}.pickem-community-score{font:22px/1 var(--font-display);text-align:center;white-space:nowrap}.pickem-community-picks{display:flex;gap:6px;justify-content:center}.pickem-community-picks>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #182e8b;background:#10152c55;padding:4px;flex:none;box-sizing:border-box;overflow:hidden;border-radius:0}.pickem-community-picks[data-tone=win]>span{border-color:#00785b;background:#00382d33}.pickem-community-picks[data-tone=loss]>span{border-color:#780b19;background:#3a091133}.pickem-community-picks img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.pickem-creator-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 7px;border:1px solid #9e6b32;background:#a46a1818;color:#e9b567;font:11px/1 var(--font-display);border-radius:0}.pickem-community-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;font-size:12px}.pickem-community-pagination button{padding:7px 12px;border:1px solid #292d40;cursor:pointer;border-radius:0}.pickem-average-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pickem-average-grid h2{font:28px/1 var(--font-display);text-align:center;margin-bottom:18px}.pickem-average-team{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px 0;font-size:12px}.pickem-average-team>img{width:28px;height:28px;max-width:28px;max-height:28px;object-fit:contain}.pickem-average-bar{grid-column:1/-1;height:3px;background:#23283a;border-radius:0;overflow:hidden}.pickem-average-bar>span{display:block;height:100%;background:#2441ad}.pickem-skeleton{pointer-events:none;user-select:none}@keyframes pickem-pulse{0%,to{opacity:.8}50%{opacity:.28}}.pickem-skeleton-team{height:60px;border:1px solid #1c233a;background:#0d101c;border-radius:0;animation:pickem-pulse 1.8s ease-in-out infinite}.pickem-skeleton-hint{width:min(340px,60%);height:14px;margin:18px auto 26px}.pickem-skeleton-group-title,.pickem-skeleton-hint{background:#141829;border-radius:0;animation:pickem-pulse 1.8s ease-in-out infinite}.pickem-skeleton-group-title{width:90px;height:32px;margin:0 auto 20px}.pickem-skeleton-slot{aspect-ratio:1;width:80px;height:80px;border:1px solid #182348;background:#0f1426;border-radius:0;animation:pickem-pulse 1.8s ease-in-out infinite}.pickem-skeleton-save-status{height:34px;background:#141829;border-radius:0}.pickem-skeleton-save-button,.pickem-skeleton-save-status{width:220px;animation:pickem-pulse 1.8s ease-in-out infinite}.pickem-skeleton-save-button{height:60px;background:#0b1a23;border:1px solid #163644;border-radius:0}.pickem-skeleton-row{animation:pickem-pulse 1.8s ease-in-out infinite}.pickem-skeleton-avatar{width:28px;height:28px;background:#192038;border-radius:0;flex:none}.pickem-skeleton-name{width:110px;height:16px;background:#141829;border-radius:0}.pickem-skeleton-score{width:40px;height:20px;margin:0 auto;background:#141829;border-radius:0}.pickem-skeleton-pick-box{width:36px;height:36px;background:#10152c;border:1px solid #182e8b44;border-radius:0}@media (max-width:900px){.pickem-page{padding:20px 16px 60px}.pickem-heading{flex-direction:column}.pickem-heading select{max-width:100%}.pickem-view-tabs{gap:12px;margin-bottom:32px}.pickem-view-tabs button{min-width:200px;font-size:20px}.pickem-groups{gap:24px;margin-top:24px}.pickem-group h3{font-size:28px}.pickem-slots{gap:10px;grid-template-columns:repeat(2,minmax(0,64px))}.pickem-slots-wide{grid-template-columns:repeat(3,minmax(0,64px))}.pickem-slots button{width:64px;height:64px}.pickem-save{flex-direction:column-reverse;align-items:stretch;margin-top:36px;gap:16px}.pickem-skeleton-slot{width:68px;height:68px}}@media (max-width:600px){.pickem-view-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.pickem-view-tabs button{min-width:0;min-height:48px;padding:8px;font-size:16px}.pickem-roster{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.pickem-roster button{width:40px;height:40px;padding:4px}.pickem-roster img{max-width:34px;max-height:34px}.pickem-groups{grid-template-columns:1fr 1fr;gap:20px 14px}.pickem-group:nth-child(2){grid-column:1/-1;grid-row:2}.pickem-slots button{width:60px;height:60px;padding:8px}.pickem-save-action .pickem-primary{width:100%;font-size:24px;min-height:56px}.pickem-steam-status p{font-size:22px}.pickem-community-controls{width:100%;max-width:none}.pickem-average-grid{grid-template-columns:1fr}.pickem-community{margin-top:16px}.pickem-skeleton-team{height:44px}.pickem-skeleton-slot{width:60px;height:60px}.pickem-skeleton-save-button{width:100%;height:56px}}@media (prefers-reduced-motion:reduce){.pickem-skeleton-group-title,.pickem-skeleton-hint,.pickem-skeleton-row,.pickem-skeleton-save-button,.pickem-skeleton-save-status,.pickem-skeleton-slot,.pickem-skeleton-team{animation:none;opacity:.6}}