.v4-app .discord-auth-layout{display:grid;place-items:center;min-height:calc(100dvh - 170px);padding:48px 20px 64px}.v4-app .discord-signin{width:100%;max-width:420px;padding:36px 32px 30px;border:1px solid #e4e1d9;border-radius:18px;background:#fbfaf7;box-shadow:0 8px 32px #38352c05;text-align:center;color:#34332d}.v4-app .discord-signin-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:650;margin-bottom:20px}.v4-app .discord-signin-brand img{display:block;width:64px;height:64px;border-radius:18px;object-fit:cover;background:#f6f3ec;box-shadow:0 2px 10px #38352c0f}.v4-app .discord-signin-eyebrow{color:#8d887d;font-size:9px;letter-spacing:1.5px;margin:0 0 12px}.v4-app .discord-signin h1{font:500 36px/1.3 var(--serif);letter-spacing:-.8px;margin:0 0 14px}.v4-app .discord-signin-intro{margin:0 0 30px;color:#7c786d;font-size:13px;line-height:1.9}.v4-app .discord-signin-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;border:1px solid #5865f2;border-radius:9px;padding:12px;background:#5865f2;color:#fff;font:550 14px/1.5 var(--sans);cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.v4-app .discord-signin-button:hover:enabled{background:#4752c4;border-color:#4752c4}.v4-app .discord-signin-button:disabled{opacity:.55;cursor:default}.v4-app .discord-signin-button svg{width:20px;height:20px;flex-shrink:0}.v4-app .discord-signin-button:focus-visible,.v4-app .discord-signin-recheck:focus-visible{outline:2px solid #5865f2;outline-offset:4px}.v4-app .discord-signin-status{margin-top:16px;padding:12px 14px;border-radius:8px;background:#f1efe9;color:#777064;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.v4-app .discord-signin-status p{margin:0}.v4-app .discord-signin-status.is-error{color:#9d5149;background:#f7eae6}.v4-app .discord-signin-recheck{padding:4px 0;margin-top:4px;color:#61584a;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}.v4-app .discord-signin-caption{margin-top:22px;color:#969084;font-size:11px;line-height:1.8}.v4-app .discord-signin-caption p{margin:0}.v4-app .discord-signin-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff60;border-top-color:currentColor;border-radius:50%;animation:discord-signin-spin .8s linear infinite}.v4-app .user img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.v4-app .account-profile>img.friend-avatar{object-fit:cover}.v4-app .discord-link-state{padding:16px 20px;margin-top:16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:13px}.v4-app .discord-link-state p{color:var(--muted);margin:6px 0 12px;line-height:1.8}.v4-app .discord-link-state .button{min-height:42px}@keyframes discord-signin-spin{to{transform:rotate(360deg)}}.v4-app .v4-session-gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center}.v4-app .v4-session-gate h1{margin:0;font-size:18px;font-weight:500}.v4-app .v4-session-gate p{margin:0;color:var(--muted);font-size:13px}@media(max-width:480px){.v4-app .discord-auth-layout{padding:30px 20px 40px;min-height:calc(100dvh - 160px)}.v4-app .discord-signin{padding:30px 22px 26px;border-radius:15px}.v4-app .discord-signin h1{font-size:32px}.v4-app .discord-signin-intro{font-size:12px}}@media(prefers-reduced-motion:reduce){.v4-app .discord-signin-button{transition:none}.v4-app .discord-signin-spinner{animation:none}}:root{color-scheme:light;--bg: #f7f6f2;--paper: #fffefa;--wash: #efefe8;--ink: #292b28;--text: var(--ink);--muted: #6b6c64;--line: #e3e3da;--accent: #a2553c;--accent-soft: #f5e9df;--green: #397263;--green-soft: #e9eee4;--loss: #ac5a52;--serif: Georgia, "STZhongsong", "Songti SC", "SimSun", serif;--sans: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--radius: 13px;--control-radius: 9px;--control-height: 44px;--shadow-popover: 0 12px 36px #302e291a;--motion-press: 90ms;--motion-fast: .13s;--motion-page: .16s;--motion-dialog: .2s;--motion-exit: .14s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--motion-spin: 1s;--motion-pulse: 1.8s}body.v4-match-scroll-lock{overflow:hidden}.v4-app .v4-query-results{min-width:0}.v4-app .v4-query-enter-active{transition:opacity var(--motion-page) var(--ease-out),transform var(--motion-page) var(--ease-out)}.v4-app .v4-query-leave-active{display:none}.v4-app .v4-query-enter-from{opacity:0;transform:translateY(4px)}.v4-app .v4-query-leave-to{opacity:0}.v4-app .v4-result-enter{animation:v4-result-in var(--motion-page) var(--ease-out)}@keyframes v4-result-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.v4-app .v4-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.v4-app .v4-query-access{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:13px}.v4-app .v4-query-access p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.v4-app .v4-query-access>.button{flex-shrink:0}.v4-app .v4-inline-feedback,.v4-app .v4-supplement-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.v4-app .v4-supplement-status{padding-top:12px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.v4-app .v4-supplement-status .live-spinner{width:12px;height:12px}.v4-app .v4-access-note{margin:12px 0;overflow-wrap:anywhere}.v4-app .v4-clear-filters{white-space:nowrap}.v4-app .v4-list-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 18px;text-align:center}.v4-app .v4-list-empty strong{color:var(--ink);font-size:14px;font-weight:600}.v4-app .v4-list-empty p{margin:0;font-size:12px}.v4-app .v4-list-empty>.icon{width:23px;height:23px;opacity:.65}.v4-app .live-match-dialog[open]{overscroll-behavior:contain}.v4-app .v4-match-loading{padding:24px 18px}.v4-app .v4-match-skeleton{display:grid;gap:10px;width:100%;margin-top:20px}.v4-app .v4-match-skeleton i{display:block;height:38px;border-radius:6px;background:var(--wash);animation:v4-pulse var(--motion-pulse) ease-in-out infinite}.v4-app .live-match-dialog [role=tab]:focus-visible,.v4-app .live-match-dialog [role=tabpanel]:focus-visible,.v4-app .v4-query-results button:focus-visible{outline:2px solid var(--green);outline-offset:3px}@keyframes v4-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.v4-app .v4-query-access{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}}@media(prefers-reduced-motion:reduce){.v4-app .v4-query-enter-active,.v4-app .v4-query-leave-active{transition:none}.v4-app .v4-result-enter,.v4-app .live-match-dialog[open],.v4-app .live-match-dialog[open]::backdrop,.v4-app .live-match-dialog.v4-dialog-closing[open],.v4-app .live-match-dialog.v4-dialog-closing[open]::backdrop,.v4-app .v4-match-skeleton i{animation:none}}.v4-app :is(.button,.text-button,.search button,.top-links>a,.account-menu-trigger,.star,.crosshair-filters>button){transition:color var(--motion-press) ease,background-color var(--motion-press) ease,border-color var(--motion-press) ease,transform var(--motion-press) var(--ease-out)}.v4-app :is(.button,.search button,.star):active:not(:disabled){transform:translateY(1px)}.v4-app .text-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.v4-app .resource-image{transition:opacity var(--motion-fast) ease-out}.v4-app .resource-image.is-loading{opacity:0}@media(pointer:coarse){.v4-app :is(.button,.text-button,.notif-bell,.star,.search button,.account-menu-trigger,.crosshair-filters>button,.crosshair-copy){min-height:var(--control-height)}.v4-app :is(.notif-bell,.star,.notif-close){min-width:var(--control-height)}}@media(prefers-reduced-motion:reduce){.v4-app :is(.button,.search button,.star):active:not(:disabled){transform:none}}@media(pointer:coarse){.v4-app :is(.filters select,.collection-toolbar>select,.detail-tabs>button,.top-links>a,.recent>button){min-height:var(--control-height)}.v4-app .top-links>a{display:inline-flex;align-items:center}}.v4-app .v4-page-content{animation:v4-page-in var(--motion-page) var(--ease-out)}@keyframes v4-page-in{0%{opacity:.65}to{opacity:1}}.v4-app :is(.account-menu-trigger,.browse-menu>button){appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.v4-app .account-menu-chevron,.v4-app .browse-menu>button>.icon{transition:rotate var(--motion-fast) var(--ease-out)}.v4-app .is-open>.account-menu-trigger .account-menu-chevron,.v4-app .browse-menu.is-open>button>.icon{rotate:180deg}.v4-app .v4-popover-enter-active{transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);transform-origin:top right}.v4-app .v4-popover-leave-active{transition:opacity var(--motion-exit) var(--ease-in),transform var(--motion-exit) var(--ease-in);pointer-events:none}.v4-app :is(.v4-popover-enter-from,.v4-popover-leave-to){opacity:0;transform:translateY(-4px) scale(.985)}.v4-app :is(.account-menu-panel,.notif-panel,.browse-menu>nav){animation:none}.v4-app :is(.v4-toast-enter-active,.v4-float-enter-active){transition:opacity var(--motion-fast) var(--ease-out),translate var(--motion-fast) var(--ease-out)}.v4-app :is(.v4-toast-leave-active,.v4-float-leave-active){transition:opacity var(--motion-exit) var(--ease-in),translate var(--motion-exit) var(--ease-in);pointer-events:none}.v4-app :is(.v4-toast-enter-from,.v4-toast-leave-to,.v4-float-enter-from,.v4-float-leave-to){opacity:0;translate:0 4px}.v4-app :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}.v4-app :is(input,select,textarea){transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.v4-app :is(.detail-tabs>button,.tabs>a,.sub-tabs>a,.sub-tabs>button,.account-menu-panel>a,.browse-menu>nav>a,.notif-item){transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}.v4-app .crosshair-card:hover{transform:none}.v4-app :is(.v4-skeleton-heading,.v4-skeleton-grid>span,.v4-skeleton-row>span,.v4-match-skeleton i,.monitor-skel-card),.v4-app .live-query-skeleton i,.v4-app .query-loading-shape :is(i,span){animation:v4-pulse var(--motion-pulse) ease-in-out infinite;background:var(--wash)}.v4-app .v4-result-enter{animation-delay:0s}.v4-app :is(.live-spinner,.v4-refresh-note .icon){animation:v4-spin var(--motion-spin) linear infinite}@keyframes v4-pulse{0%,to{opacity:.62}50%{opacity:1}}html[data-motion-paused] :is(.v4-app,.v4-login-page) *,html[data-motion-paused] :is(.v4-app,.v4-login-page) *:before,html[data-motion-paused] :is(.v4-app,.v4-login-page) *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.v4-app{--motion-press: 0ms;--motion-fast: 0ms;--motion-page: 0ms;--motion-dialog: 0ms;--motion-exit: 0ms}.v4-app *,.v4-app *:before,.v4-app *:after,.v4-app dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.v4-app .live-match-dialog[open]{animation:none;opacity:0;transform:translateY(8px) scale(.99);transition:opacity var(--motion-dialog) var(--ease-out),transform var(--motion-dialog) var(--ease-out)}.v4-app .live-match-dialog.v4-dialog-visible[open]{opacity:1;transform:none}.v4-app .live-match-dialog.v4-dialog-closing[open]{animation:none;transition-duration:var(--motion-exit);transition-timing-function:var(--ease-in)}.v4-app .live-match-dialog[open]::backdrop,.v4-app .crosshair-modal[open]::backdrop{animation:none;opacity:0;transition:opacity var(--motion-dialog) var(--ease-out)}.v4-app .live-match-dialog.v4-dialog-visible[open]::backdrop,.v4-app .crosshair-modal.is-visible[open]::backdrop{opacity:1}.v4-app .live-match-dialog.v4-dialog-closing[open]::backdrop,.v4-app .crosshair-modal.is-closing[open]::backdrop{animation:none;transition-duration:var(--motion-exit)}.v4-app .crosshair-modal[open] .crosshair-sheet{animation:none;opacity:0;transform:translateY(8px) scale(.99);transition:opacity var(--motion-dialog) var(--ease-out),transform var(--motion-dialog) var(--ease-out)}.v4-app .crosshair-modal.is-visible[open] .crosshair-sheet{opacity:1;transform:none}.v4-app .crosshair-modal.is-closing[open] .crosshair-sheet{animation:none;transition-duration:var(--motion-exit);transition-timing-function:var(--ease-in)}html[data-motion-paused] *,html[data-motion-paused] *:before,html[data-motion-paused] *:after{animation-play-state:paused!important}