.st-area{--st-gold:#d9b56c;--st-gold-soft:#d9b56c21;--st-gold-edge:#d9b56c52;--st-ease:var(--ccu-ease-standard,cubic-bezier(.2, .7, .2, 1));color:var(--ccu-ink);font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif);min-width:0}:root[data-theme=light] .st-area{--st-gold:#8f6514;--st-gold-soft:#b0801e1a;--st-gold-edge:#8f651447}.st-area :is(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--ccu-focus,var(--ccu-accent));outline-offset:2px}.st-page{font-variant-numeric:tabular-nums;max-width:1200px;margin:0 auto;padding:4px 0 48px}.st-page-narrow{max-width:960px}.st-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;display:flex}.st-head-copy{min-width:0}.st-mark{color:var(--st-gold);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:inline-flex}.st-mark-glyph{background:var(--st-gold-soft);width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--st-gold-edge);border-radius:7px;flex:none;place-items:center;display:inline-grid}.st-mark-glyph svg{width:12px;height:12px}.st-title{letter-spacing:-.02em;color:var(--ccu-ink);margin:0;font-size:28px;font-weight:600;line-height:1.15}.st-sub{color:var(--ccu-muted);max-width:640px;margin:6px 0 0;font-size:15px;line-height:1.45}.st-meta{color:var(--ccu-muted-faint);font-size:13px}.st-card{background:var(--ccu-surface);border:1px solid var(--ccu-line);border-radius:var(--ccu-radius-card,16px);box-shadow:var(--ccu-shadow-card);min-width:0}.st-card-pad{padding:20px}.st-card-head{border-bottom:1px solid var(--ccu-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.st-card-title{color:var(--ccu-ink);margin:0;font-size:15px;font-weight:600}.st-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid}.st-stat{min-width:0;padding:16px 20px}.st-stat+.st-stat{border-left:1px solid var(--ccu-line)}.st-stat-label{color:var(--ccu-muted);font-size:13px;font-weight:500}.st-stat-value{letter-spacing:-.01em;color:var(--ccu-ink);font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;font-weight:600;line-height:1.15}.st-stat-sub{color:var(--ccu-muted-faint);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.st-pill{background:var(--ccu-fill);height:24px;color:var(--ccu-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.st-pill-dot:before{content:"";opacity:.8;background:currentColor;border-radius:999px;width:6px;height:6px}.st-pill-gold{background:var(--st-gold-soft);color:var(--st-gold)}.st-pill-up{background:var(--ccu-up-soft);color:var(--ccu-up)}.st-area .ccu-seg-btn{padding:.4rem .85rem;font-size:13px}.st-filterbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.st-list{margin:0;padding:0;list-style:none}.st-item{min-width:0;transition:background-color .14s var(--st-ease);align-items:center;gap:14px;padding:12px 20px;display:flex}.st-item+.st-item{border-top:1px solid var(--ccu-line)}.st-item:hover{background:var(--ccu-fill)}.st-icon{object-fit:cover;background:var(--ccu-fill);border-radius:10px;flex:none;width:44px;height:44px}.st-icon-lg{border-radius:12px;width:56px;height:56px}.st-item-main{min-width:0;color:inherit;flex:auto;align-items:center;gap:14px;text-decoration:none;display:flex}.st-item-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.st-item-name{min-width:0;color:var(--ccu-ink);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.st-item-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-item-sub{color:var(--ccu-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.st-item-note{color:var(--ccu-muted);border-left:2px solid var(--st-gold-edge);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;padding-left:10px;font-size:13px;overflow:hidden}.st-num{text-align:right;flex:none;min-width:64px}.st-num-value{color:var(--ccu-ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.st-num-label{color:var(--ccu-muted-faint);font-size:12px}.st-actions{flex:none;align-items:center;gap:6px;display:flex}.st-iconbtn{width:36px;height:36px;color:var(--ccu-muted);cursor:pointer;transition:background-color .14s var(--st-ease), color .14s var(--st-ease), opacity .14s var(--st-ease);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.st-iconbtn svg{width:18px;height:18px}.st-iconbtn:hover{background:var(--ccu-fill-strong);color:var(--ccu-ink)}.st-iconbtn[aria-pressed=true]{color:var(--ccu-ink)}.st-iconbtn-danger:hover{color:var(--ccu-down);background:var(--ccu-down-soft)}.st-iconbtn[data-tip]:after{content:attr(data-tip);z-index:30;background:var(--ccu-tip-bg,var(--ccu-panel));color:var(--ccu-ink);border:1px solid var(--ccu-line);box-shadow:var(--ccu-shadow-pop);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--st-ease), transform .12s var(--st-ease);border-radius:8px;padding:6px 9px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,2px)}.st-iconbtn[data-tip]:hover:after,.st-iconbtn[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media (hover:none){.st-iconbtn[data-tip]:after{display:none}}.st-error{background:var(--ccu-down-soft);color:var(--ccu-down);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.st-skel{background:var(--ccu-fill);border-radius:8px}.st-loading{min-height:40vh;color:var(--ccu-muted);place-items:center;font-size:14px;display:grid}.st-input{font:inherit;color:var(--ccu-ink);background:var(--ccu-panel);border:1px solid var(--ccu-line-strong);border-radius:var(--ccu-radius-ctl,10px);min-width:0;min-height:40px;padding:0 12px;font-size:15px}.st-input::placeholder{color:var(--ccu-muted-faint)}.st-input:focus{border-color:var(--ccu-focus,var(--ccu-accent));outline:none}.st-grid-2{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (min-width:1024px){.st-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,24rem)}}.st-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}@media (max-width:767px){.st-title{font-size:24px}.st-sub{font-size:14px}.st-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.st-stat{padding:14px 16px}.st-stat:nth-child(3){border-left:0}.st-stat:nth-child(n+3){border-top:1px solid var(--ccu-line)}.st-stat-value{font-size:20px}.st-item{flex-wrap:wrap;gap:10px;padding:12px 14px}.st-iconbtn{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.st-area *,.st-area :after{transition:none!important}}.sx-page{--sx-pad:12px;--sx-icon:40px}.sx-page[data-density=compact]{--sx-pad:6px;--sx-icon:30px}.sx-head{margin-bottom:18px}.sx-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sx-search{background:var(--ccu-surface);border:1px solid var(--ccu-line-strong);min-width:0;max-width:420px;height:40px;color:var(--ccu-muted);border-radius:999px;flex:260px;align-items:center;gap:8px;padding:0 14px;display:flex}.sx-search:focus-within{border-color:var(--ccu-focus,var(--ccu-accent))}.sx-search svg{flex:none;width:17px;height:17px}.sx-search input{min-width:0;height:100%;color:var(--ccu-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.sx-search input::placeholder{color:var(--ccu-muted-faint)}.sx-search input::-webkit-search-cancel-button{cursor:pointer}.sx-tools{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.sx-tools .ccu-select-trigger{height:40px}.sx-tool{background:var(--ccu-fill);height:40px;color:var(--ccu-ink);font:inherit;cursor:pointer;transition:background-color .14s var(--st-ease);border:0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.sx-tool svg{width:17px;height:17px;color:var(--ccu-muted)}.sx-tool:hover,.sx-tool[aria-expanded=true]{background:var(--ccu-fill-strong)}.sx-tool-icon{justify-content:center;width:40px;padding:0}.sx-count{background:var(--ccu-ink);min-width:20px;height:20px;color:var(--ccu-bg);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:600;display:inline-grid}.sx-more{position:relative}.sx-menu-scrim{z-index:39;position:fixed;inset:0}.sx-menu{z-index:40;background:var(--ccu-panel);border:1px solid var(--ccu-line);min-width:240px;box-shadow:var(--ccu-shadow-pop);border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.sx-menu>:is(button,a){appearance:none;font:inherit;color:var(--ccu-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;min-height:40px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.sx-menu>:is(button,a):hover{background:var(--ccu-fill)}.sx-menu>button:disabled{color:var(--ccu-muted-faint);cursor:not-allowed;background:0 0}.sx-menu-label{color:var(--ccu-muted-faint);text-overflow:ellipsis;white-space:nowrap;margin:6px 12px 4px;font-size:12px;font-weight:500;overflow:hidden}.sx-menu-sep{background:var(--ccu-line);height:1px;margin:6px 4px}.sx-menu .sx-menu-danger{color:var(--ccu-down)}.sx-naming{flex-direction:column;gap:8px;margin-bottom:12px;padding:14px 16px;display:flex}.sx-naming-row{flex-wrap:wrap;gap:8px;display:flex}.sx-naming-row .st-input{flex:240px}.sx-filters{flex-direction:column;gap:14px;margin-bottom:12px;padding:16px 20px;display:flex}.sx-fgroup{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:8px 16px;display:grid}.sx-flabel{color:var(--ccu-muted);font-size:13px;font-weight:500}.sx-fctl{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.sx-seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.sx-seg::-webkit-scrollbar{display:none}.sx-range{align-items:center;gap:8px;display:inline-flex}.sx-num{width:84px;min-height:36px;font-size:14px}.sx-num[data-active]{border-color:var(--ccu-ink)}.sx-range-sep{color:var(--ccu-muted-faint);font-size:13px}.sx-filters-foot{border-top:1px solid var(--ccu-line);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.sx-status{color:var(--ccu-muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 2px 10px;font-size:13px;display:flex}.sx-status-strong{color:var(--ccu-ink);font-weight:600}.sx-status-time{color:var(--ccu-muted-faint);margin-left:auto}.sx-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (min-width:1024px){.sx-layout-open{grid-template-columns:minmax(0,1fr) minmax(380px,440px)}}.sx-list{overflow:hidden}.sx-row{grid-template-columns:8px var(--sx-icon) minmax(0, 1fr) 84px 92px 104px 124px;padding:var(--sx-pad) 16px;border-top:1px solid var(--ccu-line);cursor:pointer;transition:background-color .12s var(--st-ease);outline:none;align-items:center;gap:12px;font-size:14px;display:grid}.sx-row:first-child{border-top:0}.sx-row:hover{background:var(--ccu-fill)}.sx-row:focus-visible{box-shadow:inset 0 0 0 2px var(--ccu-focus,var(--ccu-accent))}.sx-row[data-active]{box-shadow:inset 2px 0 0 var(--ccu-line-strong)}.sx-row[data-selected]{background:var(--ccu-fill-strong);box-shadow:inset 2px 0 0 var(--ccu-ink)}.sx-row-head{cursor:default;color:var(--ccu-muted-faint);padding-top:10px;padding-bottom:10px;font-size:12px;font-weight:500}.sx-row-head:hover{background:0 0}.sx-row-skel{cursor:default}.sx-row-skel:hover{background:0 0}.sx-dot{background:var(--ccu-accent);border-radius:999px;width:7px;height:7px}.sx-row[data-seen] .sx-dot{background:0 0}.sx-icon{width:var(--sx-icon);height:var(--sx-icon);object-fit:cover;background:var(--ccu-fill);border-radius:10px;flex:none}.sx-page[data-density=compact] .sx-icon{border-radius:8px}.sx-copy{flex-direction:column;min-width:0;display:flex}.sx-name{align-items:center;gap:6px;min-width:0;display:flex}.sx-name-text{color:var(--ccu-ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.sx-row[data-seen] .sx-name-text{color:var(--ccu-muted-strong,var(--ccu-muted));font-weight:500}.sx-sub{color:var(--ccu-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sx-sub-found,.sx-page[data-density=compact] .sx-sub{display:none}.sx-muted{color:var(--ccu-muted);font-size:13px}.sx-c-num,.sx-c-found{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.sx-players{color:var(--ccu-ink);font-size:15px;font-weight:600}.sx-players-unit{display:none}.sx-trend{color:var(--ccu-muted-faint);font-size:13px;font-weight:500}.sx-trend-up{color:var(--ccu-up)}.sx-trend-down{color:var(--ccu-down)}.sx-actions{justify-content:flex-end;gap:2px;display:flex}.sx-act{opacity:0}.sx-row:hover .sx-act,.sx-row:focus-within .sx-act,.sx-row[data-active] .sx-act,.sx-row[data-selected] .sx-act,.sx-act[data-on],.sx-act:focus-visible{opacity:1}.sx-act[data-on]{color:var(--ccu-ink)}@media (hover:none){.sx-act{opacity:1}}.sx-keys{color:var(--ccu-muted-faint);margin:12px 4px 0;font-size:12px}.sx-keys kbd{font:inherit;background:var(--ccu-fill-strong);color:var(--ccu-muted);border-radius:6px;padding:1px 6px;font-size:12px}.sx-backdrop{z-index:60;background:#080a0e80;position:fixed;inset:0}:root[data-theme=light] .sx-backdrop{background:#10182847}.sx-drawer{z-index:61;background:var(--ccu-bg);flex-direction:column;gap:8px;width:min(100%,28rem);padding:10px;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden}.sx-drawer>aside{flex:1;min-height:0}.sx-drawer-bar{flex-wrap:wrap;gap:6px;display:flex}.sx-drawer-page{margin-left:auto}.sx-panel-loading{background:var(--ccu-surface);border-radius:16px;height:28rem}@media (min-width:1024px){.sx-backdrop{display:none}.sx-drawer{z-index:auto;background:0 0;width:auto;max-height:calc(100vh - 32px);padding:0;position:sticky;inset:16px auto auto}.sx-layout.sx-layout-open .sx-list .sx-row{grid-template-columns:8px var(--sx-icon) minmax(0, 1fr) 72px 96px}.sx-layout.sx-layout-open .sx-list :is(.sx-c-found,.sx-actions),.sx-layout.sx-layout-open .sx-row-head>span:last-child{display:none}.sx-layout.sx-layout-open .sx-sub-found{display:inline}}@media (max-width:767px){.sx-toolbar{gap:8px}.sx-search{flex:1 1 0;order:1;max-width:none}.sx-more{order:2}.sx-tools{order:3;gap:6px;width:100%}.sx-tools .ccu-select{min-width:0;max-width:100%}.sx-tools .ccu-select-face{text-overflow:ellipsis;max-width:150px;overflow:hidden}.sx-fgroup{grid-template-columns:minmax(0,1fr);gap:6px}.sx-filters{padding:14px}.sx-status-time{margin-left:0}.sx-status-desc{display:none}.sx-row,.sx-layout-open .sx-row{grid-template-columns:6px var(--sx-icon) minmax(0, 1fr) auto;grid-template-areas:"dot icon copy num""dot icon acts trend";gap:2px 10px;padding:10px 12px 6px}.sx-row-head{display:none}.sx-dot{grid-area:dot;align-self:start;margin-top:8px}.sx-icon{grid-area:icon;align-self:start}.sx-copy{grid-area:copy}.sx-c-found{display:none}.sx-sub-found{display:inline}.sx-players{grid-area:num}.sx-players-unit{color:var(--ccu-muted-faint);font-size:12px;font-weight:400;display:inline}.sx-trend{grid-area:trend;align-self:center}.sx-actions{grid-area:acts;justify-content:flex-start;margin-left:-10px}.sx-act{opacity:1;width:44px;height:44px}.sx-keys{display:none}.sx-row-skel{grid-template-areas:"dot icon copy copy";padding-bottom:10px}}.st-fav{flex-direction:column;gap:14px;padding:16px;display:flex}.st-fav-main{min-width:0;color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.st-fav-main:hover .st-item-name{text-underline-offset:3px;text-decoration:underline}.st-fav-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.st-fav-stats div{background:var(--ccu-fill);border-radius:12px;min-width:0;padding:10px 12px}.st-fav-stats dt{color:var(--ccu-muted);font-size:12px}.st-fav-stats dd{color:var(--ccu-ink);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:17px;font-weight:600}.st-fav .st-item-note{white-space:normal;margin:0}.st-fav-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.st-fav-foot .st-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.st-invite{flex-direction:column;gap:10px;margin-top:14px;display:flex}.st-invite .ccu-btn{align-self:flex-start}.st-invite-ready{background:var(--ccu-fill);border-radius:12px;flex-direction:column;gap:8px;margin-top:16px;padding:14px;display:flex}.st-invite-title{color:var(--ccu-ink);margin:0;font-size:14px;font-weight:600}.st-invite-link{align-items:center;gap:8px;min-width:0;display:flex}.st-invite-link code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono,ui-monospace, monospace);color:var(--ccu-muted);flex:1;font-size:13px;overflow:hidden}.st-area .ccu-empty-compact{box-shadow:none;background:0 0;border:0}.sp-drawer{flex-direction:column;height:100%;display:flex;overflow:hidden}.sp-bar{border-bottom:1px solid var(--ccu-line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 10px 18px;display:flex}.sp-mark{margin:0}.sp-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:18px;display:flex;overflow-y:auto}.sp-title{align-items:flex-start;gap:14px;display:flex}.sp-icon{border-radius:14px;width:64px;height:64px}.sp-title-copy{min-width:0}.sp-title-copy h2{color:var(--ccu-ink);overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600;line-height:1.25}.sp-by{color:var(--ccu-muted);margin:4px 0 0;font-size:13px}.sp-summary{color:var(--ccu-muted);margin:8px 0 0;font-size:14px;line-height:1.45}.sp-claim{background:var(--ccu-fill);border-radius:12px;padding:12px}.sp-claim[data-status=in_discussion]{background:var(--st-gold-soft)}.sp-claim[data-status=acquired]{background:var(--ccu-up-soft)}.sp-claim-row{align-items:center;gap:10px;display:flex}.sp-claim-copy{flex:1;min-width:0}.sp-claim-title{color:var(--ccu-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.sp-claim-sub{color:var(--ccu-muted);margin:2px 0 0;font-size:13px}.sp-claim-actions{border-top:1px solid var(--ccu-line);flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;display:flex}.sp-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.sp-stat{background:var(--ccu-fill);border-radius:12px;min-width:0;padding:10px 12px}.sp-stat dt{color:var(--ccu-muted);font-size:12px}.sp-stat dd{color:var(--ccu-ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:17px;font-weight:600;overflow:hidden}.sp-stat dd.sp-stat-sub{color:var(--ccu-muted-faint);margin:0;font-size:12px;font-weight:400}.st-steps{color:var(--ccu-ink);flex-direction:column;gap:10px;margin:0 0 20px;padding-left:20px;font-size:15px;line-height:1.45;display:flex}.st-steps li::marker{color:var(--ccu-muted-faint);font-variant-numeric:tabular-nums}.st-join{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:440px;display:flex}.st-join .st-mark{margin-bottom:12px}.sp-body :is(.text-\[9px\],.text-\[10px\],.text-\[11px\]){font-size:12px}.sp-body .uppercase{text-transform:none;letter-spacing:0}.sp-body .text-white{color:var(--ccu-ink)}
