/* The championship introduction lives before a room or match timer exists. */
body.is-entry .board:has(.match-briefing) .arena{padding:24px 40px}
.match-briefing .entry-back{margin-bottom:4px}
body.is-entry .briefing-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:none;height:auto;padding:0;margin:0 0 16px;border:0}
body.is-entry .briefing-heading h2{font:700 34px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:7px 0 0;color:#fff1c9;text-align:left}
.briefing-format{font-size:12px;color:#e4d09f;text-align:right;max-width:150px;line-height:1.5}
.briefing-path{list-style:none;display:flex;max-width:430px;padding:0;margin:0 0 18px;font-size:11px;color:#bdcbb4}
.briefing-path li{display:flex;align-items:center;position:relative;gap:7px;flex:1;min-width:0}
.briefing-path li:not(:last-child):after{content:'';height:1px;flex:1;background:#d7dfba38;margin:0 12px 0 6px}
.briefing-path i{display:grid;place-items:center;width:12px;height:12px;border:1px solid #abb99b;border-radius:50%;flex:none;font-size:9px;font-style:normal}
.briefing-path .is-current{color:#f3d68e;font-weight:700}.briefing-path .is-current i{background:#f3d68e;border-color:#f3d68e;box-shadow:0 0 0 3px #f3d68e20}
.briefing-path .is-complete i{background:#d1dfb8;color:#244d3c}
.briefing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.briefing-opponent{min-width:0;text-align:center}
.briefing-matchup{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px}
.briefing-player{min-width:0}.briefing-hand{height:120px;background:radial-gradient(ellipse,#dae0b713,transparent 70%)}
.briefing-hand .hand-style-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #08251830)}
.briefing-player strong{display:block;font:700 19px/1.3 'Space Grotesk',sans-serif;overflow-wrap:anywhere;color:#fff1cb}
.briefing-player>span{display:block;color:#c3d0b8;font-size:11px;margin-top:4px;line-height:1.4}
.briefing-vs{font:700 17px 'Kalam',cursive;color:#e4c98c;transform:rotate(-8deg)}
.briefing-hint{font-size:12px;line-height:1.5;color:#d1dbc4;margin:12px 0}
.briefing-reward{text-align:left;border-left:2px solid #e6c675;background:#e5dca409;padding:12px 15px}
.briefing-reward strong{display:block;font:700 17px/1.3 'Space Grotesk',sans-serif;color:#fff1cb;margin:5px 0}
.briefing-reward p{font-size:11px;line-height:1.5;color:#c7d3bc;margin:0}
.briefing-how{padding:18px;background:#f6f1dd;border:1px solid #d7d4b7;border-radius:8px;color:#254639;align-self:center}
.briefing-how h3{font:700 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.5px;margin:0 0 8px}
.briefing-how>p{font-size:12px;line-height:1.5;margin:0 0 12px;color:#52694e}
.briefing-example-labels,.briefing-example{display:grid;grid-template-columns:46px 46px minmax(0,1fr);gap:12px;align-items:center}
.briefing-example-labels{font-size:9px;color:#617255;margin-bottom:6px;text-align:center}.briefing-example-labels span:last-child{text-align:left}
.briefing-example{margin-top:8px}.briefing-example>b{display:grid;place-items:center;min-height:38px;border:1px solid #c5ccb1;border-radius:5px;background:#fffcef;font:700 24px 'Space Grotesk',sans-serif}
.briefing-example.is-out>b{background:#f0dfc7;border-color:#d9bba0;color:#91462e}
.briefing-example strong{font-size:13px;display:block}.briefing-example small{font-size:10px;color:#68765a;display:block;margin-top:3px}.briefing-example.is-out strong{color:#91462e}
.briefing-how .briefing-rule{margin:12px 0 0;padding-top:10px;border-top:1px solid #d6dbc4;font-size:11px;line-height:1.6}
.briefing-footer{display:grid;grid-template-columns:1.1fr 1fr;column-gap:40px;margin-top:20px;align-items:center}
.briefing-footer .entry-error{grid-column:1/-1;margin-bottom:12px}.briefing-footer .entry-error:empty{margin:0}
.briefing-start{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;background:#f2d28b;color:#244535;border:1px solid #ffe3a7;border-radius:6px;box-shadow:0 3px 0 #b99959;font:700 15px 'DM Sans',sans-serif;padding:13px 18px}
.briefing-start:hover{background:#ffe1a0}.briefing-start:focus-visible{outline:3px solid #fff5d5;outline-offset:3px}.briefing-start:disabled{opacity:.5;cursor:wait;transform:none}
.briefing-toss-note{grid-column:1;grid-row:1;align-self:center;color:#c6d3bb;font-size:11px}.briefing-footer:has(.entry-error:not(:empty)) .briefing-toss-note{grid-row:2}
@media(max-width:800px){
 body.is-entry .board:has(.match-briefing) .arena{padding:14px 20px 22px}
 .match-briefing .entry-back{margin-bottom:4px}
 body.is-entry .briefing-heading{margin-bottom:17px;gap:12px}body.is-entry .briefing-heading h2{font-size:28px;margin-top:5px}
 .briefing-format{font-size:10px;max-width:110px}.briefing-path{margin-bottom:16px;font-size:10px}.briefing-path li:not(:last-child):after{margin-inline:7px}
 .briefing-grid{grid-template-columns:1fr;gap:12px}.briefing-matchup{gap:8px}.briefing-hand{height:88px}.briefing-player strong{font-size:17px}.briefing-player>span{font-size:10px;margin-top:2px}.briefing-hint{font-size:11px;margin:8px 0}
 .briefing-reward{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;padding:9px 12px}.briefing-reward .entry-kicker{font-size:8px;letter-spacing:1px}.briefing-reward p{grid-column:1/-1}.briefing-reward strong{font-size:15px;margin:0}.briefing-reward p{font-size:10px}
 .briefing-how{padding:12px 14px}.briefing-how h3{font-size:19px;margin-bottom:5px}.briefing-how>p{font-size:11px;margin-bottom:10px}
 .briefing-example-labels,.briefing-example{grid-template-columns:40px 40px minmax(0,1fr);gap:10px}.briefing-example>b{min-height:34px;font-size:20px}.briefing-example{margin-top:6px}.briefing-example small{font-size:9px}.briefing-example strong{font-size:12px}.briefing-how .briefing-rule{font-size:10px;line-height:1.5;margin-top:11px;padding-top:9px}
 .briefing-footer{grid-template-columns:1fr;gap:10px;margin-top:12px}.briefing-start{grid-column:1;min-height:48px}.briefing-toss-note,.briefing-footer:has(.entry-error:not(:empty)) .briefing-toss-note{grid-row:auto;text-align:center;font-size:10px}
}
@media(max-width:360px){body.is-entry .board:has(.match-briefing) .arena{padding-inline:15px}.briefing-format{max-width:85px}body.is-entry .briefing-heading h2{font-size:25px}.briefing-hand{height:82px}.briefing-how{padding:13px}.briefing-path{gap:0}.briefing-player strong{font-size:16px}}
/* Returning players get a compact matchup; instructions are available on demand. */
.match-briefing{max-width:640px!important;margin-inline:auto}
.briefing-grid{display:block}
.briefing-matchup{max-width:460px;margin:12px auto 0}
.briefing-hand{height:144px}
.briefing-reward{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 10px;background:none;border:0;padding:8px 0}
.briefing-reward strong{margin:0;font-size:16px}.briefing-reward p{flex-basis:100%;text-align:center}
.briefing-path{max-width:none}.briefing-hint{margin:14px 0 8px}
.briefing-help{max-width:400px;margin:12px auto 0}
.briefing-help>summary{width:max-content;margin:auto;cursor:pointer;color:#d5ddc4;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:32px;padding:8px}
.briefing-help .briefing-how{margin-top:8px}
.briefing-footer{display:block;max-width:360px;margin:14px auto 0}
.briefing-start{font-size:15px}
@media(max-width:800px){.briefing-hand{height:110px}.briefing-matchup{margin-top:4px}.briefing-reward strong{font-size:15px}.briefing-help{margin-top:5px}.briefing-footer{margin-top:8px}.briefing-path{margin-bottom:12px}}