/* Broadcast identity, with event-driven motion instead of endless HUD loops. */
.arena-badge[hidden],.race-card[hidden]{display:none!important}
.arena-badge{display:none}
html[data-graphics=next] .arena-badge{display:flex;position:absolute;left:13px;bottom:calc(6.06% + 8px);width:min(265px,72%);align-items:stretch;gap:10px;pointer-events:none;color:#edf6ff;--arena:#ffe084;filter:drop-shadow(0 4px 8px #0008)}
.arena-index{font:900 35px/1 'Barlow Condensed',Impact,sans-serif;color:var(--arena);border-left:3px solid var(--arena);padding:5px 8px 2px;background:linear-gradient(100deg,#061629dd,#07162940);align-self:center}
.arena-copy{flex:1;min-width:0;padding:2px 0}
.arena-kicker{font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--arena)}
.arena-copy strong{font:900 21px/1.1 'Barlow Condensed',Impact,sans-serif;display:block;letter-spacing:.4px;margin:3px 0;color:var(--arena);text-shadow:0 2px #041021,0 0 12px #000}
.arena-bottom{display:flex;gap:8px;align-items:center}.arena-bottom>span{font-size:9px;letter-spacing:.4px;color:#cadceb;white-space:nowrap}
.arena-badge.compact .arena-kicker,.arena-badge.compact .arena-bottom{display:none}.arena-badge.compact .arena-index{font-size:23px}.arena-badge.compact .arena-copy strong{margin-top:7px}
.arena-track{height:2px;flex:1;max-width:44px;min-width:18px;background:#afc3d443;overflow:hidden}.arena-track i{display:block;height:100%;background:var(--arena);transform-origin:left;transition:transform .3s}
html[data-graphics=next] #rival-panel{width:192px;max-width:47%;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
html[data-graphics=next] #rival-panel>.rival-heading,html[data-graphics=next] #rival-panel>table{display:none}
.race-card{--race:#8ddcf6;padding:10px 11px 8px;border:1px solid #a7c4da38;border-top:2px solid var(--race);border-radius:4px 13px 4px 13px;background:linear-gradient(130deg,#173148ee,#071326db 75%);box-shadow:0 6px 20px #0003;overflow:hidden;position:relative}
.race-top{display:flex;gap:4px;align-items:center;justify-content:space-between;font:700 9px 'DM Sans',sans-serif;letter-spacing:.4px;color:#c9dce9;margin-bottom:9px}
.race-top b{color:var(--race);font-size:8px;white-space:nowrap}
.race-main{display:flex;gap:7px;align-items:center;min-width:0}
.race-monogram{border:1px solid #aed6ed42;background:linear-gradient(145deg,#75bde424,#081a2e);width:30px;height:32px;flex:0 0 30px;border-radius:6px;font:900 17px 'Barlow Condensed',sans-serif;display:grid;place-items:center;color:var(--race)}
.race-person{flex:1;min-width:0}.race-person strong{font:700 13px 'DM Sans',sans-serif;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-person>span{font:10px 'DM Sans',sans-serif;color:#a8c4d9;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.race-score{font:900 30px/1 'Barlow Condensed',Impact,sans-serif;color:var(--race);font-variant-numeric:tabular-nums;max-width:65px;overflow:hidden}
.race-track{height:3px;margin-top:10px;background:#a5c6da22;border-radius:3px;overflow:hidden}.race-track i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#35769c,var(--race));transition:transform .35s ease-out}
.race-footer{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-top:5px;font:9px 'DM Sans',sans-serif;color:#b4ccdd}.race-footer b{font-size:14px;color:var(--race);font-variant-numeric:tabular-nums}
.race-card[data-phase=close]{--race:#ffe084;border-color:#ffe08470;background:linear-gradient(130deg,#46402adf,#101b2be8);box-shadow:0 4px 24px #ffd75716}.race-card[data-phase=close] .race-top b{color:#fff0b9}
.race-card[data-phase=passed],.race-card[data-phase=cleared]{--race:#a7efd0;background:linear-gradient(130deg,#23493dde,#0b2024e0)}
.race-card[data-phase=passed]::after{content:'';position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 40%,#d8ffe42e 50%,transparent 60%);animation:raceSweep .75s ease-out both;pointer-events:none}
@keyframes raceSweep{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
html[data-graphics=retro] .race-card{display:none}
html[data-graphics=next] .power-meter{position:relative;overflow:hidden}
html[data-graphics=next] .power-meter[data-phase=low]{border-color:#ffc58b;border-left-color:#ffc58b;box-shadow:0 0 15px #f5a55215}
html[data-graphics=next] .power-meter[data-phase=low] b{color:#ffc58b}
html[data-graphics=next] .power-meter[data-phase=active]::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#e5f4ff26 50%,transparent 65%);animation:raceSweep .55s ease-out both;pointer-events:none}
html[data-graphics=next] .hud>div{position:relative;border-left:0;padding-left:0}
html[data-graphics=next] .hud span{font-size:10px;letter-spacing:3px;color:#ffe9a8}
html[data-graphics=next] .hud strong{font-size:62px;font-style:italic;text-shadow:0 3px #071224,0 0 20px #061323;line-height:.94}
html[data-graphics=next] .hud>div::after{content:'';width:36px;height:3px;display:block;margin-top:7px;background:linear-gradient(90deg,#ffe084,transparent);transform:skewX(-25deg)}
html[data-graphics=next] .start-card #start{position:relative;overflow:hidden}
html[data-graphics=next] .start-card #start::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#fff8 50%,transparent 62%);transform:translateX(-130%)}
html[data-graphics=next] .start-card #start:hover::after,html[data-graphics=next] .start-card #start:focus-visible::after{animation:raceSweep .6s ease-out both}
html[data-graphics=next] .menu-nav button,html[data-graphics=next] .menu-nav a{position:relative;border-bottom:2px solid #7ba4c845}
html[data-graphics=next] .menu-nav button:hover,html[data-graphics=next] .menu-nav a:hover{transform:translateY(-2px);border-bottom-color:#ffe084}
html[data-graphics=next] .costume-card{transition:border-color .2s,transform .2s}
html[data-graphics=next] .costume-card:hover{transform:translateY(-2px);border-color:#ffe08460}
html[data-graphics=next] .costume-card.selected::before{content:'KUŞANILDI';display:block;color:#ffe084;font-size:10px;letter-spacing:2px;margin-bottom:3px}
html[data-graphics=next] .end-card.record-finish{border-color:#ffe084;box-shadow:0 0 50px #ffe08425,0 20px 65px #000a}
html[data-graphics=next] .end-card.record-finish .eyebrow{color:#fdf0bf}
html[data-graphics=next] .end-card.record-finish h2{color:#ffe084;text-shadow:0 0 25px #ffe08438}
html[data-graphics=next] .end-card .result{position:relative}.end-card.record-finish .result::after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ffe084,transparent)}
html[data-graphics=next] .countdown b{border-bottom:3px solid #ffe084;padding:0 20px;min-width:120px;text-align:center}
html[data-graphics=next] .board-table tbody tr{transition:background .15s}
html[data-graphics=next] .board-table tbody tr:hover{background:#9ad9f812}
html[data-graphics=next] .board-table tbody tr:nth-child(1) .board-rank{background:linear-gradient(120deg,#ffeeb1,#d1a540);color:#102036;border-radius:5px;padding:4px 9px}
html[data-graphics=next] .board-table tbody tr:nth-child(2) .board-rank{color:#d1e6f5}
html[data-graphics=next] .board-table tbody tr:nth-child(3) .board-rank{color:#e7b28a}
html[data-graphics=next] .challenge-live{top:15px;right:12px;max-width:48%;padding:10px 12px;background:linear-gradient(110deg,#243e52e6,#091b2bd9);border-right:3px solid #ffe084;border-radius:10px 3px 10px 3px;color:#fff0bc;line-height:1.5;font-size:13px;box-shadow:0 4px 15px #0003}
html[data-graphics=next] .challenge-live[data-won=true]{border-color:#a7efd0;color:#c9ffe2;background:linear-gradient(110deg,#224a38e6,#0a2524dc)}
html[data-graphics=next] #journey-tasks p.task-complete{color:#bbf4d5;border-color:#94ddb8;background:#64c99810}
html[data-graphics=next] .costume-card.locked::before{content:'KİLİTLİ';display:block;color:#a8bdd2;font-size:10px;letter-spacing:2px;margin-bottom:3px}
html[data-graphics=next] #shake-style{width:100%}
html[data-game-state=paused] .race-card::after,html[data-game-state=paused] .power-meter::after{animation-play-state:paused!important}
@media(max-width:400px){html[data-graphics=next] #rival-panel{width:176px;max-width:49%}.race-card{padding:8px}.race-monogram{display:none}.race-top{font-size:8px}.race-person strong{font-size:12px}.arena-copy strong{font-size:19px}.arena-kicker{font-size:9px}.arena-bottom>span{font-size:8px}}
/* Glanceable rival card: one name, one score, one short status. */
html[data-graphics=next] #rival-panel{width:204px;max-width:49%}
.race-card{padding:9px 11px 10px;background:linear-gradient(115deg,#173149df,#061324c4);border-radius:4px 12px 4px 12px}
.race-top{margin-bottom:5px;display:block}.race-top b{font:800 14px/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.7px}
.race-main{gap:8px;align-items:center}.race-person strong{font:800 21px/1.05 'Barlow Condensed',Impact,sans-serif;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 2px 6px #0009}
.race-score{font-size:42px;line-height:1;flex-shrink:0;max-width:85px;letter-spacing:-1px;text-shadow:0 0 14px #8ddcf640,0 2px 5px #0009}
.race-track{height:3px;margin-top:8px}.race-card[data-phase=close] .race-score{color:#fff1bd;text-shadow:0 0 18px #ffe08480,0 2px 5px #000}
.race-card[data-phase=passed] .race-top b{font-size:19px;letter-spacing:2px}.race-card[data-phase=passed] .race-score{color:#d0ffe6}
@media(max-width:400px){html[data-graphics=next] #rival-panel{width:183px;max-width:49%}.race-card{padding:8px 9px}.race-person strong{font-size:19px}.race-score{font-size:37px}.race-top b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.race-card::after,.power-meter::after,html[data-graphics=next] #start::after{animation:none!important;display:none!important}.race-track i,.arena-track i{transition:none!important}}