#yx-competition{--red:#ff6b78;--gold:#f1cb76;color:#f3f0ec;background:#15161b;border:1px solid #333339;border-radius:22px;padding:24px;margin:18px 0;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;font-size:15px;box-shadow:0 16px 50px #0002}
#yx-competition *{box-sizing:border-box}#yx-competition p,#yx-competition h2,#yx-competition h3,#yx-competition h4{margin:0}
#yx-competition .yc-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}#yx-competition .yc-kicker{font-size:11px;color:#c7b292;font-weight:700;letter-spacing:.16em;margin-bottom:5px}#yx-competition h2{font-size:28px;font-weight:850;letter-spacing:.04em;line-height:1.4}
#yx-competition .yc-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}#yx-competition button,#yx-competition select,#yx-competition input,#yx-competition textarea{font:inherit;color:inherit;border:1px solid #45454c;background:#24252c;border-radius:9px;padding:9px 11px;max-width:100%}#yx-competition button,#yx-competition select{font-size:12px;min-height:38px;cursor:pointer}#yx-competition option{background:#24252c}#yx-competition :focus-visible{outline:2px solid var(--gold);outline-offset:3px}#yx-competition button:disabled{opacity:.5}
#yx-competition .yc-period{display:flex;align-items:center;gap:10px;color:#a9a9b3;font-size:12px;border-top:1px solid #34343b;padding:16px 0}#yx-competition .yc-period b{color:#ddd9d2;font-size:13px}#yx-competition .yc-period small{margin-left:auto;font-size:11px}#yx-competition .yc-period i{width:6px;height:6px;border-radius:50%;background:#d4bd8f}
#yx-competition .yc-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative}#yx-competition .yc-team{padding:21px 21px 16px;border-radius:14px;min-width:0;border:1px solid #703d48;background:linear-gradient(135deg,#412630,#221c23)}#yx-competition .yc-team.yellow{border-color:#79633b;background:linear-gradient(135deg,#403827,#24221c)}
#yx-competition .yc-team-top{display:flex;justify-content:space-between;align-items:center;color:var(--red)}#yx-competition .yellow .yc-team-top{color:var(--gold)}#yx-competition .yc-team-top b{font-size:21px;font-weight:800;letter-spacing:.05em}#yx-competition .yc-team-top span{font-size:11px;color:#c0b6b7}#yx-competition .yc-captain-line{font-size:12px;color:#a9a0a5;margin-top:5px}#yx-competition .yc-captain-line strong{color:#e6dfdf;font-weight:600;margin-left:5px}
#yx-competition .yc-score-label{font-size:11px;color:#b8aeb5;margin-top:27px;letter-spacing:.05em}#yx-competition .yc-amount{display:flex;align-items:baseline;gap:6px;margin:5px 0 22px;white-space:nowrap}#yx-competition .yc-amount>span{font-size:18px;color:#c0b3b8}#yx-competition .yc-amount strong{font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
#yx-competition .yc-team-bottom{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;font-size:11px;color:#b6aab1;border-top:1px solid #ffffff14;padding-top:12px}#yx-competition .yc-team-bottom b{color:#e4d3b4;font-size:10px}#yx-competition .yc-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #57504c;background:#1a1a20;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:bold italic 11px Arial;color:#b9ada1}
#yx-competition .yc-race{padding:19px 0 23px;border-bottom:1px solid #34343b}#yx-competition .yc-track{display:flex;height:5px;gap:3px;overflow:hidden;border-radius:8px;background:#34343b}#yx-competition .yc-track span:first-child{background:var(--red)}#yx-competition .yc-track span:last-child{background:var(--gold)}#yx-competition .yc-race-text{display:flex;justify-content:center;gap:9px;align-items:center;font-size:13px;color:#aaa5ad;margin-top:12px}#yx-competition .yc-race-text strong{font-size:17px;color:#f0e7dc;font-variant-numeric:tabular-nums}
#yx-competition .yc-roster-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 13px}#yx-competition h3{font-size:16px;font-weight:750}#yx-competition .yc-roster-title>span{font-size:11px;color:#878793}#yx-competition .yc-rosters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}#yx-competition .yc-roster{border:1px solid #38363e;border-radius:12px;padding:13px 14px;background:#1b1c22;min-width:0}#yx-competition h4{font-size:12px;font-weight:700;color:var(--red);padding-bottom:6px}#yx-competition .yellow h4{color:var(--gold)}
#yx-competition .yc-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:44px;border-bottom:1px solid #ffffff09;font-size:13px}#yx-competition .yc-rank{font:11px Arial;color:#777782}#yx-competition .yc-person{overflow-wrap:anywhere}#yx-competition .yc-person small{display:inline-block;font-size:9px;color:#c0aa7d;border:1px solid #75613e;border-radius:4px;padding:1px 3px;margin-left:5px}#yx-competition .yc-row>b{font:600 13px Arial,"Microsoft JhengHei",sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}#yx-competition .yc-self{color:#ffe1aa}
#yx-competition summary{list-style:none;cursor:pointer;color:#a5a2ac;font-size:11px;display:flex;justify-content:space-between;align-items:center;padding:13px 0 0;min-height:38px}#yx-competition summary::-webkit-details-marker{display:none}#yx-competition details[open] summary{padding-bottom:10px}#yx-competition details[open] summary span{transform:rotate(180deg)}#yx-competition .yc-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;color:#8e8b98;font-size:11px}#yx-competition .yc-footer button{border:0;background:transparent;padding:7px 0;font-size:11px;color:#c0b294}
#yx-competition .yc-note,#yx-competition .yc-empty{font-size:12px;line-height:1.7;color:#a8a3ac;margin-top:15px}#yx-competition .yc-error{color:#ffaeb8;font-size:13px;margin-top:8px}#yx-competition .yc-error:empty{display:none}
#yx-competition dialog{color:#eee;width:min(660px,calc(100vw - 24px));max-height:85vh;overflow:auto;background:#1d1e25;border:1px solid #575061;border-radius:20px;padding:22px}#yx-competition dialog::backdrop{background:#000b}#yx-competition .yc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#yx-competition .yc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#yx-competition label{display:block;font-size:13px;color:#c9bfcc;margin:14px 0}#yx-competition label input,#yx-competition label textarea{display:block;width:100%;margin-top:6px}#yx-competition fieldset{border:1px solid #ffffff20;border-radius:12px;padding:0 12px}#yx-competition legend{padding:0 6px}
@media(max-width:1023px){#yx-competition{padding:18px 14px;border-radius:18px}#yx-competition h2{font-size:24px}#yx-competition .yc-header{align-items:flex-start;gap:8px;margin-bottom:14px}#yx-competition .yc-tools{max-width:150px;gap:5px}#yx-competition .yc-tools select{font-size:11px;padding:8px 5px}#yx-competition .yc-scoreboard{gap:8px}#yx-competition .yc-team{padding:16px 12px 12px}#yx-competition .yc-team-top b{font-size:18px}#yx-competition .yc-score-label{margin-top:24px}#yx-competition .yc-amount{gap:3px}#yx-competition .yc-amount>span{font-size:13px}#yx-competition .yc-amount strong{font-size:clamp(21px,6.5vw,34px)}#yx-competition .yc-vs{width:27px;height:27px;font-size:9px}#yx-competition .yc-rosters{gap:8px}#yx-competition .yc-roster{padding:10px 9px}#yx-competition .yc-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;font-size:12px}#yx-competition .yc-rank{display:none}#yx-competition .yc-row>b{font-size:12px}#yx-competition .yc-person small{display:block;width:max-content;margin:2px 0}#yx-competition .yc-period{gap:7px;font-size:11px}#yx-competition .yc-period b{font-size:12px}}

#yx-competition{grid-column:1 / -1 !important}#yx-competition .yc-team{container-type:inline-size}#yx-competition .yc-amount strong{font-size:clamp(18px,18cqi,44px)}

/* Original YX artwork: right mascot for red, left mascot for yellow. */
#yx-competition .yc-team{position:relative;isolation:isolate;overflow:hidden;min-height:270px}
#yx-competition .yc-team::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("./yx-team-mascots-20260911.png");background-size:auto 100%;background-repeat:no-repeat;background-position:100% center;opacity:.9;pointer-events:none}
#yx-competition .yc-team.yellow::before{background-position:0% center}
#yx-competition .yc-team::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,10,16,.2) 0%,rgba(27,12,20,.25) 25%,rgba(28,13,21,.88) 65%,rgba(28,13,21,.98) 100%);pointer-events:none}
#yx-competition .yc-team.yellow::after{background:linear-gradient(180deg,rgba(20,16,7,.15) 0%,rgba(29,23,10,.25) 25%,rgba(29,24,13,.88) 65%,rgba(29,24,13,.98) 100%)}
#yx-competition .yc-team-top,#yx-competition .yc-captain-line{text-shadow:0 2px 5px #000,0 0 12px #000}
#yx-competition .yc-team-top span{color:#fff;background:#17131999;border-radius:5px;padding:3px 5px}
#yx-competition .yc-captain-line{color:#e6dfe3}
#yx-competition .yc-score-label{margin-top:65px;color:#e2d8de}
#yx-competition .yc-amount{text-shadow:0 2px 12px #000}
@media(max-width:1023px){#yx-competition .yc-team{min-height:270px}#yx-competition .yc-team::before{background-position:80% center}#yx-competition .yc-team.yellow::before{background-position:20% center}#yx-competition .yc-score-label{margin-top:78px}}

#yx-competition .yc-captain-row{border-top:1px solid #77654a66;border-bottom:0;margin-top:9px;padding-top:6px;min-height:48px}

#yx-competition .yc-roster{position:relative;isolation:isolate;overflow:hidden}
#yx-competition .yc-champion-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;z-index:-2;pointer-events:none}
#yx-competition .yc-champion-shade{display:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11121830 0%,#14151c55 30%,#15161bdd 57%,#15161bf5 100%);pointer-events:none}
#yx-competition .yc-has-champion .yc-champion-shade{display:block}
#yx-competition .yc-has-champion h4{margin-bottom:110px;text-shadow:0 2px 5px #000,0 0 12px #000}
#yx-competition .yc-has-champion .yc-row{text-shadow:0 1px 4px #000}
#yx-competition .yc-champion-photo[data-host="鹿鹿"]{top:-80px;height:calc(100% + 80px);object-position:center bottom}
@media(max-width:1023px){#yx-competition .yc-has-champion h4{margin-bottom:105px}}

#yx-competition .yc-members-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;background:#14151bc9;border-color:#b6a58955;color:#e8d6b9;font-size:12px;min-height:42px}#yx-competition .yc-member-names{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#yx-competition .yc-member-names li{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1a;border-radius:10px;padding:13px 12px;background:#ffffff04;overflow-wrap:anywhere}#yx-competition .yc-member-names small{font-size:10px;color:#e2c58c;white-space:nowrap}