/* Equal arenas, not an opponent thumbnail. Keep the same street and materials. */
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]){--battle:1}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .world{opacity:.7}
body:is([data-versus=countdown],[data-versus=racing]) #honours-open{visibility:hidden}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) :is(.intro,.milestone,#vs-rival,.score-block,#hint,#controls){display:none!important}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #stage{left:2%;right:2%;top:100px;bottom:75px}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #stage:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d6ba7366 20%,#d6ba7366 80%,transparent);pointer-events:none}
#battle-hud{position:absolute;inset:12px 2% auto;display:grid;grid-template-columns:1fr 1fr;z-index:3;pointer-events:none;text-align:center;text-shadow:1px 2px 3px #11131d}
.battle-player{position:relative;padding:0 48px;min-width:0}
.battle-player .eyebrow{font-size:9px;display:block;margin-bottom:5px}
.battle-player strong{display:block;font:26px Hound,Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee2b8}
.battle-player small{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:#ccc7b6;margin-top:6px}
.battle-player b{display:block;font:34px Hound,Georgia,serif;color:#e5c581;margin-top:4px}
#battle-lead{position:absolute;top:112px;left:0;right:0;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#eee2b8;margin:0}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .scoreboard{left:50%;right:auto;top:10px;transform:translateX(-50%);text-align:center}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .time-track{width:50px;margin:auto}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .time-block>.eyebrow{font-size:8px;letter-spacing:.5px}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .time-block>strong{margin:4px 0 7px}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) .action-dock{left:2%;right:50%;bottom:3px}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #action{min-width:0;width:min(90%,290px)}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #feedback{left:2%;right:50%;top:145px;font-size:21px}
body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #pause{display:none}
#vs-count{left:0;right:0;top:40%}
/* A miss never hides the rival who is still competing. Results stay beneath the arenas. */
body:is([data-versus=racing],[data-versus=settled]) .result{top:auto;bottom:0;left:50%;transform:translateX(-50%);width:560px;max-height:40%;overflow:auto;padding:18px 28px;background:#131725f2;border:1px solid #d6ba7377}
body:is([data-versus=racing],[data-versus=settled]) .result :is(h2,.eyebrow,.result-numbers,#result-copy,#share){display:none}
body:is([data-versus=racing],[data-versus=settled]) #result-versus{border:0;margin:0;padding:0}
body:is([data-versus=racing],[data-versus=settled]) #result-tally{font-size:26px}
body:is([data-versus=racing],[data-versus=settled]) #result-verdict{font-size:20px;margin-bottom:4px}
body[data-versus=racing] .result #retry{display:none}
body[data-versus=settled] .result #retry{min-height:44px;padding:7px 15px;font-size:16px;margin-top:8px}
@media(max-width:760px){
  .battle-player{padding:0 27px 0 8px}.battle-player:nth-child(2){padding:0 8px 0 27px}
  .battle-player strong{font-size:19px}.battle-player small{font-size:6px;letter-spacing:.3px}.battle-player .eyebrow{font-size:8px;letter-spacing:1px}
  .battle-player b{font-size:30px}
  body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #stage{left:0;right:0;top:125px;bottom:85px}
  body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #action{font-size:14px;min-height:48px;padding:10px}
  body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #feedback{top:150px;font-size:15px}
  body:is([data-versus=racing],[data-versus=settled]) .result{padding:12px 18px;max-height:37%}
  #battle-lead{font-size:8px;top:112px}
}
@media(orientation:landscape) and (max-height:550px){
  #battle-hud{top:0}.battle-player strong{font-size:17px}.battle-player b{position:absolute;right:18%;top:10px;font-size:28px}.battle-player small{font-size:6px}
  body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #stage{top:60px;bottom:35px}
  #battle-lead{top:65px;font-size:8px}
  body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #feedback{top:70px;font-size:14px}
  body:is([data-versus=countdown],[data-versus=racing],[data-versus=settled]) #action{min-height:32px;font-size:12px;padding:5px}
  body:is([data-versus=racing],[data-versus=settled]) .result{max-height:60%;width:420px}
}
#honours-open{font:inherit;letter-spacing:inherit;color:#e5c581;border:0;background:transparent;min-height:30px;padding:5px 10px}
#honours{width:620px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;background:#171c2c;color:#eee2b8;border:1px solid #b9a378;padding:28px 32px;box-shadow:0 20px 80px #0009}
#honours::backdrop{background:#080b16d9}
#honours-close{margin:0 0 12px auto;font-size:10px}
#honours h2{font:32px Hound,Georgia,serif;margin:12px 0}
#honours>p{line-height:1.6}
.honour-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}
.honour-grid article{border-block:1px solid #d6ba7340;padding:12px 0}
.honour-grid img{display:block;margin:auto;object-fit:contain;image-rendering:pixelated}
.honour-grid h3{font:22px Hound,Georgia,serif;font-weight:400;margin:14px 0 8px}
.honour-grid p{font-size:14px;line-height:1.6;color:#d7d1be;margin:0}
.honours-rule{color:#e5c581;font-style:italic}
@media(max-width:480px){#honours{padding:20px}.honour-grid{gap:16px}.honour-grid h3{font-size:18px}.honour-grid p{font-size:13px}#honours h2{font-size:26px}}