/* The competition screen follows the existing blue/purple arcade mockups. */
.cabinet[data-screen="attempt"] {
  --header-h: 42px;
  --phase-color: #61e5ff;
  max-width: clamp(320px,56.25svh,460px);
  background: #060b21;
}
.cabinet[data-screen="attempt"] .topbar {
  background: #070c20;
  padding: 5px 15px;
  border-bottom: 1px solid #345384;
}
.cabinet[data-screen="attempt"] .wordmark {font-size:16px;letter-spacing:.3px}
.cabinet[data-screen="attempt"] .wordmark span {color:#79dcff;font-size:8px}
.cabinet[data-screen="attempt"] .sound-button {font-size:9px;min-height:30px}
.cabinet .attempt-screen {
  --phase-color: #61e5ff;
  height: calc(100svh - var(--header-h) - env(safe-area-inset-top));
  min-height: 0;
  display: grid;
  grid-template-rows: 66px 31px minmax(0,1fr) 118px 64px 16px;
  gap: 10px;
  padding: 12px 13px max(12px,env(safe-area-inset-bottom));
  background: radial-gradient(ellipse at 50% 45%,#19275233,transparent 70%),#060b21;
  font-family: "Trebuchet MS", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  animation: none;
}
.attempt-screen .match-hud {
  display:grid;
  grid-template-columns:1fr 82px 1fr;
  align-items:center;
  padding:5px 12px;
  border:1px solid #3975a0;
  border-top:2px solid #82dcff;
  background:linear-gradient(110deg,#123150b0,#070b25 42%,#23183fbd);
  box-shadow:inset 0 0 0 2px #020719,0 0 13px #4396ff17;
  position:relative;
}
.attempt-screen .match-hud:after {content:"";position:absolute;width:22%;height:2px;background:#cd6aff;right:0;bottom:-1px}
.attempt-screen .match-hud .eyebrow {font-size:9px;letter-spacing:.7px;color:#b8d7ed}
.attempt-screen .match-hud strong {font-size:32px;font-weight:900;line-height:1.2;color:#ffe288;text-shadow:0 2px #704723}
.attempt-screen .match-hud strong small {font-size:12px;color:#fff4c4;margin-left:4px}
.attempt-screen .form-total {align-self:center}
.attempt-screen .form-total>strong {font-size:27px;line-height:1.05;color:#fff}
.form-splits {display:flex;gap:4px;justify-content:flex-end;margin-top:3px}
.form-splits span {min-width:21px;padding:1px 3px;text-align:center;color:#71819f;background:#0a142e;font-size:9px;border:1px solid #334666}
.form-splits span.scored {color:#eefff7;border-color:#81cebb;background:#245743}
.form-splits span.perfect {color:#2c1b00;border-color:#fff5b1;background:#ffd458}
.meet-lights {display:flex;position:relative;justify-content:center;gap:7px;padding-bottom:15px}
.meet-lights i {display:block;width:11px;height:11px;border-radius:50%;background:#20283c;border:1px solid #53607a;box-shadow:inset 0 2px 3px #000}
.meet-lights span {position:absolute;bottom:0;font-size:7px;letter-spacing:1.1px;color:#8192b4;white-space:nowrap}
.meet-lights.success i {background:#fff;box-shadow:0 0 12px #d7fcff;animation:judge-light .3s both}
.meet-lights.failed i {background:#ff637f;border-color:#ffb3c1;box-shadow:0 0 9px #ff426c80;animation:judge-light .3s both}
.meet-lights i:nth-child(2) {animation-delay:.13s}
.meet-lights i:nth-child(3) {animation-delay:.26s}
.attempt-screen .phase-nav {gap:4px;height:31px}
.attempt-screen .phase-nav li {display:flex;align-items:center;justify-content:center;gap:3px;padding:0 2px;font-size:10px;font-weight:800;background:#111b35;border:1px solid #304160;color:#6f819f;clip-path:polygon(0 0,90% 0,100% 28%,100% 100%,0 100%)}
.attempt-screen .phase-nav li:before {font-size:12px;font-weight:900}
.attempt-screen .phase-nav li.active {background:linear-gradient(110deg,color-mix(in srgb,var(--phase-color) 50%,#0b1730),#142141);border-color:var(--phase-color);color:#fff;text-shadow:0 1px #001c36;box-shadow:inset 0 -2px var(--phase-color)}
.attempt-screen .phase-nav li.done {color:#abe4d3;border-color:#43685e;background:#172e30}
.attempt-screen .arena {
  min-height:0;
  height:100%;
  border:1px solid #537daf;
  border-top-color:#a4dfff;
  background:#05071d;
  box-shadow:0 0 0 2px #02051b,inset 0 0 30px #111f53;
  overflow:hidden;
}
.attempt-screen .arena canvas {position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;object-position:50% 50%;transition:filter .2s;image-rendering:pixelated}
.attempt-screen .arena-top {left:0;right:0;top:0;min-height:30px;padding:8px 11px;background:linear-gradient(#010517dd,#02071988,transparent);font-size:10px;letter-spacing:1.6px;font-weight:900;color:#d8edff}
.arena-top small {font-size:8px;font-weight:500;letter-spacing:0;margin-left:7px;color:#8aa5c7}
.attempt-screen .live-dot {font-size:8px;color:#83ebff}
.attempt-screen .live-dot:before {background:#79f5ff;box-shadow:0 0 6px #79f5ff}
.attempt-screen .arena-bottom {bottom:0;left:0;right:0;min-height:37px;padding:4px 8px 4px 12px;background:linear-gradient(transparent,#010416ee 42%);font-size:10px;font-weight:700;letter-spacing:.2px;color:#c5daf0}
.attempt-screen .pause-button {color:#d2e9fa;border:1px solid #4a6586;background:#0b1736b0;min-width:29px;min-height:27px;font-size:12px}
.arena-energy {position:absolute;inset:-10%;z-index:1;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 12deg at 50% 58%,transparent 0deg 23deg,#ac49ff85 24deg 25deg,transparent 27deg 46deg,#59ccff80 47deg 48deg);mask-image:radial-gradient(ellipse,transparent 31%,#000 78%);transition:opacity .3s}
.cabinet[data-phase="tap"] .arena-energy {opacity:.45;animation:arena-breathe 1.4s ease-in-out infinite alternate}
.attempt-screen .arena.danger {border-color:#ff7599;box-shadow:0 0 13px #fd487c44,inset 0 0 26px #fb3f8733}
.attempt-screen .arena.danger .arena-energy {background:repeating-conic-gradient(from 12deg at 50% 58%,transparent 0deg 23deg,#ff518bbb 24deg 26deg,transparent 27deg 46deg,#ffc764aa 47deg 48deg);opacity:.7}
.attempt-screen .arena.danger .arena-top {background:linear-gradient(#700524bb,transparent)}
.attempt-screen .arena.celebrate {border-color:#ffdd71;box-shadow:0 0 19px #ffc23e66}
.attempt-screen .arena.celebrate canvas {filter:saturate(1.15) brightness(1.07)}
.impact-ring {position:absolute;left:19%;top:21%;width:64%;aspect-ratio:1;pointer-events:none;z-index:2;border:4px solid #ffea96;border-radius:50%;box-shadow:0 0 17px #fd70bd, inset 0 0 16px #9be6ff;opacity:0}
.tap-impact {position:absolute;right:-2%;bottom:28px;width:62%;height:85px;background:var(--tap-impact,url('assets/arena/dadada.webp')) center/contain no-repeat;opacity:0;transform:rotate(-8deg) scale(.94);pointer-events:none;z-index:3;transition:opacity .08s,transform .08s}
.arena[data-hitting="true"] .tap-impact {opacity:1;transform:rotate(-8deg) scale(1)}
.tension-call {position:absolute;top:42px;right:12px;color:#fff1a5;font-size:clamp(19px,6vw,28px);line-height:1.2;font-weight:1000;font-style:italic;text-shadow:2px 3px #29103f,-1px -1px #29103f,0 0 13px #b349ff;z-index:3;pointer-events:none;max-width:80%;text-align:right}
.tension-call:empty {display:none}
.arena.danger .tension-call {color:#ffafc1}
.cut-in {position:absolute;left:-8%;right:-8%;top:21%;height:54%;min-height:118px;z-index:7;pointer-events:none;visibility:hidden;transform:translateX(-110%) skewY(-6deg);border-block:3px solid #96eeff;box-shadow:0 5px 0 #040820,0 -5px 0 #040820,0 0 30px #43c5ff70;background:repeating-linear-gradient(-18deg,transparent 0 13px,#86c9ff20 14px 16px,transparent 17px 30px),linear-gradient(110deg,#063954,#101d65 60%,#a552d9);overflow:hidden}
.cut-in.is-visible {visibility:visible;animation:cut-in-arrive .82s cubic-bezier(.18,.72,.22,1) both}
.cut-in-portrait {position:absolute;right:2%;bottom:-22%;width:59%;height:151%;background:var(--cutin-confident) 50% 37%/cover no-repeat;transform:skewY(6deg);filter:drop-shadow(-7px 1px 0 #0b1335)}
.cut-in.power {border-color:#ffe6a5;background:repeating-linear-gradient(-18deg,transparent 0 13px,#ffb46c35 14px 16px,transparent 17px 30px),linear-gradient(110deg,#551743,#4c1261 65%,#fa6293)}
.cut-in.power .cut-in-portrait {background-image:var(--cutin-strain)}
.cut-in-copy {position:absolute;left:10%;top:15%;max-width:67%;z-index:1;transform:skewY(6deg);text-shadow:2px 2px #090c27,-1px -1px #090c27}
.cut-in-copy>span {font-size:10px;letter-spacing:2px;font-weight:800;color:#92f0ff;display:block;margin-bottom:9px}
.cut-in-copy strong {display:block;font-size:clamp(25px,8.4vw,39px);line-height:1.25;letter-spacing:-1.5px;font-weight:1000;font-style:italic;color:white;-webkit-text-stroke:.7px #ffffff;text-shadow:3px 4px #172243,-1px -1px #172243}
.cut-in-copy small {display:block;font-size:11px;color:#ecf7ff;margin-top:10px;font-weight:700}
.cut-in.power .cut-in-copy>span {color:#ffe080}
.cut-in.power .cut-in-copy strong {color:#fff4b3;-webkit-text-stroke-color:#fff4b3}
.attempt-screen .scene-message {inset:0;pointer-events:none;z-index:5;font-family:Impact,"Arial Black",sans-serif}
.attempt-screen .scene-message.success,.attempt-screen .scene-message.failed {justify-content:flex-start;padding:32px 6px 0;font-size:clamp(43px,12.5vw,60px);font-style:italic;letter-spacing:-1px;background:linear-gradient(#07082088,transparent 56%);line-height:1.1;color:#fff099;text-shadow:0 3px #e89824,0 6px #9c4b16,3px 7px #081731,-3px -2px #081731,0 0 22px #ffd7429a;animation:decision-slam .46s cubic-bezier(.14,.83,.35,1.3) both}
.attempt-screen .scene-message.failed {color:#c6b2ff;text-shadow:0 3px #7c5ca9,0 5px #35204e,3px 6px #020412,-2px -2px #020412; background:linear-gradient(#05051c99,transparent 70%)}
.attempt-screen .scene-message.success small,.attempt-screen .scene-message.failed small {font-family:inherit;font-style:normal;font-size:14px;letter-spacing:.4px;margin-top:12px;padding:7px 15px;background:#050d2de6;border:1px solid #ffe58c88;color:#fff5d4;text-shadow:0 1px #000;line-height:1.4}
.attempt-screen .scene-message.failed small {font-size:11px;border-color:#947bbb;color:#e1d3ff}
.attempt-screen .judgement {top:12%;font-size:clamp(31px,10vw,46px);font-family:Impact,"Arial Black",sans-serif;font-style:italic;letter-spacing:.5px;color:#fff581;text-shadow:0 3px #df8122,2px 5px #151029,-2px -2px #151029;z-index:6}
.attempt-screen .judgement.good {color:#a0ffff;text-shadow:0 3px #267a9b,2px 5px #111e34,-2px -2px #111e34}
.attempt-screen .judgement.miss {color:#d9ccef;text-shadow:2px 3px #151029;font-size:28px}
.attempt-screen .judgement.pop {animation:score-punch .52s both}
.confetti {position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}
.confetti i {position:absolute;top:-15px;left:var(--x);width:6px;height:12px;background:var(--color);transform:rotate(var(--angle));animation:confetti-fall var(--duration) cubic-bezier(.1,.36,.7,1) var(--delay) both}
.attempt-screen .play-console {height:118px;padding:11px 13px 8px;background:linear-gradient(135deg,#132242,#0b132b);border:1px solid #496b9b;border-top:2px solid var(--phase-color);box-shadow:inset 0 0 0 2px #060b20,0 -3px 13px #050821;position:relative}
.attempt-screen .play-label {margin-bottom:10px;height:20px;align-items:center}
.attempt-screen .play-label h2 {font-size:16px;font-weight:900;letter-spacing:.1px;text-shadow:0 2px #000}
.attempt-screen .play-label>span {color:var(--phase-color);font-size:9px;letter-spacing:1px}
.attempt-screen .timing-track {height:22px;border:1px solid #a5b8d1;background:linear-gradient(90deg,#d84f71,#ec9867 24%,#b7dd75 41%,#a3e7a0 50%,#b7dd75 59%,#ec9867 76%,#d84f71);box-shadow:inset 0 2px #ffffff70,inset 0 -3px #0005,0 0 0 3px #040b1b}
.attempt-screen .perfect-zone {background:linear-gradient(#f9ffb3,#e6f273);border-color:#ffffe1;box-shadow:0 0 12px #eaff8175,inset 0 -3px #7aaf37}
.attempt-screen .center-line {background:#fff;width:2px}
.attempt-screen .needle {top:-5px;width:4px;height:31px;background:#fff;box-shadow:0 0 0 2px #1c2847,0 0 7px #fff}
.attempt-screen .needle:before {top:-4px;left:-3px;width:10px;height:7px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}
.gauge-labels {display:flex;justify-content:space-between;margin-top:6px;font-size:8px;line-height:1;color:#8ea1c6}
.gauge-labels>span:nth-child(2) {font-size:8px;color:#edf5ac;letter-spacing:.8px}
.attempt-screen .console-help {font-size:9px;line-height:1.3;margin-top:6px;color:#a8c1df;min-height:12px}
.attempt-screen .tap-numbers {font-size:11px;line-height:1}
.attempt-screen .tap-numbers strong {font-size:29px;font-weight:900;color:#fff3a4;text-shadow:0 2px #553914}
.attempt-screen .time-left strong {font-size:27px;color:#fff}
.attempt-screen .tap-track {margin-top:8px;height:13px;border-color:#627ca7;box-shadow:0 0 0 2px #030819;background:#070e22}
.attempt-screen .tap-track span {background:linear-gradient(90deg,#58d5ff,#9a8aff 55%,#ff87b6);box-shadow:inset 0 2px #ffffff99,0 0 10px #c76eff;transition:width .06s linear}
.cabinet.danger .time-left strong {color:#ff89a6}
.cabinet.danger .play-console {border-top-color:#ff6b94}
.attempt-screen .action-button {
  min-height:0;height:64px;padding:8px 20px;border:2px solid #ffb0d0;border-bottom:6px solid #921541;border-radius:7px;background:linear-gradient(#ff83b2 0 35%,#ff4088 36% 80%,#ed3472 81%);box-shadow:0 3px 0 #370e31,0 0 0 3px #07081e,0 0 22px #fc438843,inset 0 1px #fff7;color:white;font-size:27px;font-weight:1000;letter-spacing:1px;text-shadow:2px 3px #921342,-1px -1px #921342;overflow:visible;
}
.attempt-screen .action-button:before,.attempt-screen .action-button:after {content:"";position:absolute;top:15px;width:10px;height:25px;background:#ffd962;z-index:-1}
.attempt-screen .action-button:before {left:-10px;clip-path:polygon(100% 0,100% 100%,0 50%)}
.attempt-screen .action-button:after {right:-10px;clip-path:polygon(0 0,100% 50%,0 100%)}
.attempt-screen .action-button:disabled {opacity:1;background:linear-gradient(#293a61,#1b2343);color:#93a6c8;border-color:#536a8b;border-bottom-color:#101631;box-shadow:0 3px #03071a;text-shadow:0 2px #090c21;font-size:20px}
.attempt-screen .action-button:disabled:before,.attempt-screen .action-button:disabled:after {background:#586a87}
.attempt-screen .action-button:focus-visible {outline:2px solid #c5f5ff;outline-offset:4px}
.attempt-screen .action-button.primary:active,.attempt-screen .action-button.pressed {transform:none;border-bottom-width:6px;filter:brightness(1.2);box-shadow:0 3px 0 #370e31,0 0 0 3px #07081e,0 0 26px #ff77b294}
.attempt-screen .attempt-hint {font-size:10px;line-height:16px;min-height:0;color:#879bc2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cabinet[data-phase="tap"] .action-button {border-color:#ffd0ec;border-bottom-color:#941754;box-shadow:0 3px #410d36,0 0 0 3px #07081e,0 0 27px #fc438875}
.cabinet[data-phase="done"] .action-button {font-size:21px}
@keyframes cut-in-arrive {0%{transform:translateX(-110%) skewY(-6deg);opacity:0}14%,77%{transform:translateX(0) skewY(-6deg);opacity:1}100%{transform:translateX(112%) skewY(-6deg);opacity:0}}
@keyframes arena-breathe {from{transform:scale(1);opacity:.24}to{transform:scale(1.05);opacity:.52}}
@keyframes score-punch {0%{opacity:0;transform:scale(1.5) rotate(-6deg)}18%,73%{opacity:1;transform:scale(1) rotate(-6deg)}100%{opacity:0;transform:translateY(-12px) scale(1.04) rotate(-6deg)}}
@keyframes decision-slam {0%{opacity:0;transform:scale(1.4) rotate(-5deg)}65%{opacity:1;transform:scale(.96) rotate(-2deg)}100%{opacity:1;transform:scale(1) rotate(-2deg)}}
@keyframes judge-light {from{opacity:.1;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes confetti-fall {0%{opacity:0;translate:0 -15px;rotate:0deg}10%{opacity:1}88%{opacity:1}100%{opacity:0;translate:var(--drift) 510px;rotate:var(--spin)}}
@media (max-height:740px) {
  .cabinet .attempt-screen {grid-template-rows:59px 28px minmax(0,1fr) 108px 57px 14px;gap:8px;padding:10px 12px max(9px,env(safe-area-inset-bottom))}
  .attempt-screen .match-hud {padding:3px 10px}
  .attempt-screen .match-hud strong {font-size:29px}
  .attempt-screen .form-total>strong {font-size:24px}
  .attempt-screen .phase-nav {height:28px}
  .attempt-screen .play-console {height:108px;padding:8px 12px 7px}
  .attempt-screen .play-label {margin-bottom:8px}
  .attempt-screen .action-button {height:57px;font-size:25px}
  .attempt-screen .attempt-hint {font-size:9px;line-height:14px}
  .attempt-screen .scene-message.success,.attempt-screen .scene-message.failed {padding-top:25px;font-size:46px}
  .cut-in-copy>span {margin-bottom:6px;font-size:9px}
  .cut-in-copy small {margin-top:7px;font-size:10px}
}
@media (max-height:610px) {
  .cabinet[data-screen="attempt"] {--header-h:36px}
  .cabinet .attempt-screen {grid-template-rows:51px 25px minmax(0,1fr) 100px 52px 12px;gap:6px;padding:7px 11px max(7px,env(safe-area-inset-bottom))}
  .attempt-screen .match-hud {grid-template-columns:1fr 65px 1fr;padding:3px 9px}
  .attempt-screen .match-hud strong {font-size:26px}
  .attempt-screen .match-hud .eyebrow {font-size:8px}
  .attempt-screen .form-total>strong {font-size:21px}
  .form-splits {margin-top:1px}
  .form-splits span {font-size:8px;padding:0 2px;min-width:19px}
  .attempt-screen .phase-nav {height:25px}
  .attempt-screen .phase-nav li {font-size:9px}
  .attempt-screen .arena canvas {object-fit:contain}
  .attempt-screen .arena-top {font-size:9px;min-height:23px;padding:6px 8px}
  .attempt-screen .arena-top small {display:none}
  .attempt-screen .arena-bottom {font-size:9px;min-height:28px;padding:0 6px 0 8px}
  .attempt-screen .pause-button {min-height:23px}
  .attempt-screen .play-console {height:100px;padding:6px 10px}
  .attempt-screen .play-label {margin-bottom:6px;height:19px}
  .attempt-screen .play-label h2 {font-size:14px}
  .attempt-screen .timing-track {height:19px}
  .attempt-screen .needle {height:28px}
  .attempt-screen .console-help {margin-top:5px;font-size:8px}
  .attempt-screen .tap-numbers strong {font-size:25px}
  .attempt-screen .action-button {height:52px;font-size:23px}
  .attempt-screen .attempt-hint {font-size:8px;line-height:12px}
  .cut-in {top:20%;height:59%;min-height:100px}
  .cut-in-copy strong {font-size:26px}
  .cut-in-copy small {font-size:9px;margin-top:6px}
  .cut-in-copy>span {font-size:8px;margin-bottom:5px}
  .attempt-screen .scene-message.success,.attempt-screen .scene-message.failed {padding-top:23px;font-size:39px}
  .attempt-screen .scene-message.success small,.attempt-screen .scene-message.failed small {font-size:10px;margin-top:7px;padding:5px 10px}
  .tension-call {top:30px;font-size:21px}
  .tap-impact {width:54%;height:62px;bottom:22px}
}
@media (prefers-reduced-motion:reduce) {
  .attempt-screen *,.attempt-screen *:before,.attempt-screen *:after {animation:none!important;transition:none!important}
  .cut-in.is-visible {transform:skewY(-6deg);opacity:1}
  .arena-energy,.impact-ring,.confetti {display:none}
}
.cabinet[data-paused="true"] .attempt-screen * {animation-play-state:paused!important}

/* Original C–SSS medals, prepared as small delivery images. */
.grade-art {display:block;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}
.grade-fallback {font-size:inherit;font-weight:900;color:#ffe298}
.cut-in-detail {display:flex;align-items:center;gap:9px;margin-top:10px}
.cut-in-copy .cut-in-detail small {margin:0;line-height:1.5}
#cutInGrade {flex-shrink:0}
#cutInGrade .grade-art {width:65px;height:65px;filter:drop-shadow(0 0 5px #7adfff88)}
.cut-in.power .cut-in-copy {top:10%}
.result-hero {display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:7px;align-items:center;padding:15px 12px;border:1px solid #395f80;background:radial-gradient(ellipse at 80% 45%,#2d518544,transparent 65%),linear-gradient(130deg,#142333,#0d1628);box-shadow:inset 0 0 0 2px #08131e;flex-shrink:0}
.result-hero .best-record {min-width:0;padding:8px 0;text-align:center}
.result-hero .best-record>strong {font-size:clamp(42px,12vw,55px);white-space:nowrap;letter-spacing:-2px}
.result-hero .best-record small {font-size:16px;margin-left:4px}
.result-hero .best-record>span:last-child {font-size:9px;letter-spacing:.9px}
.result-hero .overall-row {flex-direction:column-reverse;justify-content:center;gap:4px;padding:0;text-align:center}
.result-hero .overall-row>strong {line-height:1}
.result-hero .overall-row .grade-art {width:124px;height:124px;filter:drop-shadow(0 0 9px #66c1e82b)}
.result-hero .overall-row span {font-size:11px;color:#e9dcba}
.result-hero .overall-row small {font-size:8px;margin-top:3px}
.result-screen .result-row {grid-template-columns:45px minmax(0,1fr) 52px 65px;padding:7px 0}
.result-row .grade .grade-art {width:52px;height:52px}
@media(max-height:740px) {
  .cut-in-detail {margin-top:6px;gap:7px}
  #cutInGrade .grade-art {width:51px;height:51px}
  .result-hero {grid-template-columns:minmax(0,1fr) 113px;padding:10px}
  .result-hero .overall-row .grade-art {width:108px;height:108px}
  .result-screen .result-row {padding:4px 0}
}
@media(max-height:610px) {
  .cut-in-detail {margin-top:5px;gap:6px}
  #cutInGrade .grade-art {width:41px;height:41px}
  .cut-in-copy .cut-in-detail small {font-size:9px}
  .result-hero {grid-template-columns:minmax(0,1fr) 96px;gap:3px;padding:8px}
  .result-hero .overall-row .grade-art {width:91px;height:91px}
  .result-hero .best-record>strong {font-size:40px}
  .result-screen .result-row {grid-template-columns:42px minmax(0,1fr) 44px 62px;gap:6px}
  .result-row .grade .grade-art {width:44px;height:44px}
}