.qualifier{--q-gold:#dfc58e;--q-muted:#b5c0c5;--q-line:#c8ac7038;min-width:0;border:1px solid #c4a76866;border-radius:16px;padding:14px;color:#f0e8d9;background:#172737;font-family:var(--sans,system-ui,sans-serif);font-size:13px;line-height:1.5;box-sizing:border-box}
.qualifier *{box-sizing:border-box;min-width:0}
.qualifier-queue-page{display:flex;flex-direction:column;justify-content:center;padding:18px 14px}
.qualifier-queue-page>.qualifier{width:100%;max-width:430px;margin-inline:auto}
.qualifier-queue-page .qualifier-match{margin-top:0}
.qualifier button,.qualifier input,.qualifier select{font:inherit}
.qualifier button{touch-action:manipulation;cursor:pointer}
.qualifier button:disabled{opacity:.5;cursor:default}
.qualifier button:focus-visible,.qualifier input:focus-visible,.qualifier select:focus-visible,.qualifier summary:focus-visible,.qualifier-bracket:focus-visible{outline:2px solid #f7d995;outline-offset:3px}
.qualifier-header{display:flex;align-items:center;gap:11px;margin:0 0 13px}
.qualifier-emblem{display:grid;place-items:center;flex:0 0 43px;width:43px;height:49px;border:1px solid #c8ad7270;border-radius:10px 10px 17px 17px;color:var(--q-gold);font-size:28px;background:#c9ac7010}
.qualifier-header>div{flex:1}
.qualifier-eyebrow{color:var(--q-gold);font-size:10px;font-weight:700;letter-spacing:.09em}
#jiajiale-app .qualifier-header h3,.qualifier-header h3{margin:1px 0 4px;font-family:inherit;font-size:18px;font-weight:750;line-height:1.3;overflow-wrap:anywhere;color:#f3dfb1}
#jiajiale-app .qualifier-header p,.qualifier-header p{margin:0;font-size:10px;color:var(--q-muted);line-height:1.4;display:flex;flex-wrap:wrap;gap:3px}
.qualifier-header p small{font-size:9px;margin-left:3px}
.qualifier-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--q-line);border-bottom:1px solid var(--q-line);margin-bottom:14px;padding:8px 0;gap:7px}
.qualifier-journey>span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#9eacb6}
.qualifier-journey b{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #7c8b9866;border-radius:50%;font-size:9px;font-weight:500}
.qualifier-journey .is-current{color:#f0d598}
.qualifier-journey .is-current b{border-color:#d4b87790;background:#d4b8771a}
.qualifier-event-tabs{display:flex;overflow-x:auto;gap:5px;margin:0 0 12px;padding:0 0 4px;scrollbar-width:thin}
.qualifier-event-tabs button{min-height:44px;flex:0 1 auto;max-width:180px;padding:7px 10px;border:1px solid var(--q-line);border-radius:8px;color:var(--q-muted);background:#102031;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.qualifier-event-tabs button[aria-pressed=true]{color:#f5dfa9;border-color:#d5b473aa;background:#c7a6601c}
.qualifier-personal{min-width:0}
.qualifier-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #b9a16c66;border-radius:9px;background:#cfb6730d;color:#e4d7bd;font-size:12px;font-weight:600;line-height:1.35;text-align:center}
.qualifier .qualifier-primary{color:#33281a;border-color:#f5dea2;background:linear-gradient(180deg,#ecdbb0,#c7a565);box-shadow:inset 0 1px #fff2cc99,0 2px 0 #7b6034;font-size:13px;font-weight:750}
.qualifier-personal>.qualifier-primary,.qualifier-registration>.qualifier-primary,.qualifier-callout>.qualifier-primary,.qualifier-next>.qualifier-primary{width:100%;margin-top:11px}
.qualifier-button:not(:disabled):active{transform:translateY(1px)}
.qualifier-form-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:12px}
.qualifier-form-tabs .qualifier-button{border-color:transparent;border-bottom:2px solid #78899944;border-radius:5px 5px 0 0;color:#aebbc1;background:transparent;font-size:12px}
.qualifier-form-tabs .qualifier-button[aria-pressed=true]{color:#efdaa7;border-bottom-color:#d7b974;background:#d7b9740c}
.qualifier-fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:9px}
.qualifier-fields label,.qualifier-code-field,.qualifier-filter{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#c8cbd1}
.qualifier input,.qualifier select{width:100%;min-height:44px;border:1px solid #8c9ba35e;border-radius:8px;padding:8px;background:#102031;color:#f1e8d4;font-size:13px}
.qualifier input::placeholder{color:#899aa6;font-size:11px}
.qualifier-code-field input{font-size:23px;letter-spacing:.32em;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.qualifier-team-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 9px}
.qualifier-team-heading>strong{font-size:15px;overflow-wrap:anywhere;color:#efddb4}
.qualifier-team-heading>span{flex:none;color:#b3c7b8;font-size:10px;border:1px solid #a6c2a43b;border-radius:5px;padding:2px 6px}
.qualifier-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:11px 0 7px;border-block:1px solid var(--q-line)}
.qualifier-metrics>div{display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid var(--q-line)}
.qualifier-metrics>div:last-child{border:0}
.qualifier-metrics span{font-size:10px;color:var(--q-muted)}
.qualifier-metrics strong{font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;color:#edd399;font-weight:650}
.qualifier-metrics strong small{font-size:11px;font-weight:500;color:#a9b6bb;margin-left:3px}
#jiajiale-app .qualifier-eligibility,.qualifier-eligibility{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;color:#aebcc3;margin:8px 0 12px}
.qualifier-eligibility>span{color:#d8ceba;font-variant-numeric:tabular-nums}
.qualifier-eligibility>b{color:#b6d4b8;margin-left:auto}
#jiajiale-app .qualifier-notice,.qualifier-notice{margin:8px 0;font-size:12px;line-height:1.6;color:#bfc8cd;overflow-wrap:anywhere}
.qualifier-callout{padding:5px 0 2px}
.qualifier-callout>strong{font-size:14px;color:#e6d5ad}
#jiajiale-app .qualifier-callout>p,.qualifier-callout>p{font-size:12px;line-height:1.6;color:#b7c0c6;margin:7px 0}
.qualifier-invitation{padding:11px 12px;border:1px solid #d7b57466;border-radius:11px;background:#c7a5660a}
.qualifier-invitation>span,.qualifier-preview>span{font-size:11px;color:#b9c7cb}
.qualifier-invitation>div:first-of-type{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0 7px}
.qualifier-invitation strong{overflow-wrap:anywhere;font-size:14px;color:#ecdbb5}
.qualifier-code{font-size:32px;line-height:1.1;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#f5dfa9;white-space:nowrap}
.qualifier-invitation>small{display:block;color:#b7c6cb;font-size:11px;line-height:1.55}
.qualifier-invitation-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px}
.qualifier-invitation-footer time{font-size:10px;color:#98aeb9}
.qualifier-invitation-footer .qualifier-button{min-width:60px;font-size:11px}
.qualifier-preview{border:1px solid #d2b47566;border-radius:10px;padding:12px;background:#cdb5770a}
#jiajiale-app .qualifier-preview h4,.qualifier-preview h4{font-size:17px;line-height:1.3;margin:5px 0;color:#efdcb2;overflow-wrap:anywhere}
#jiajiale-app .qualifier-preview p,.qualifier-preview p{font-size:13px;line-height:1.5;margin:7px 0;color:#d0d8d7;overflow-wrap:anywhere}
.qualifier-preview small{font-size:11px;color:#a9bec7}
.qualifier-actions{display:flex;gap:7px;margin-top:12px}
.qualifier-actions>.qualifier-primary{flex:1}
.qualifier-qualified{display:flex;align-items:center;gap:9px;border:1px solid #85969e55;border-radius:10px;padding:10px;margin:9px 0;background:#c3d2cd05;flex-wrap:wrap}
.qualifier-qualified>span{font-size:24px;color:#b0bec0}
.qualifier-qualified>div{flex:1}
.qualifier-qualified strong,.qualifier-qualified small{display:block}
.qualifier-qualified strong{font-size:14px;color:#d9d6c7}
.qualifier-qualified small{font-size:10px;color:#b3c2c8;margin-top:3px}
.qualifier-qualified.is-qualified{border-color:#d5b47166;background:#d5b47109}
.qualifier-qualified.is-qualified>span,.qualifier-qualified.is-qualified strong{color:#ead29b}
.qualifier-qualified>.qualifier-button{flex:1 0 100%;font-size:12px}
.qualifier-match{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;margin:10px 0 0;padding:11px;border:1px solid #d5b77a66;border-radius:11px;background:#d5b77a08}
.qualifier-match-mark{font-size:28px;text-align:center;color:#dfc488}
.qualifier-match strong{font-size:15px;font-weight:650;color:#efddb5}
#jiajiale-app .qualifier-match p,.qualifier-match p{font-size:11px;line-height:1.5;color:#b7c6c9;margin:4px 0 0}
.qualifier-match>.qualifier-button{grid-column:1/-1}
.qualifier-match>.qualifier-button:not(.qualifier-primary){border-color:transparent;background:transparent;min-height:44px;font-size:11px;margin-top:-5px}
.qualifier-seconds{font-size:24px;line-height:1;font-variant-numeric:tabular-nums;color:#f7dd9d;margin-left:5px}
.qualifier-next{border-top:1px solid var(--q-line);padding-top:13px;margin-top:13px}
.qualifier-next>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px}
.qualifier-next>div>span{font-size:11px;color:#a8b9c0}
.qualifier-next>div>strong{font-size:14px;color:#e7cf98}
.qualifier-next time{font-size:10px;color:#b6c1c5;margin-left:auto}
#jiajiale-app .qualifier-next p,.qualifier-next p{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:7px;text-align:center;font-size:12px;line-height:1.5;margin:12px 0;color:#d7dfdf}
.qualifier-next p>span{overflow-wrap:anywhere}
.qualifier-next p>b{font-size:10px;color:#9daeb7}
.qualifier-next>small{font-size:11px;color:#c4bc9f}
.qualifier-disclosure{border-top:1px solid var(--q-line);margin-top:12px}
.qualifier-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;padding:9px 0;list-style:none;cursor:pointer;font-size:12px;color:#e0cca0;font-weight:650;touch-action:manipulation}
.qualifier-disclosure summary::-webkit-details-marker{display:none}
.qualifier-disclosure summary>span{font-size:10px;color:#aabac1;font-weight:400}
.qualifier-filter{flex-direction:row;align-items:center;margin:0 0 8px}
.qualifier-filter select{width:auto;max-width:190px;font-size:11px;flex:1}
.qualifier-table-scroll{max-height:310px;overflow:auto;overscroll-behavior:contain;border:1px solid #63778540;border-radius:8px}
.qualifier-standings{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;table-layout:fixed}
.qualifier-standings th,.qualifier-standings td{padding:8px 5px;text-align:center;border-bottom:1px solid #c5b27619;vertical-align:middle}
.qualifier-standings th{font-size:9px;font-weight:500;color:#acbbc1;background:#1b3040;position:sticky;top:0;z-index:1}
.qualifier-standings th:nth-child(1){width:34px}.qualifier-standings th:nth-child(2){width:auto;text-align:left}.qualifier-standings th:nth-child(3){width:37px}.qualifier-standings th:nth-child(4){width:67px}
.qualifier-standings td:nth-child(2){text-align:left}
.qualifier-standings td>strong,.qualifier-standings td>small{display:block;overflow-wrap:anywhere}
.qualifier-standings td>strong{font-size:11px;font-weight:600;color:#d6e0df}
.qualifier-standings td>small{font-size:9px;color:#9baeb6;margin-top:3px}
.qualifier-standings .is-own{background:#d4b57512}
.qualifier-standings .is-own td:first-child{border-left:2px solid #e2c183}
.qualifier-standings .is-own td>strong{color:#f1daaa}
.qualifier-bracket{display:flex;gap:16px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 0 8px}
.qualifier-round{flex:0 0 156px;display:flex;flex-direction:column;scroll-snap-align:start}
#jiajiale-app .qualifier-round h4,.qualifier-round h4{font-size:11px;font-weight:600;line-height:1.4;margin:0 0 9px;text-align:center;color:#cfbb8f}
.qualifier-round>div{display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:14px}
.qualifier-fixture{position:relative;border:1px solid #71848f60;border-radius:8px;background:#102334;padding:3px 6px}
.qualifier-fixture.is-own{border-color:#d4b57399}
.qualifier-fixture:after{content:'';position:absolute;width:17px;height:1px;background:#9e91734d;right:-17px;top:50%}
.qualifier-round:last-child .qualifier-fixture:after{display:none}
.qualifier-bracket-team{display:flex;align-items:center;gap:5px;min-height:30px;color:#c0cdd0;border-bottom:1px solid #64798738}
.qualifier-bracket-team>strong{flex:1;font-weight:500;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.qualifier-bracket-team.is-winner{color:#f0d69a}
.qualifier-seed{flex:none;font-size:9px;width:12px;color:#97acb9;text-align:center}
.qualifier-fixture>small{display:block;padding:4px 0 2px;font-size:9px;color:#9bb0ba;text-align:center}
.qualifier-rules{margin:0;padding:0;display:grid;gap:8px}
.qualifier-rules>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px}
.qualifier-rules dt{font-size:10px;color:#a6b7bf}.qualifier-rules dd{margin:0;font-size:11px;color:#d5d8d0;overflow-wrap:anywhere}
#jiajiale-app .qualifier-footnote,.qualifier-footnote{font-size:10px;line-height:1.6;color:#96adb8;margin:9px 0 0;overflow-wrap:anywhere}
#jiajiale-app .qualifier-conditions,.qualifier-conditions{margin:10px 0;font-size:11px;line-height:1.5;color:#c5cfcf}
.qualifier-conditions>strong,.qualifier-conditions>span{display:block;overflow-wrap:anywhere}.qualifier-conditions>strong{color:#ddc998;font-size:11px;margin-bottom:3px}
#jiajiale-app .qualifier-error,.qualifier-error{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:#f1c4aa;margin:10px 0;overflow-wrap:anywhere}
.qualifier-error>.qualifier-button{margin-left:auto;font-size:11px}
@media(max-width:360px){.qualifier{padding:11px;border-radius:12px}.qualifier-header{gap:8px}.qualifier-emblem{flex-basis:35px;width:35px;height:43px;font-size:23px}.qualifier-header h3,#jiajiale-app .qualifier-header h3{font-size:16px}.qualifier-journey{gap:4px}.qualifier-journey>span{font-size:9px;gap:4px}.qualifier-fields{grid-template-columns:minmax(0,1fr)}.qualifier-code{font-size:29px}.qualifier-rules>div{grid-template-columns:61px minmax(0,1fr)}.qualifier-standings th:nth-child(4){width:61px}}
@media(min-width:600px){.qualifier{padding:18px;max-width:700px;margin-inline:auto}.qualifier-round{flex:1 0 160px}.qualifier-qualified>.qualifier-button{flex:0 0 auto}.qualifier-match>.qualifier-primary{grid-column:2}}
@media(prefers-reduced-motion:reduce){.qualifier *{scroll-behavior:auto!important}.qualifier-button:not(:disabled):active{transform:none}}
