.output-canvas { box-sizing:border-box; width:100%; height:100dvh; overflow:hidden; padding:2vh 2vw; color:#f7f9ff; background:radial-gradient(ellipse at center,#123563,#051329); display:grid; grid-template-rows: minmax(0,12fr) minmax(0,80fr) minmax(0,8fr); gap:1.5vh; font-family:Arial,sans-serif; }
.output-canvas * { box-sizing:border-box; }
.output-canvas .output-header { display:grid; grid-template-columns:1fr 3fr 1fr; align-items:center; gap:2vw; min-height:0; border-bottom:1px solid #6082ad; padding:0 0 1vh; }
.output-header h1 { font-size:clamp(12px,2vw,42px); margin:0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.output-brand { min-height:0; height:100%; display:flex; align-items:center; font-size:clamp(12px,1.8vw,36px); }
.output-brand img { max-height:100%; max-width:100%; object-fit:contain; }
.output-brand span { color:#8dc63f; }
.output-clock { text-align:right; font-size:clamp(10px,1.1vw,24px); overflow:hidden; }
.output-clock span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.output-canvas .output-body { min-height:0; margin:0; padding:0; display:grid; grid-template-rows:auto minmax(0,1fr); gap:1.5vh; }
.output-heading { display:flex; align-items:center; justify-content:space-between; gap:1vw; min-width:0; }
.output-heading h2 { font-size:clamp(12px,1.6vw,32px); margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.output-heading span { font-size:clamp(10px,1vw,20px); flex-shrink:0; color:#bdd1ed; }
.output-grid { min-height:0; min-width:0; display:grid; grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr)); grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr)); gap:clamp(3px,1vh,12px); }
.output-tile { min-width:0; min-height:0; overflow:hidden; border:1px solid #7493bd; border-radius:clamp(3px,.6vw,12px); background:#10264bdd; container-type:size; }
.output-tile-content { height:100%; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:4cqh; padding:6cqh 4cqw; font-size:clamp(8px,min(7cqw,24cqh),40px); }
.output-tile-main { display:flex; align-items:center; gap:3cqw; min-width:0; }
.output-tile-main strong { color:#8dc63f; flex-shrink:0; }
.output-tile-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; }
.output-tile-detail { display:flex; align-items:center; justify-content:space-between; gap:3cqw; min-width:0; font-size:.75em; color:#c3d3e8; overflow:hidden; white-space:nowrap; }
.output-tile-detail span { overflow:hidden; text-overflow:ellipsis; }
.output-splits { display:flex; gap:3cqw; overflow:hidden; font-size:.65em; white-space:nowrap; }
.output-splits span { overflow:hidden; text-overflow:ellipsis; }
.country-flag { width:30px; height:20px; object-fit:cover; vertical-align:middle; }
.output-grid:is(.pr-myanmar-grid,.power-race-result-grid,.leaderboard-grid),
.template-tile-grid-sample:is(.pr-myanmar-grid,.power-race-result-grid,.template-leaderboard-sample) { row-gap:4%; column-gap:1.25%; }
.leaderboard-tile {
  min-width:0; min-height:0; overflow:hidden; display:grid;
  grid-template-columns:minmax(0,17%) minmax(2px,1.5%) minmax(0,41.5%) minmax(0,34%);
  align-items:center; column-gap:2%; padding:0 3%; border:1px solid #71829a; border-radius:4%;
  background:linear-gradient(180deg,#18b8e5cc 0%,#1168a6cc 18%,#173b69cc 62%,#1b2b46cc 100%);
  color:#fff; font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif; container-type:size;
}
.leaderboard-rank { align-self:stretch; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:space-between; padding-block:10cqh; }
.leaderboard-rank strong { font-size:min(47cqh,14cqw); line-height:.9; font-variant-numeric:tabular-nums; }
.leaderboard-rank .country-flag { width:82%; height:31%; min-height:8px; object-fit:contain; }
.leaderboard-separator { align-self:stretch; width:100%; margin-block:10cqh; background:#fff500; }
.leaderboard-main { min-width:0; min-height:0; align-self:stretch; display:grid; grid-template-rows:minmax(0,1fr) auto; row-gap:6cqh; align-items:end; justify-items:center; padding-block:10cqh; text-align:center; }
.leaderboard-main > strong { align-self:end; max-width:100%; font-size:min(60cqh,23cqw); line-height:.92; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.leaderboard-main time { display:flex; align-items:center; justify-content:center; gap:4%; width:100%; color:#d8e0e9; font-size:min(24cqh,8cqw); font-weight:700; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
.leaderboard-clock { flex:none; width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.leaderboard-sport { min-width:0; min-height:0; align-self:stretch; display:grid; grid-template-rows:minmax(0,1fr) auto; row-gap:6cqh; align-items:end; justify-items:center; padding-block:10cqh; text-align:center; }
.leaderboard-sport img { align-self:end; display:block; width:82%; height:82%; min-height:0; object-fit:contain; object-position:center bottom; }
.leaderboard-sport-icon:is(.leaderboard-sport-icon--run,.leaderboard-sport-icon--squat) { width:100%; height:100%; }
.leaderboard-sport > strong { max-width:100%; overflow:hidden; color:#d8e0e9; font-size:min(24cqh,8cqw); font-weight:700; line-height:1; white-space:nowrap; text-overflow:ellipsis; }
.leaderboard-tile--finished .leaderboard-main time { color:#fff500; }
.template-tile-grid-sample { position:absolute; inset:3%; display:grid; grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr)); grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr)); gap:2.5%; pointer-events:none; }
.template-tile-grid-sample > :is(.output-tile,.presentation-tile,.leaderboard-tile,.rank-leaderboard-tile,.ranking-hidden-tile) { width:100%; height:100%; }
.rank-leaderboard-tile {
  min-width:0; min-height:0; overflow:hidden; display:grid;
  grid-template-columns:minmax(0,30%) minmax(2px,1.5%) minmax(0,1fr); align-items:stretch; column-gap:3%;
  padding:0 3%; border:1px solid #71829a; border-radius:4%;
  background:linear-gradient(180deg,#18b8e5cc 0%,#1168a6cc 18%,#173b69cc 62%,#1b2b46cc 100%);
  color:#fff; font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif; container-type:size;
}
.rank-leaderboard-bib { align-self:center; min-width:0; text-align:center; font-size:min(65cqh,22cqw); line-height:.95; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; }
.rank-leaderboard-separator { align-self:stretch; width:100%; margin-block:10cqh; background:#fff500; }
.rank-leaderboard-details { min-width:0; min-height:0; display:grid; grid-template-rows:minmax(0,34%) minmax(0,1fr); row-gap:6%; padding-block:10cqh; }
.rank-leaderboard-name { min-width:0; display:flex; align-items:center; gap:4%; color:#d8e0e9; font-size:min(23cqh,6cqw); font-weight:700; text-transform:uppercase; }
.rank-leaderboard-name span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank-leaderboard-name .country-flag { flex:none; width:14%; height:70%; object-fit:contain; }
.rank-leaderboard-result { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,38%); align-items:end; gap:2%; margin-right:-2cqw; }
.rank-leaderboard-result time { align-self:end; min-width:0; color:#fff; font-size:min(35cqh,10cqw); font-weight:700; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
.rank-leaderboard-position { position:relative; isolation:isolate; align-self:end; padding:7% 7% 7% 24%; color:#fff500; font-size:min(29cqh,8cqw); line-height:1; text-align:right; white-space:nowrap; }
.rank-leaderboard-position-art { position:absolute; inset:0; z-index:-1; width:100%; height:100%; pointer-events:none; opacity:.8; }
.ranking-hidden-tile { position:relative; min-width:0; min-height:0; overflow:visible; border:0; background:transparent; color:#fff; font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif; container-type:size; }
.ranking-hidden-tile::before { content:""; position:absolute; z-index:0; left:.6%; right:.6%; top:10.6%; bottom:2.8%; border:2px solid #071529; border-radius:7cqh; background:linear-gradient(180deg,#18b8e5 0%,#1168a6 18%,#173b69 62%,#1b2b46 100%); box-shadow:0 2px 0 #9ba4ae; }
.ranking-hidden-icon { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:fill; pointer-events:none; }
.ranking-hidden-details { position:absolute; z-index:2; left:35.75%; right:2.8%; top:24%; bottom:14%; display:grid; grid-template-rows:minmax(0,32%) minmax(0,1fr); row-gap:5%; }
.ranking-hidden-name { min-width:0; display:flex; align-items:center; gap:4%; color:#fff500; font-size:min(22cqh,8cqw); font-weight:700; line-height:1; text-transform:uppercase; }
.ranking-hidden-name span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ranking-hidden-name .country-flag { flex:none; width:19%; height:100%; object-fit:fill; }
.ranking-hidden-result { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,45%); align-items:end; gap:2%; margin-right:-2.2cqw; }
.ranking-hidden-result time { align-self:end; min-width:0; color:#fff; font-size:min(36cqh,14cqw); font-weight:700; line-height:.9; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ranking-hidden-result .rank-leaderboard-position { padding:6% 7% 6% 24%; font-size:min(27cqh,10cqw); }
.pr-myanmar-participant-tile {
  display:grid; grid-template-columns:minmax(0,22%) minmax(2px,1.5%) minmax(0,1fr);
  align-items:center; column-gap:3%; padding:0 3%; border-color:#71829a;
  background:linear-gradient(180deg,#18b8e5cc 0%,#1168a6cc 18%,#173b69cc 62%,#1b2b46cc 100%);
  color:#fff; font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif; container-type:size;
}
.pr-myanmar-participant-tile > i { align-self:stretch; width:100%; min-width:2px; margin-block:10cqh; background:#fff500; }
.pr-myanmar-station, .pr-myanmar-athlete { min-width:0; height:100%; display:flex; flex-direction:column; justify-content:space-between; padding-block:10cqh; }
.pr-myanmar-station { align-items:center; }
.pr-myanmar-station strong { font-size:min(48cqh,17cqw); font-weight:700; line-height:.9; font-variant-numeric:tabular-nums; }
.pr-myanmar-station .country-flag { width:min(80%,12cqw); height:30%; min-height:14px; object-fit:contain; }
.pr-myanmar-athlete { align-items:center; text-align:center; overflow:hidden; }
.pr-myanmar-athlete span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#bdc8d4; font-size:min(22cqh,8cqw); font-weight:700; line-height:1; text-transform:uppercase; }
.pr-myanmar-athlete strong { font-size:min(63cqh,24cqw); font-weight:700; line-height:.9; font-variant-numeric:tabular-nums; }
.power-race-result-tile {
  position:relative; border-color:#71829a;
  background:linear-gradient(180deg,#18b8e5cc 0%,#1168a6cc 18%,#173b69cc 62%,#1b2b46cc 100%);
  color:#fff; font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif; container-type:size;
}
.power-race-result-tile .reveal-content { inset:10% 3%; grid-template-columns:minmax(0,30%) minmax(2px,1.5%) minmax(0,1fr); column-gap:2%; }
.power-race-result-tile .reveal-bib { display:flex; align-self:stretch; align-items:center; justify-content:center; text-align:center; }
.tile-leading-value--compact { font-size:min(38cqh,9cqw) !important; }
.tile-leading-value--tight { font-size:min(32cqh,7cqw) !important; }
.power-race-result-tile .reveal-details { grid-template-rows:minmax(0,35%) minmax(0,1fr); row-gap:5%; }
.power-race-result-tile .reveal-name { text-transform:uppercase; font-size:min(25cqh,6.8cqw); }
.power-race-result-tile .reveal-name-row { gap:2cqw; }
.power-race-result-tile .reveal-name-row .country-flag { width:12cqw; height:25cqh; }
.power-race-result-tile .reveal-result-row { grid-template-columns:minmax(0,1fr) minmax(0,43%); gap:1cqw; align-items:end; margin-right:-3cqw; }
.power-race-result-tile .reveal-time { align-self:end; font-size:min(46cqh,16cqw); line-height:1; }
.power-race-result-tile .reveal-rank { position:relative; isolation:isolate; align-self:end; padding:3% 6% 3% 22%; overflow:visible; font-size:min(25cqh,8cqw); line-height:1.05; color:#e5ed24; }
.power-race-result-tile--rank-left .reveal-bib { color:#fff500; }
.power-race-result-tile--rank-left .reveal-rank { color:#e5ed24; }
:is(.pr-myanmar-participant-tile,.power-race-result-tile,.leaderboard-tile,.rank-leaderboard-tile) {
  border:1px solid #71829a; border-radius:clamp(3px,6cqh,12px);
  background:linear-gradient(180deg,#18b8e5cc 0%,#1168a6cc 18%,#173b69cc 62%,#1b2b46cc 100%);
  color:#fff; font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif; container-type:size;
}
.reveal-face {
  border-color:#71829a;
  background:linear-gradient(180deg,#18b8e5cc 0%,#1168a6cc 18%,#173b69cc 62%,#1b2b46cc 100%);
  color:#fff;
  font-family:"PR Myanmar Participant","Arial Narrow",Arial,sans-serif;
}
.output-grid.reveal-stage, .reveal-stage { position:relative; display:block; width:100%; height:100%; min-width:0; min-height:0; background:transparent; }
.reveal-stage .reveal-tile { position:absolute; left:50%; top:50%; width:var(--reveal-width); height:var(--reveal-height); margin:calc(var(--reveal-height) / -2) 0 0 calc(var(--reveal-width) / -2); overflow:visible; isolation:isolate; translate:var(--reveal-x) var(--reveal-y); scale:var(--reveal-scale); visibility:hidden; }
.reveal-stage.reveal-ready .reveal-tile { visibility:visible; }
.reveal-rotor { position:relative; width:100%; height:100%; transform-style:preserve-3d; transform:perspective(1200px) rotateX(-180deg); }
.reveal-face { position:absolute; inset:0; border:1px solid #71829a; border-radius:4%; backface-visibility:hidden; container-type:size; }
.reveal-back { transform:rotateX(180deg); }
.reveal-content { position:absolute; inset:10% 3%; display:grid; grid-template-columns:minmax(0,30%) minmax(2px,1.5%) minmax(0,1fr); column-gap:3%; align-items:stretch; }
.reveal-content > i { background:#fff500; }
.reveal-bib { display:block; align-self:center; min-width:0; text-align:right; font-size:min(66cqh,21cqw); line-height:1.15; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; }
.reveal-details { display:grid; grid-template-rows:minmax(0,32%) minmax(0,1fr); row-gap:8%; min-width:0; min-height:0; text-align:left; }
.reveal-name { display:block; align-self:center; min-width:0; max-height:100%; font-size:min(23cqh,6cqw); font-weight:700; line-height:1.15; color:#bdc8d4; white-space:nowrap; overflow:hidden; }
.reveal-time { display:block; align-self:center; min-width:0; max-height:100%; font-size:min(48cqh,16cqw); font-weight:700; line-height:1.15; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; }
.tile-animation--pr-myanmar-reveal > .output-tile.tile-first-row,
.tile-animation--pr-myanmar-reveal > .result-line.tile-first-row,
.tile-animation--pr-myanmar-reveal > .leaderboard-tile.tile-first-row,
.tile-animation--pr-myanmar-reveal > .rank-leaderboard-tile.tile-first-row,
.tile-animation--pr-myanmar-reveal > .ranking-hidden-tile.tile-first-row {
  animation:pr-myanmar-first-row-background 480ms ease-out both;
  animation-delay:calc(var(--animation-offset, 0ms) + var(--tile-delay, 260ms));
}
.tile-animation--pr-myanmar-reveal > .output-tile.tile-following-row,
.tile-animation--pr-myanmar-reveal > .result-line.tile-following-row,
.tile-animation--pr-myanmar-reveal > .leaderboard-tile.tile-following-row,
.tile-animation--pr-myanmar-reveal > .rank-leaderboard-tile.tile-following-row,
.tile-animation--pr-myanmar-reveal > .ranking-hidden-tile.tile-following-row {
  transform-origin:50% 0;
  animation:pr-myanmar-row-unfold 560ms cubic-bezier(.2,.78,.25,1) both;
  animation-delay:calc(var(--animation-offset, 0ms) + var(--row-unfold-delay, 1650ms));
}
.tile-animation--pr-myanmar-reveal > .presentation-tile.tile-first-row { animation:pr-myanmar-first-row-background 480ms ease-out both; animation-delay:calc(var(--animation-offset, 0ms) + var(--tile-delay, 260ms)); }
.tile-animation--pr-myanmar-reveal > .presentation-tile.tile-following-row { transform-origin:50% 0; animation:pr-myanmar-row-unfold 560ms cubic-bezier(.2,.78,.25,1) both; animation-delay:calc(var(--animation-offset, 0ms) + var(--row-unfold-delay, 1650ms)); }
.tile-animation--sequential-tile-reveal > .output-tile,
.tile-animation--sequential-tile-reveal > .result-line,
.tile-animation--sequential-tile-reveal > .presentation-tile,
.tile-animation--sequential-tile-reveal > .leaderboard-tile,
.tile-animation--sequential-tile-reveal > .rank-leaderboard-tile,
.tile-animation--sequential-tile-reveal > .ranking-hidden-tile {
  animation:leaderboard-tile-reveal .75s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:calc(var(--animation-offset, 0ms) + var(--tile-delay,0ms));
}
@keyframes leaderboard-tile-reveal {
  from { opacity:0; transform:perspective(900px) rotateX(-82deg) translateY(35%); }
  to { opacity:1; transform:none; }
}
.tile-animation--heatbattleBottumup > .output-tile,
.tile-animation--heatbattleBottumup > .result-line,
.tile-animation--heatbattleBottumup > .leaderboard-tile,
.tile-animation--heatbattleBottumup > .rank-leaderboard-tile,
.tile-animation--heatbattleBottumup > .ranking-hidden-tile,
.tile-animation--heatbattleBottumup > .presentation-tile {
  animation:heatbattle-bottom-up 620ms cubic-bezier(.18,.82,.22,1) both;
  animation-delay:calc(var(--animation-offset, 0ms) + var(--bottom-up-delay, 0ms));
}
@keyframes heatbattle-bottom-up {
  from { opacity:0; transform:translate(38%,72%) scale(.82); filter:blur(3px); }
  to { opacity:1; transform:none; filter:none; }
}
.custom-template.is-tile-animating.tile-animation--pr-myanmar-reveal .template-output-text {
  animation:pr-myanmar-heading-reveal 760ms cubic-bezier(.2,.75,.25,1) both;
  animation-delay:var(--animation-offset, 0ms);
}
@keyframes pr-myanmar-heading-reveal { from { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(-2%); filter:blur(5px); } to { opacity:1; clip-path:inset(0); transform:none; filter:none; } }
@keyframes pr-myanmar-first-row-background { from { opacity:0; } to { opacity:1; } }
@keyframes pr-myanmar-data-left { from { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(-12%); } to { opacity:1; clip-path:inset(0); transform:none; } }
@keyframes pr-myanmar-flag-zoom { from { opacity:0; transform:scale(.15); } to { opacity:1; transform:scale(1); } }
@keyframes pr-myanmar-separator-zoom { from { opacity:0; transform:scaleY(.05); } to { opacity:1; transform:scaleY(1); } }
@keyframes pr-myanmar-name-wave { from { opacity:0; clip-path:inset(100% 0 0); transform:translateY(75%); } to { opacity:1; clip-path:inset(0); transform:none; } }
@keyframes pr-myanmar-row-unfold { from { opacity:0; clip-path:inset(0 0 100%); transform:scaleY(.05); } to { opacity:1; clip-path:inset(0); transform:scaleY(1); } }
.output-canvas .output-footer { min-height:0; border-top:1px solid #6082ad; display:flex; align-items:center; justify-content:space-between; font-size:clamp(10px,1vw,20px); color:#bdd1ed; }
.output-empty { grid-column:1/-1; grid-row:1/-1; display:grid; place-items:center; }
.output-canvas .output-results { grid-template-rows:auto auto minmax(0,1fr); gap:1vh; }
.result-columns, .result-line-content { display:grid; grid-template-columns:minmax(0,.5fr) minmax(0,2fr) minmax(0,1.4fr) minmax(0,.8fr); gap:2vw; align-items:center; padding:0 1vw; }
.result-columns { padding-bottom:.7vh; border-bottom:1px solid #7493bd; font-size:clamp(10px,1.2vw,24px); }
.result-columns > :last-child, .result-line time { text-align:right; font-variant-numeric:tabular-nums; }
.result-line { min-width:0; min-height:0; overflow:hidden; container-type:size; background:#10264bdd; border:1px solid transparent; border-radius:3px; }
.result-line:nth-child(even) { background:#19345bcc; }
.result-line.is-podium { border-color:#8dc63f; }
.result-line-content { height:100%; font-size:clamp(8px,min(2cqw,55cqh),40px); }
.result-line-content > * { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.result-line.is-podium strong { color:#8dc63f; }
.output-grid.results-grid { gap:clamp(1px,calc(12vh / var(--grid-rows)),10px); }
.output-canvas.custom-template { position:relative; isolation:isolate; display:block; padding:0; background:transparent; }
.custom-template .output-body { position:absolute; z-index:1; box-sizing:border-box; padding:0; }
.custom-template .template-list-body { grid-template-rows:minmax(0,1fr); }
.custom-template .template-list-body.output-results { grid-template-rows:auto minmax(0,1fr); }
.template-output-field { position:absolute; z-index:2; display:flex; align-items:center; overflow:hidden; white-space:nowrap; line-height:1.1; }
.template-output-text-value, .template-element-text { position:relative; display:inline-block; max-width:100%; }
.text-animation--swoosh-left { animation:text-swoosh-main 780ms cubic-bezier(.16,.82,.24,1) both; animation-delay:var(--placeholder-delay,0ms); }
.text-animation--swoosh-left::before { content:attr(data-text); position:absolute; inset:0 auto auto 0; width:100%; color:inherit; white-space:nowrap; pointer-events:none; transform-origin:left center; animation:text-swoosh-trail 620ms cubic-bezier(.1,.75,.2,1) both; animation-delay:var(--placeholder-delay,0ms); }
@keyframes text-swoosh-main {
  0% { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(-18%); filter:blur(8px); }
  42% { opacity:1; clip-path:inset(0 38% 0 0); filter:blur(2px); }
  100% { opacity:1; clip-path:inset(0); transform:translateX(0); filter:none; }
}
@keyframes text-swoosh-trail {
  0% { opacity:0; transform:translateX(-115%) scaleX(2.8) skewX(-16deg); filter:blur(10px); }
  28% { opacity:.72; }
  72% { opacity:.22; transform:translateX(14%) scaleX(1.8) skewX(-8deg); filter:blur(7px); }
  100% { opacity:0; transform:translateX(42%) scaleX(1.15); filter:blur(3px); }
}
.template-output-logo { width:100%; height:100%; object-fit:contain; }
.template-output-event-image { width:100%; height:100%; object-fit:fill; }
.template-output-animation { position:absolute; overflow:hidden; pointer-events:none; }
.template-animation-viewport { position:absolute; inset:0; overflow:hidden; pointer-events:none; background:transparent; }
.template-animation-viewport iframe { position:absolute; top:0; left:0; display:block; width:1920px; height:1080px; max-width:none; border:0; background:transparent; transform-origin:top left; pointer-events:none; }
/* Portrait, bib and name retain this order in standard and custom templates. */
.presentation-tile { display:grid; grid-template-rows:minmax(0,1fr) auto auto; gap:2cqh; min-width:0; min-height:0; padding:2%; border:1px solid #315888; border-radius:8px; background:#10264bcc; text-align:center; container-type:size; }
.presentation-photo { position:relative; min-height:0; min-width:0; }
.presentation-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:1; }
.presentation-photo:has(img) .presentation-missing { visibility:hidden; }
.presentation-missing { position:absolute; inset:0; display:grid; place-items:center; color:#9eb6d6; background:#10264b; font-size:clamp(12px,4cqh,32px); border-radius:6px; }
.presentation-bib { color:#94c947; font-size:clamp(12px,min(10cqw,6cqh),56px); line-height:1.1; overflow-wrap:anywhere; }
.presentation-name { color:#fff; font-size:clamp(12px,min(7cqw,5cqh),46px); line-height:1.15; font-weight:600; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.presentation-grid { opacity:1; transition:opacity 220ms ease; }
.presentation-grid.is-page-fading-out { opacity:0; }
.presentation-grid.is-page-fading-in { animation:presentation-page-fade-in 260ms ease both; }
@keyframes presentation-page-fade-in { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .presentation-grid { transition:none; } .presentation-grid.is-page-fading-in { animation:none; } .text-animation--swoosh-left, .text-animation--swoosh-left::before, .tile-animation--pr-myanmar-reveal *, .tile-animation--sequential-tile-reveal > *, .tile-animation--heatbattleBottumup > *, .custom-template.is-tile-animating.tile-animation--pr-myanmar-reveal [data-template-key] { animation:none !important; } }

.template-output-media { position:absolute; overflow:hidden; pointer-events:none; }

.reveal-name-row { display:flex; align-items:center; gap:3cqw; min-width:0; min-height:0; }
.reveal-name-row .reveal-name { flex:1; }
.reveal-name-row .country-flag { flex:none; width:8cqw; height:20cqh; object-fit:contain; }
.reveal-result-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,25%); gap:3cqw; min-width:0; min-height:0; }
.reveal-rank { display:block; align-self:center; min-width:0; max-height:100%; text-align:right; font-size:min(48cqh,16cqw); line-height:1.15; white-space:nowrap; overflow:hidden; color:#fff500; }

/* One shared matrix controls flight and shrink together. */
.reveal-stage .reveal-tile { animation:none !important; translate:none; scale:none; }
.template-tile-grid-sample.reveal-stage { position:absolute; inset:3%; width:auto; height:auto; display:block; }
.reveal-stage .reveal-rotor { animation:none !important; }
/* Original PNG artwork retains its alpha channel. */
.reveal-stage .reveal-content { inset:10% 3% 10% 2%; grid-template-columns:minmax(0,30%) minmax(2px,1.5%) minmax(0,1fr); column-gap:2%; }
.reveal-stage .reveal-back .reveal-bib { display:flex; align-self:stretch; align-items:center; justify-content:center; text-align:center; }
.reveal-stage .reveal-details { grid-template-rows:minmax(0,35%) minmax(0,1fr); row-gap:5%; }
.reveal-stage .reveal-name { text-transform:uppercase; font-size:min(25cqh,6.8cqw); }
.reveal-stage .reveal-name-row { gap:2cqw; }
.reveal-stage .reveal-name-row .country-flag { width:12cqw; height:25cqh; }
.reveal-stage .reveal-result-row { grid-template-columns:minmax(0,1fr) minmax(0,43%); gap:1cqw; align-items:end; }
.reveal-stage .reveal-time { font-size:min(46cqh,16cqw); }
.reveal-stage .reveal-rank { position:relative; isolation:isolate; align-self:end; padding:3% 6% 3% 22%; overflow:visible; font-style:normal; font-size:min(25cqh,8cqw); line-height:1.05; text-align:right; color:#e5ed24; }
.reveal-rank-art { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; }



.reveal-stage .reveal-front .reveal-name { color:#fff500; }
.reveal-stage .reveal-front .reveal-content > i { visibility:hidden; }
.reveal-stage .reveal-front .reveal-bib { align-self:stretch; display:flex; align-items:center; justify-content:center; }
.reveal-mystery-icon { display:block; width:100%; height:100%; max-height:80cqh; }

@keyframes body-content-start { from { opacity:0; } to { opacity:1; } }
@keyframes template-placeholder-start { from { opacity:0; } to { opacity:1; } }

.reveal-stage .reveal-result-row { margin-right:-3cqw; }
.reveal-stage .reveal-time { align-self:end; line-height:1; }
.reveal-stage .reveal-rank { margin-bottom:5cqh; }
.reveal-stage .reveal-front .reveal-bib { position:relative; overflow:visible; }
.reveal-stage .reveal-mystery-icon { position:absolute; bottom:5cqh; width:100%; height:100cqh; max-height:none; overflow:visible; }

/* Keep the supplied artwork translucent over the tile surface. */
.reveal-rank-art, .reveal-mystery-icon { opacity:.8; }