.hud-fuel-dock { max-width: calc(100vw - 28px); }
.hud-fuel-row { flex-wrap: wrap; max-width: 100%; }
.hud-fuel-stack { flex-shrink: 0; }
/* Earned symbols remain centered independently of fuel/vario instruments. */
.stunt-badges { --stunt-row-limit:min(680px,calc(100vw - 56px)); --stunt-icon-gap:10px; --stunt-icon-max:72px; --stunt-icon-size:min(var(--stunt-icon-max),calc((var(--stunt-row-limit) - (var(--stunt-visible-count,1) - 1) * var(--stunt-icon-gap)) / var(--stunt-visible-count,1)));
  position:fixed; top:112px; left:50%; transform:translateX(-50%); z-index:8; display:grid; justify-items:center; gap:8px; width:max-content; min-width:210px; max-width:var(--stunt-row-limit); padding:0; border:0; background:none; box-shadow:none; box-sizing:border-box; pointer-events:none; transition:opacity .2s; }
.stunt-badge-items { display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; gap:var(--stunt-icon-gap); width:max-content; }
.stunt-badge { position:relative; display:grid; place-items:center; box-sizing:border-box; flex:0 0 auto; width:var(--stunt-icon-size,72px); height:var(--stunt-icon-size,72px); aspect-ratio:1; color:#81ffdc; border:0; padding:0; background:none; box-shadow:none; }
.stunt-badge-art { position:relative; display:grid; place-items:center; width:100%; height:100%; transform-origin:center; }
.stunt-badge[data-stunt-type="fish"] { color:#ffc779; }
.stunt-badge[data-stunt-type="barrel-roll"] { color:#dbc0ff; }
.stunt-badge[data-stunt-type="knife-edge"] { color:var(--stunt-slow-color); }
.stunt-badge[data-stunt-type="roll-left"] { color:#87dfff; }
.stunt-badge[data-stunt-type="roll-right"] { color:#ffbaff; }
.stunt-badge[data-stunt-type="outside-loop"] { color:#ffa993; }
.stunt-badge[data-stunt-type="inverted"] { color:var(--stunt-slow-color); }
.stunt-badge svg { display:block; width:100%; height:100%; filter:drop-shadow(0 1px 1px #071622c7); }
.combo-repeat { position:absolute; right:0; bottom:-1px; color:#f2fbff; font-size:clamp(11px,calc(var(--stunt-icon-size,72px) * .24),17px); line-height:1; font-weight:950; text-shadow:0 1px 2px #071622,1px 0 2px #071622,-1px 0 2px #071622; }
.combo-footer { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; align-items:center; gap:4px; width:calc(var(--stunt-icon-size) * var(--stunt-visible-count,1) + (var(--stunt-visible-count,1) - 1) * var(--stunt-icon-gap)); color:#e9faff; text-shadow:0 1px 2px #071622b3; }
.combo-hint { grid-row:3; grid-column:1; justify-self:center; width:max-content; opacity:0; font-size:12px; line-height:16px; white-space:nowrap; font-weight:800; }
.combo-hint[data-visible="true"] { animation:combo-hint-reveal .3s ease-out both; }
@keyframes combo-hint-reveal { from{opacity:0} to{opacity:1} }
.stunt-badges[data-expiring="true"] { opacity:0; }
.stunt-badges[hidden],.combo-footer[hidden] { display:none; }
.combo-payout-flight { position:fixed; display:flex; align-items:center; justify-content:center; gap:var(--stunt-icon-gap,10px); z-index:35; pointer-events:none; transform-origin:center; }
.stunt-notice { position:fixed; left:50%; bottom:max(13vh,90px); transform:translate(-50%,8px);
  z-index:8; pointer-events:none; text-align:center; color:#d5d9da; opacity:0;
  padding:9px 22px; border-radius:18px; background:linear-gradient(90deg,transparent,#071622b8,transparent);
  transition:opacity .22s ease,transform .22s ease,color .16s ease; width:max-content; min-width:240px; max-width:90vw; }
.stunt-notice[data-phase="candidate"],.stunt-notice[data-phase="pending"] { opacity:.76; transform:translate(-50%,0); }
.stunt-notice[data-phase="confirmed"] { opacity:1; transform:translate(-50%,0); color:#c5f6ff; text-shadow:0 0 12px #159bcc88; }
.stunt-notice strong { display:block; font-size:clamp(20px,2.5vw,28px); font-weight:900; letter-spacing:.025em; }
.stunt-notice small { font-size:12px; letter-spacing:.06em; }
.stunt-notice,.stunt-notice *,.stunt-badges,.stunt-badges * { user-select:none; -webkit-user-select:none; }
.stunt-hold-track { display:none; height:7px; background:#98aab02e; border-radius:5px; overflow:hidden; margin-top:9px; }
.stunt-notice[data-hold="true"] .stunt-hold-track { display:block; }
.stunt-hold-track i { display:block; height:100%; background:currentColor; transform-origin:center; transition:transform .08s linear; }
.stunt-debug-content output { display:block; white-space:pre-line; font-variant-numeric:tabular-nums; }
.stunt-debug-content label { display:flex; gap:10px; align-items:center; min-height:44px; }
.stunt-setting-group { border-top:1px solid #ffffff22; margin-top:8px; }
.stunt-setting-group summary { cursor:pointer; padding:12px 0; font-weight:700; }
.stunt-setting { margin-bottom:10px; }
.stunt-setting label { justify-content:space-between; min-height:32px; }
.stunt-setting input[type="range"] { width:100%; margin:0; }
.stunt-setting small,.stunt-setting-group>small { display:block; color:#bbc7d5; font-size:11px; }
.stunt-setting-actions { display:flex; gap:6px; margin:10px 0; }
.stunt-debug-content input[type="number"] { width:60px; }
@media(max-width:600px) { .stunt-notice{bottom:max(22vh,110px);} }
@media(prefers-reduced-motion:reduce) { .stunt-notice,.stunt-badges{transition:none} }
@media(max-width:900px) and (orientation:portrait) { .stunt-badges{top:172px;--stunt-icon-max:64px;--stunt-icon-gap:6px;--stunt-row-limit:calc(100vw - 48px);} }
@media(max-width:1100px) and (orientation:landscape) { .stunt-badges{top:112px;--stunt-row-limit:max(210px,calc(100vw - 464px));--stunt-icon-gap:8px;} }
@media(max-width:650px) and (orientation:landscape) { .stunt-badges{top:156px;--stunt-icon-max:56px;--stunt-row-limit:max(210px,calc(100vw - 340px));--stunt-icon-gap:5px;gap:6px;} .combo-hint{font-size:11px;} .stunt-countdown{font-size:14px;} }

.fuel-gauge.trick-boost-active { border-color:#85f6ff; background:#054881; animation:combo-fuel-pulse .65s ease-in-out infinite alternate; }
.fuel-gauge.trick-boost-active .fuel-fill { background:linear-gradient(90deg,#008dff,#61ffff); box-shadow:0 0 12px #20d7ff; }
.fuel-gauge.trick-boost-active .fuel-percent { color:#efffff; text-shadow:0 0 8px #18dfff; }
.fuel-gauge .fuel-track { height:14px; }
.combo-fuel-note { position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:#063b62aa; text-shadow:0 1px 2px #031928; font-weight:900; font-size:11px; line-height:14px; pointer-events:none; }
.combo-repeat[hidden],.combo-fuel-note[hidden],.combo-hint[hidden],.combo-time-track[hidden],.stunt-countdown[hidden] { display:none; }
.stunt-setting:has(input[type="checkbox"]) { display:grid; grid-template-columns:1fr auto; align-items:center; gap:0 12px; }
.stunt-setting:has(input[type="checkbox"]) small { grid-column:1 / -1; }
.stunt-setting input[type="checkbox"] { width:22px; height:22px; accent-color:#2fcfff; }
.stunt-setting input:disabled { opacity:.45; }
@keyframes combo-fuel-pulse { from{box-shadow:0 0 7px #00bdff80,inset 0 0 8px #139dff50} to{box-shadow:0 0 14px #00dbffbb,inset 0 0 12px #50edff70} }
@media(prefers-reduced-motion:reduce) { .fuel-gauge.trick-boost-active{animation:none;box-shadow:0 0 10px #00d7ff99} }


/* Stunt controls use the shared left debug frame; only their contents are styled here. */
.stunt-debug-panel > header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.stunt-debug-panel > header small,.stunt-debug-panel > header strong { display:block; }
.stunt-debug-panel > header small { font-size:9px; margin-bottom:3px; }
.stunt-debug-panel > .stunt-debug-content { padding:10px 12px; font-size:12px; }
.stunt-debug-panel p { font-size:11px; line-height:1.5; color:#c0d0d7; margin:8px 0 12px; }
.stunt-debug-panel [data-stunt-live] { font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.stunt-debug-panel .stunt-setting-group > summary { min-height:44px; box-sizing:border-box; }
.stunt-debug-panel .stunt-setting label { align-items:baseline; }
.stunt-debug-panel .stunt-setting label output { flex-shrink:0; }
.stunt-debug-panel > footer output { display:block; font-size:11px; line-height:1.4; }
.stunt-debug-panel .stunt-setting-actions { margin:7px 0 0; }
.stunt-debug-panel .stunt-setting-actions button { flex:1; padding:6px 9px; }
/* Cash-out boost: orange tank, independent countdown, no instrument reflow. */
.fuel-gauge.combo-boost-active { border-color:#ffb15e; background:linear-gradient(180deg,#b84513,#762409); box-shadow:0 0 10px #ff751ba6,inset 0 0 8px #ff94275c; }
.fuel-gauge.combo-boost-active::after { content:''; position:absolute; inset:-2px; border-radius:inherit; pointer-events:none; box-shadow:0 0 15px #ff7d20cc,inset 0 0 11px #ffbf4775; animation:combo-lava-halo 1.1s ease-in-out infinite alternate; }
.fuel-gauge.combo-boost-active > .fuel-propeller,.fuel-gauge.combo-boost-active > .fuel-track,.fuel-gauge.combo-boost-active > .fuel-percent { position:relative; z-index:1; }
.fuel-gauge.combo-boost-active .fuel-track { background:#ab310c; box-shadow:inset 0 1px 3px #521304,0 0 7px #ff5d13; }
.fuel-gauge.combo-boost-active .fuel-fill { background:linear-gradient(90deg,#ff490d,#ff881e 62%,#ffd071); box-shadow:0 0 12px #ff7c1c; }
.fuel-gauge.combo-boost-active .fuel-propeller { background:#973313; border-color:#ffb268; box-shadow:0 0 8px #ff7a28aa; }
.fuel-gauge.combo-boost-active .fuel-propeller svg { fill:#ffe0ac; filter:drop-shadow(0 0 3px #ffad43); }
.fuel-gauge.combo-boost-active .fuel-percent { color:#fff2d6; text-shadow:0 0 7px #ff801a; }
.combo-boost-timer { position:absolute; inset:0; display:grid; place-items:center; color:#fff6df; font-size:12px; line-height:14px; font-weight:950; font-variant-numeric:tabular-nums; text-shadow:0 1px 3px #581302,1px 0 2px #581302,-1px 0 2px #581302; pointer-events:none; }
.combo-boost-label { position:absolute; z-index:2; isolation:isolate; left:calc(100% + 8px); top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:5px; width:max-content; padding:5px 8px; border:1px solid #ff9d45aa; border-radius:9px; background:#602509ee; color:#ffdda7; font-size:11px; font-weight:800; white-space:nowrap; pointer-events:none; }
.combo-boost-label::before { content:''; position:absolute; z-index:0; inset:-3px; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse at center,#ffb04340,transparent 75%); box-shadow:0 0 13px #ff782bb3,inset 0 0 6px #ffd08045; animation:combo-label-halo 1.1s ease-in-out infinite alternate; }
.combo-boost-label > * { position:relative; z-index:1; }
.combo-boost-label strong { color:#fff1ce; font-size:15px; font-weight:950; font-variant-numeric:tabular-nums; }
.combo-boost-label,.combo-boost-label *,.combo-boost-timer { user-select:none; -webkit-user-select:none; }
.combo-boost-label[hidden],.combo-boost-timer[hidden] { display:none; }
.hud-fuel-row { position:relative; }
.hud-fuel-row:has(.combo-boost-active) .boost-bonus-task { position:absolute; left:calc(var(--flight-vario-fuel-width,218px) + 7px); top:42px; }
@keyframes combo-lava-halo { from{opacity:.45} to{opacity:1} }
@keyframes combo-label-halo { from{opacity:.55} to{opacity:1} }
@media(max-width:380px),(max-width:650px) and (orientation:landscape) {
 .combo-boost-label { flex-direction:column; justify-content:center; gap:0; width:94px; box-sizing:border-box; padding:2px 5px; font-size:10px; line-height:12px; }
 .combo-boost-label strong { font-size:13px; line-height:15px; }
}
@media(prefers-reduced-motion:reduce) { .fuel-gauge.combo-boost-active::after,.combo-boost-label::before { animation:none; opacity:.8; } }
/* Landscape keeps both boost labels above the centered trick row. */
@media(min-width:651px) and (orientation:landscape) {
 .hud-fuel-row:has(.combo-boost-active) .boost-bonus-task { left:calc(100% + 164px); top:0; }
}
@media(min-width:651px) and (max-width:920px) and (orientation:landscape),
 (min-width:651px) and (max-width:1100px) and (orientation:landscape) and (hover:none),
 (min-width:651px) and (max-width:1100px) and (orientation:landscape) and (pointer:coarse) {
 .hud-fuel-row:has(.combo-boost-active) .boost-bonus-task { top:13px; }
}

/* Hold phases share existing HUD space; the seconds keep their center axis. */
.combo-slow-tip { grid-row:3; grid-column:1; justify-self:center; width:max-content; font-size:12px; line-height:16px; font-weight:800; color:#ffe29a; animation:combo-hint-reveal .3s ease-out both; }
.combo-slow-tip[hidden] { display:none; }
.stunt-notice[data-hold="true"][data-phase="candidate"] { opacity:.95; color:var(--stunt-slow-color); }
.stunt-hold-track i { background:var(--stunt-slow-color); }
.stunt-setting-heading { margin:15px 0 8px; padding-bottom:5px; border-bottom:1px solid #ffffff12; font-size:12px; line-height:1.35; color:#cceeff; }
.stunt-setting-group > summary { font-weight:850; }

/* Both fills share a timeline in the HUD owner; transforms still control length. */
.stunt-badges,.stunt-notice { --stunt-slow-color:#ffdf84; }
.stunt-notice[data-stunt-type="inverted"],.stunt-notice[data-stunt-type="knife-edge"] { color:var(--stunt-slow-color); text-shadow:0 1px 2px #071622b3; }
.stunt-notice[data-phase="holding"] { opacity:1; transform:translate(-50%,0); color:#ffe29a; text-shadow:0 1px 2px #071622b3; }

.stunt-setting-group[data-stunt-parent] > .stunt-setting-group { margin-left:7px; padding-left:9px; border-left:2px solid #ffffff18; }

/* Shared combo fill: one rhythm, readable ink, no separate timer. */
.stunt-badges { top:max(80px,var(--stunt-y,14vh)); --stunt-icon-max:var(--stunt-preferred-size,72px); }
.stunt-badge { --tile-color:#95aa8d; }
.stunt-badge[data-stunt-type="roll-left"] { --tile-color:#8eabc2; }
.stunt-badge[data-stunt-type="roll-right"] { --tile-color:#c4949b; }
.stunt-badge[data-stunt-type="barrel-roll"] { --tile-color:#ac98bd; }
.stunt-badge[data-stunt-type="outside-loop"] { --tile-color:#c99d83; }
.stunt-badge[data-stunt-type="fish"] { --tile-color:#bda276; }
.stunt-badge[data-stunt-type="knife-edge"],.stunt-badge[data-stunt-type="inverted"] { --tile-color:#ffdf84; }
.stunt-badge-art { opacity:var(--stunt-warning-opacity,1); isolation:isolate; box-sizing:border-box; border:2px solid #79552e; border-radius:50%; background:radial-gradient(ellipse at 35% 28%,#fff5de88,transparent 64%),repeating-linear-gradient(17deg,#86643d05 0 1px,transparent 1px 5px),#eddbb6; box-shadow:0 2px 3px #30221530,inset 0 0 0 1px #f9e7be,inset 0 0 0 3px #bc945b; }
.stunt-tile-fill { position:absolute; inset:4px; border-radius:50%; background-image:conic-gradient(from 0deg,transparent 0 calc((1 - var(--stunt-fill,1))*1turn),var(--tile-color) 0 1turn); background-color:transparent; opacity:var(--stunt-fill-opacity,1); z-index:-1; }
.stunt-badge-art::before { content:'';position:absolute;inset:4px;border-radius:50%;background:color-mix(in srgb,var(--tile-color) var(--stunt-empty,18%),transparent);z-index:-2; }
.stunt-badge-art::after { content:'';position:absolute;inset:4px;border-radius:50%;pointer-events:none;background:repeating-linear-gradient(17deg,#69442007 0 1px,transparent 1px 5px),radial-gradient(ellipse at 30% 25%,#fff7df28,transparent 70%);z-index:-1; }
.stunt-badge-art svg { width:67%; height:67%; color:#59402d; filter:none; }
.stunt-badge-art .combo-repeat { right:10%;bottom:9%;color:#59402d;text-shadow:0 1px 1px #fff0ce; font-size:clamp(10px,calc(var(--stunt-icon-size,72px) * .21),15px); }
.combo-hint,.combo-slow-tip { grid-row:1; }
.stunt-setting-actions:has([data-stunt-display-action]) { flex-wrap:wrap; }
@media(max-width:900px) and (orientation:portrait) { .stunt-badges { top:max(172px,var(--stunt-y,14vh));--stunt-icon-max:min(64px,var(--stunt-preferred-size,72px)); } }
@media(min-width:651px) and (max-width:1100px) and (orientation:landscape) { .stunt-badges { top:max(112px,var(--stunt-y,14vh)); } }
@media(max-width:650px) and (orientation:landscape) { .stunt-badges { top:clamp(156px,var(--stunt-y,14vh),calc(100vh - 100px));--stunt-icon-max:min(56px,var(--stunt-preferred-size,72px)); } }

/* Dark ink stays distinct from gold/parchment, including the held-flight pulse. */
.stunt-badge[data-stunt-type="knife-edge"] .stunt-badge-art svg,.stunt-badge[data-stunt-type="inverted"] .stunt-badge-art svg { color:#342316;filter:drop-shadow(0 1px 0 #fff0c199); }
.stunt-badge[data-stunt-type="knife-edge"] .stunt-tile-fill,.stunt-badge[data-stunt-type="inverted"] .stunt-tile-fill { --tile-color:#d5a649; }

/* Coin-sized heat and organically eroding embers; no repeated flame or crack drawings. */
.combo-payout-burn { user-select:none; --stunt-slow-color:#d5a649; }
.combo-payout-burn .stunt-badge-art { animation:stunt-coin-char var(--burn-duration,.9s) ease-in var(--burn-delay,0s) both; }
.combo-payout-burn .stunt-badge-art svg { animation:stunt-ink-char var(--burn-duration,.9s) ease-in var(--burn-delay,0s) both; }
.stunt-burn-heat {
  position:absolute;inset:-12%;z-index:2;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(circle,#fff7cf88 0 18%,#ffbd6980 37%,#f4652866 59%,transparent 77%);
  box-shadow:0 0 var(--ember-halo,10px) #ff8e3d91,inset 0 0 8px #fff3bb8a;
  animation:stunt-heat-bloom var(--burn-duration,.9s) ease-out var(--burn-delay,0s) both;
}
.stunt-burn-heat::before {
  content:'';position:absolute;inset:7%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,#fffcebdd 0 17%,#ffe499b5 34%,#ffae4882 54%,transparent 75%);
  opacity:0;animation:stunt-ignition-flash var(--burn-duration,.9s) ease-out var(--burn-delay,0s) both;
}
.stunt-burn-texture { position:absolute;inset:0;z-index:3;width:100%;height:100%;border-radius:50%;pointer-events:none; }
.stunt-burn-spark {
  position:absolute;z-index:4;width:3px;height:9px;border-radius:45%;pointer-events:none;
  background:linear-gradient(180deg,transparent,#fff9d3 28%,#ffbd65 63%,transparent);
  box-shadow:0 0 7px #ff7e25,0 0 3px #fff2bc;
  animation:stunt-ember-scatter var(--spark-duration,.28s) ease-out var(--spark-delay,0ms) both;
}
.stunt-burn-spark:nth-last-child(2n){width:2px;height:6px;background:linear-gradient(180deg,transparent,#ffcf84 38%,#ff8d3b 70%,transparent)}
.stunt-burn-cinder {
  position:absolute;left:47%;top:47%;z-index:4;width:6px;height:5px;pointer-events:none;
  background:linear-gradient(135deg,#ff9d38 0 22%,#5b2a1b 33%,#261c19 100%);
  clip-path:polygon(14% 2%,91% 17%,100% 81%,41% 100%,0 55%);
  animation:stunt-ash-fleck var(--cinder-duration,.3s) ease-out var(--cinder-delay,0ms) both;
}
.stunt-burn-cinder:nth-last-child(2n){width:4px;height:6px}
@keyframes stunt-coin-char {
  0%{filter:brightness(1) sepia(.05);transform:scale(1);opacity:1;clip-path:polygon(0 0,33% 0,66% 0,100% 0,100% 33%,100% 66%,100% 100%,66% 100%,33% 100%,0 100%,0 66%,0 33%)}
  11%{filter:brightness(1.5) sepia(.22) saturate(1.35);transform:scale(1.075);opacity:1}
  34%{filter:brightness(1.3) sepia(.5) saturate(1.35);transform:scale(1.045);opacity:1}
  65%{filter:brightness(.82) sepia(.85) saturate(1.15);transform:scale(.98);opacity:1}
  70%{filter:brightness(1.15) sepia(.75) saturate(1.6);transform:scale(1.025);opacity:1}
  83%{filter:brightness(.48) sepia(1);transform:scale(.91) rotate(3deg);opacity:.9;clip-path:polygon(8% 7%,29% 4%,64% 9%,91% 5%,95% 27%,88% 62%,94% 88%,69% 94%,36% 89%,5% 95%,10% 68%,4% 39%)}
  100%{filter:brightness(.24) sepia(1);transform:scale(.55) rotate(-8deg);opacity:0;clip-path:polygon(33% 29%,44% 24%,56% 30%,69% 36%,72% 47%,67% 58%,61% 68%,51% 71%,40% 66%,28% 62%,30% 50%,29% 40%)}
}
@keyframes stunt-ink-char { 0%,30%{opacity:1} 65%{opacity:.7} 88%{opacity:.18} 100%{opacity:0} }
@keyframes stunt-heat-bloom {
  0%{opacity:0;transform:scale(.72)}
  12%{opacity:calc(var(--flame-strength,.65)*.86);transform:scale(1.04)}
  43%{opacity:var(--flame-strength,.65);transform:scale(1.15)}
  69%{opacity:var(--flame-strength,.65);transform:scale(1.2)}
  83%{opacity:calc(var(--flame-strength,.65)*.55);transform:scale(1.08)}
  100%{opacity:0;transform:scale(.67)}
}
@keyframes stunt-ignition-flash { 0%{opacity:0} 11%{opacity:.95} 29%{opacity:.3} 42%,63%{opacity:0} 70%{opacity:.7} 82%,100%{opacity:0} }
@keyframes stunt-ember-scatter {
  0%{opacity:0;transform:translate(0,0) rotate(var(--spark-turn,0deg)) scale(.45)}
  16%{opacity:var(--flame-strength,.65);transform:translate(0,0) rotate(var(--spark-turn,0deg)) scale(1)}
  100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(var(--spark-turn,0deg)) scale(.16)}
}
@keyframes stunt-ash-fleck {
  0%{opacity:0;transform:translate(0,0) rotate(0) scale(.5)}
  24%{opacity:calc(var(--flame-strength,.65)*.85);transform:translate(0,0) rotate(18deg) scale(1)}
  100%{opacity:0;transform:translate(var(--cinder-x),var(--cinder-y)) rotate(110deg) scale(.35)}
}

/* The parchment coins sit on one slim wooden rail. The last seconds warm its edge. */
.stunt-badge-row { --board-tail:0px; position:relative; isolation:isolate; width:max-content; }
.stunt-badge-row:has(.combo-potential:not([hidden])) { --board-tail:116px; }
.stunt-badge-row::before,.stunt-badge-row::after { content:''; position:absolute; left:-12px; right:calc(-12px - var(--board-tail)); top:calc(var(--stunt-icon-size,72px) * .5); transform:translateY(-50%); pointer-events:none; }
.stunt-badge-row::before { z-index:-1; height:calc(var(--stunt-icon-size,72px) * .74); min-height:26px; max-height:55px; box-sizing:border-box;
  border:2px solid #533019; border-radius:10px 13px 11px 9px;
  background:linear-gradient(180deg,transparent 30%,#59351e8c 31%,#cb8c5180 33%,transparent 35%,transparent 65%,#542e1b99 67%,#c58b5080 69%,transparent 71%),
    repeating-linear-gradient(174deg,transparent 0 9px,#eed0a30c 9px 10px,transparent 10px 18px,#40261516 18px 19px),
    linear-gradient(180deg,#b47a45 0%,#9c6238 26%,#8b512f 51%,#9d6035 77%,#693a22 100%);
  box-shadow:0 5px 10px #23170e5c,inset 0 2px 0 #f3c78a75,inset 0 -3px 0 #40220e70; }
.stunt-badge-row::after { z-index:0; height:calc(var(--stunt-icon-size,72px) * .74); min-height:26px; max-height:55px;
  background:radial-gradient(circle at 7px 50%,#e5bf7b 0 1px,#422310 2px 3px,transparent 4px),
    radial-gradient(circle at calc(100% - 7px) 50%,#e5bf7b 0 1px,#422310 2px 3px,transparent 4px);
  opacity:.9; }
.stunt-badge-row .stunt-badge-items { position:relative; z-index:1; }
.stunt-badge-row .stunt-badge-art { box-shadow:0 3px 6px #2b1a0e72,inset 0 0 0 1px #fff1cf,inset 0 0 0 3px #bc945b; }
.combo-break-flight { position:fixed; z-index:35; pointer-events:none; transform-origin:50% 42%; animation:combo-break-drop .62s cubic-bezier(.22,.68,.34,1) both; }
.combo-break-flight .stunt-badge-row { filter:grayscale(.25); }
@keyframes combo-break-drop { 0%{opacity:1;transform:translateY(0) scale(1)} 22%{opacity:1;transform:translateY(-4px) scale(1.035) rotate(2deg)} 100%{opacity:0;transform:translateY(28px) scale(.78) rotate(-7deg);filter:grayscale(1)} }
@media(prefers-reduced-motion:reduce) { .combo-break-flight { animation-duration:.2s; } }
.stunt-badges:has(.combo-hint[data-visible="true"][data-ready="true"]) .stunt-badge-row::before { border-color:#b86429; box-shadow:0 5px 10px #23170e5c,0 0 12px #ff8c3247,inset 0 2px 0 #f3c78a75,inset 0 -3px 0 #5b2410aa; }
.combo-potential { position:absolute; z-index:1; left:calc(100% + 6px); top:calc(var(--stunt-icon-size,72px) * .5); transform:translateY(-50%);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; width:94px; height:43px; box-sizing:border-box;
  padding:2px 7px 2px 9px; border-left:1px solid #e5ba785e; background:none;
  color:#fff4df; font-variant-numeric:tabular-nums; white-space:nowrap; text-shadow:0 1px 2px #321906,0 0 5px #32190699; pointer-events:none; }
.combo-potential strong { font:900 20px/22px system-ui,sans-serif; letter-spacing:.01em; }
.combo-potential small { color:#ffe0a8; font:italic 700 11px/13px Georgia,serif; letter-spacing:.06em; }
.combo-potential[hidden] { display:none; }
.combo-hint { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:5px;
  box-sizing:border-box; min-height:27px; padding:3px 9px 3px 7px; border:1px solid #ffb465b3;
  border-radius:999px; background:linear-gradient(135deg,#5b2b18e8,#3c261ddd 70%,#27211ddc);
  box-shadow:0 2px 5px #2b160b52,inset 0 1px 0 #ffe1a436;
  color:#fff1da; font-size:12px; line-height:17px; text-shadow:0 1px 2px #341906; }
.combo-hint::after { content:''; position:absolute; bottom:2px; left:21px; right:9px; height:1px;
  background:linear-gradient(90deg,#ff6b2c,#ffc576aa,transparent); opacity:.7; pointer-events:none; }
.combo-hint-flame { width:12px; height:16px; flex:none; background:linear-gradient(0deg,#ffe7a0 9%,#ffb13c 43%,#ee622d 80%);
  clip-path:polygon(50% 0,72% 32%,74% 48%,92% 36%,100% 66%,88% 90%,65% 100%,37% 100%,11% 88%,0 65%,15% 41%,26% 62%,33% 36%);
  filter:drop-shadow(0 0 3px #ff8c43); }
.combo-hint[data-visible="true"] .combo-hint-flame:not([hidden]) { animation:combo-cash-flame .75s ease-out both; }
.combo-hint kbd { display:inline-grid; place-items:center; min-width:19px; padding:0 2px; border:1px solid #ffd5a77a;
  border-radius:4px; background:#f5d6ac; color:#572d1a; font:900 11px/15px system-ui,sans-serif; text-shadow:none; }
.combo-hint-flame[hidden],.combo-hint kbd[hidden] { display:none; }
@keyframes combo-cash-flame { from{transform:scale(.9);opacity:.75} to{transform:scale(1.1);opacity:1} }
@media(prefers-reduced-motion:reduce) { .combo-hint-flame { animation:none; } }
@media(max-width:600px) and (orientation:portrait) { .stunt-badge-row:has(.combo-potential:not([hidden])) { --board-tail:100px; } }
@media(max-width:900px) { .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+7)) { --board-tail:0px; padding-bottom:45px; }
  .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+7)) .combo-potential { left:50%; top:auto; bottom:0; transform:translateX(-50%); } }
@media(max-width:600px) and (orientation:portrait) { .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+3)) { --board-tail:0px; padding-bottom:45px; }
  .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+3)) .combo-potential { left:50%; top:auto; bottom:0; transform:translateX(-50%); } }
@media(max-width:360px) and (orientation:portrait) { .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+2)) { --board-tail:0px; padding-bottom:45px; }
  .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+2)) .combo-potential { left:50%; top:auto; bottom:0; transform:translateX(-50%); } }
@media(max-width:900px) { .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+7)) .combo-potential { height:41px; border:1px solid #704023; border-radius:8px; background:linear-gradient(#ad7040,#764326); box-shadow:0 2px 5px #29170b70; } }
@media(max-width:600px) and (orientation:portrait) { .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+3)) .combo-potential { height:41px; border:1px solid #704023; border-radius:8px; background:linear-gradient(#ad7040,#764326); box-shadow:0 2px 5px #29170b70; } }
@media(max-width:360px) and (orientation:portrait) { .stunt-badge-row:has(.combo-potential:not([hidden])):has(.stunt-badge:nth-child(n+2)) .combo-potential { height:41px; border:1px solid #704023; border-radius:8px; background:linear-gradient(#ad7040,#764326); box-shadow:0 2px 5px #29170b70; } }