:where([data-ui]){--ui-ink:var(--ink,var(--gaming-text,CanvasText));--ui-muted:var(--muted,color-mix(in srgb, var(--ui-ink) 64%, transparent));--ui-surface:var(--paper,var(--gaming-panel,Canvas));--ui-highlight:var(--tint,color-mix(in srgb, var(--ui-ink) 8%, transparent));--ui-line:var(--line,color-mix(in srgb, var(--ui-ink) 14%, transparent));--ui-edge:color-mix(in srgb, var(--ui-ink) 24%, transparent);--ui-edge-strong:color-mix(in srgb, var(--ui-ink) 44%, transparent);--ui-focus:var(--accent-ink,var(--accent,var(--ui-ink)));--ui-success:oklch(64% .14 150);--ui-danger:oklch(60% .19 27);--ui-control-radius:var(--creator-button-radius,var(--creator-control-radius,8px));--ui-popup-radius:var(--creator-card-radius,10px);--ui-shadow:0 16px 40px -16px #00000073, 0 2px 8px -2px #0000002e;--ui-shadow-large:0 24px 64px -24px #00000080, 0 4px 16px -4px #0003;--ui-ease-out:cubic-bezier(.23, 1, .32, 1);--ui-ease-drawer:cubic-bezier(.32, .72, 0, 1)}.ui-field{min-width:0;color:var(--ui-ink);gap:8px;display:grid}.ui-field-label,.ui-radio-legend{color:var(--ui-ink);font-size:.875rem;font-weight:500}.ui-input{box-sizing:border-box;border:1px solid var(--ui-edge);border-radius:var(--ui-control-radius);width:100%;min-height:44px;color:inherit;font:inherit;background:0 0;padding:10px 14px;font-size:1rem;line-height:1.5;transition:border-color .15s}textarea.ui-input{border-radius:min(var(--ui-control-radius), 12px);resize:vertical;min-height:96px}.ui-input::placeholder{color:var(--ui-muted)}.ui-field[data-density=compact] .ui-input{min-height:40px;padding:8px 12px;font-size:14px;line-height:20px}.ui-field[data-density=compact] textarea.ui-input{min-height:118px}@media (pointer:coarse){.ui-field[data-density=compact] .ui-input{min-height:44px;font-size:16px;line-height:24px}}@media (hover:hover) and (pointer:fine){.ui-input:hover{border-color:var(--ui-edge-strong)}}.ui-input:focus{border-color:var(--ui-edge-strong);outline:none}.ui-input:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-field[data-invalid] .ui-input{border-color:var(--ui-danger)}.ui-field-description{color:var(--ui-muted);margin:0;font-size:.875rem;line-height:1.5}.ui-field-error{color:var(--ui-danger);margin:0;font-size:.875rem;line-height:1.5}.ui-check,.ui-radio{box-sizing:border-box;min-height:44px;color:var(--ui-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.ui-check-text{gap:2px;line-height:1.45;display:grid}.ui-check-description,.ui-radio-description{color:var(--ui-muted);font-size:.875rem}.ui-check-control,.ui-radio-control{appearance:none;border:1.5px solid var(--ui-edge-strong);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;margin:1px 0 0;transition:background-color .15s,border-color .15s;display:grid}.ui-check-control:focus-visible,.ui-radio-control:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-check-control:disabled,.ui-radio-control:disabled{cursor:not-allowed;opacity:.55}.ui-check:has(:disabled){cursor:not-allowed;opacity:.55}.ui-radio:has(:disabled){cursor:not-allowed;opacity:.55}.ui-check[data-variant=checkbox] .ui-check-control{border-radius:min(6px, var(--ui-control-radius));width:20px;height:20px}.ui-check[data-variant=checkbox] .ui-check-control:after{content:"";background:var(--ui-surface);opacity:0;width:12px;height:12px;transition:scale .16s var(--ui-ease-out), opacity .12s ease;scale:.6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7'/%3E%3C/svg%3E") 50%/contain no-repeat}.ui-check[data-variant=checkbox] .ui-check-control:checked{border-color:var(--ui-ink);background:var(--ui-ink)}.ui-check[data-variant=checkbox] .ui-check-control:checked:after{opacity:1;scale:1}.ui-check[data-variant=switch] .ui-check-control{background:var(--ui-edge);border:0;border-radius:999px;place-items:center start;width:40px;height:24px;margin-top:-1px;padding:2px}.ui-check[data-variant=switch] .ui-check-control:after{content:"";background:var(--ui-surface);width:20px;height:20px;transition:translate .22s var(--ui-ease-out);border-radius:50%;box-shadow:0 1px 3px #00000040}.ui-check[data-variant=switch] .ui-check-control:checked{background:var(--ui-ink)}.ui-check[data-variant=switch] .ui-check-control:checked:after{translate:16px}.ui-radio-group{border:0;gap:4px;min-width:0;margin:0;padding:0;display:grid}.ui-radio-legend{margin-bottom:4px;padding:0}.ui-radio-control{border-radius:50%;width:20px;height:20px}.ui-radio-control:after{content:"";background:var(--ui-surface);width:8px;height:8px;transition:scale .16s var(--ui-ease-out);border-radius:50%;scale:0}.ui-radio-control:checked{border-color:var(--ui-ink);background:var(--ui-ink)}.ui-radio-control:checked:after{scale:1}.ui-radio-group[data-variant=cards]{gap:12px}.ui-radio-group[data-variant=cards] .ui-radio{border:1px solid var(--ui-edge);border-radius:var(--ui-popup-radius);padding:16px;transition:border-color .15s,box-shadow .15s}@media (hover:hover) and (pointer:fine){.ui-radio-group[data-variant=cards] .ui-radio:hover{border-color:var(--ui-edge-strong)}}.ui-radio-group[data-variant=cards] .ui-radio:has(:checked){border-color:var(--ui-ink);box-shadow:inset 0 0 0 1px var(--ui-ink)}.ui-radio-group[data-variant=cards] .ui-radio:has(:focus-visible){outline:2px solid var(--ui-focus);outline-offset:2px}.ui-radio-group[data-variant=cards] .ui-radio-control:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.ui-check-control:after,.ui-radio-control:after{transition:opacity .12s}}.ui-floating{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:var(--ui-popup-radius);background:var(--ui-surface);max-width:calc(100vw - 16px);color:var(--ui-ink);box-shadow:var(--ui-shadow);overscroll-behavior:contain;font:inherit;transform-origin:var(--ui-transform-origin,top center);transition:opacity .16s var(--ui-ease-out), scale .16s var(--ui-ease-out), display .16s allow-discrete, overlay .16s allow-discrete;margin:0;padding:4px;font-size:.9375rem;position:fixed;inset:auto;overflow:auto}.ui-floating:not(:popover-open){opacity:0;transition-duration:.1s;scale:.96}@starting-style{.ui-floating:popover-open{opacity:0;scale:.96}}@media (prefers-reduced-motion:reduce){.ui-floating{scale:1}.ui-floating:not(:popover-open){scale:1}@starting-style{.ui-floating:popover-open{scale:1}}}.ui-trigger{border:1px solid var(--ui-edge);border-radius:var(--ui-control-radius);min-height:44px;color:var(--ui-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:8px;padding:0 14px;font-size:.9375rem;transition:border-color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.ui-trigger:hover{border-color:var(--ui-edge-strong)}}.ui-trigger[data-popup-open]{border-color:var(--ui-edge-strong)}.ui-trigger:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-trigger svg{color:var(--ui-muted);flex-shrink:0}.ui-select{min-width:0;color:var(--ui-ink);gap:8px;display:grid}.ui-select-label{color:var(--ui-muted);font-size:.875rem}.ui-select-native,.ui-select-trigger{border:1px solid var(--ui-edge);border-radius:var(--ui-control-radius);min-height:44px;color:inherit;font:inherit;background:0 0;font-size:.9375rem}.ui-select-native{padding:0 12px}.ui-select-native[hidden],.ui-select-trigger[hidden]{display:none}.ui-select-trigger{text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 14px;transition:border-color .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.ui-select-trigger:hover{border-color:var(--ui-edge-strong)}}.ui-select-trigger[data-popup-open]{border-color:var(--ui-edge-strong)}.ui-select-trigger:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-select-value{min-width:0;display:grid}.ui-select-value>*{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.ui-select-value>[data-sizer]{visibility:hidden}.ui-select-icon{color:var(--ui-muted);flex-shrink:0}.ui-select-popup{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:var(--ui-popup-radius);background:var(--ui-surface);color:var(--ui-ink);box-shadow:var(--ui-shadow);overscroll-behavior:contain;font:inherit;transform-origin:var(--ui-transform-origin,top center);transition:opacity .16s var(--ui-ease-out), scale .16s var(--ui-ease-out), display .16s allow-discrete, overlay .16s allow-discrete;margin:0;padding:4px;font-size:.9375rem;position:fixed;inset:auto;overflow:auto}.ui-select-popup:not(:popover-open){opacity:0;transition-duration:.1s;scale:.97}@starting-style{.ui-select-popup:popover-open{opacity:0;scale:.97}}.ui-select-item{border-radius:max(2px, calc(var(--ui-popup-radius) - 4px));cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:8px 10px 8px 12px;display:flex}.ui-select-item[data-highlighted]{background:var(--ui-highlight)}.ui-select-item-indicator{opacity:0;flex-shrink:0}.ui-select-item[data-selected] .ui-select-item-indicator{opacity:1}@media (pointer:coarse){.ui-select-item{min-height:44px}}@media (prefers-reduced-motion:reduce){.ui-select-popup{scale:1}.ui-select-popup:not(:popover-open){scale:1}@starting-style{.ui-select-popup:popover-open{scale:1}}}.drate-live-matchup{gap:var(--page-node-gap,24px);flex-direction:column;display:flex}.drate-live-matchup>h2{font-family:var(--display,inherit);font-size:var(--page-node-font-size,2rem);letter-spacing:-.025em;margin:0;line-height:1.15}.drate-live-matchup-form{grid-template-columns:minmax(0,1fr) minmax(0,220px) auto;align-items:end;gap:12px;display:grid}.drate-live-matchup-form .ui-field,.drate-live-matchup-form .ui-select{margin:0}.drate-live-matchup-field{color:var(--muted);gap:8px;font-size:.875rem;display:grid}.drate-live-matchup-box{border:1px solid var(--line);border-radius:var(--creator-button-radius,8px);color:var(--muted);padding:10px 12px;font-size:1rem}.drate-live-matchup-message,.drate-live-matchup-teams{max-width:65ch;color:var(--muted);margin:0}.drate-live-matchup-teams span{color:var(--ink);font-weight:600}.drate-live-matchup-result{border:1px solid var(--line);border-radius:var(--creator-card-radius,12px);background:var(--paper);flex-direction:column;align-items:flex-start;gap:16px;padding:24px;animation:.24s cubic-bezier(.2,0,0,1) drate-live-matchup-in;display:flex}.drate-live-matchup-versus{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.drate-live-matchup-champion{align-items:center;gap:12px;display:flex}.drate-live-matchup-champion img,.drate-live-matchup-portrait{object-fit:cover;background:var(--tint);border-radius:50%;width:56px;height:56px}.drate-live-matchup-champion span{flex-direction:column;display:flex}.drate-live-matchup-champion small{color:var(--muted);font-size:.8125rem}.drate-live-matchup-champion strong{font-size:1.125rem}.drate-live-matchup-vs{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem}@keyframes drate-live-matchup-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.drate-live-matchup-result{animation-name:drate-live-matchup-fade}@keyframes drate-live-matchup-fade{0%{opacity:0}}}@media (width<=640px){.drate-live-matchup-form{grid-template-columns:1fr}.drate-live-matchup-vs{display:none}}.drate-ability-reference{gap:24px;min-width:0;display:grid}.drate-ability-reference>h2{font-family:var(--display,inherit);margin:0;font-size:2rem;line-height:1.15}.drate-ability-filters{grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:end;gap:16px;display:grid}.drate-ability-filters .ui-field,.drate-ability-filters .ui-select{margin:0}.drate-ability-count{color:var(--muted);margin:0;font-size:.875rem}.drate-ability-table-scroll{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.drate-ability-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9375rem;line-height:1.5}.drate-ability-table th,.drate-ability-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:16px 12px}.drate-ability-table thead th{color:var(--muted);font-size:.8125rem;font-weight:500}.drate-ability-table tbody th{min-width:112px;font-weight:600}.drate-ability-table td:nth-child(2){min-width:180px}.drate-ability-table td:last-child{min-width:200px;max-width:50ch}.drate-ability-table td strong{font-weight:500}.drate-ability-key{margin-right:8px;font-weight:600}.drate-ability-result{white-space:nowrap;font-weight:600}.drate-ability-result[data-result=no]{color:var(--muted);font-weight:400}.drate-ability-pagination{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.drate-live-matchup-rosters{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%;display:grid}.drate-live-matchup-rosters h3{margin:0 0 16px;font-size:1.125rem}.drate-live-matchup-roster{gap:24px;display:grid}.drate-live-matchup-player{border-bottom:1px solid var(--line);gap:12px;padding-bottom:16px;display:grid}.drate-live-matchup-player ul{gap:12px;margin:0;padding-left:20px;display:grid}.drate-live-matchup-player li small{color:var(--muted);line-height:1.5;display:block}@media (width<=640px){.drate-ability-filters,.drate-live-matchup-rosters{grid-template-columns:minmax(0,1fr)}.drate-ability-table{font-size:.875rem}.drate-ability-table th,.drate-ability-table td{padding:12px 8px}.drate-ability-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.drate-ability-table,.drate-ability-table tbody{display:block}.drate-ability-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:20px 0;display:grid}.drate-ability-table th,.drate-ability-table td{border:0;min-width:0;padding:0}.drate-ability-table tbody th{grid-area:1/1}.drate-ability-table td:nth-child(2){grid-area:2/1/auto/-1;min-width:0}.drate-ability-table td:nth-child(3){grid-area:1/2}.drate-ability-table td:last-child{min-width:0;max-width:none;color:var(--muted);grid-area:3/1/auto/-1}}