.duel-rail{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:max(14px,env(safe-area-inset-top)) 7px max(10px,env(safe-area-inset-bottom));background:#191725;color:#f5f0e8;border-right:1px solid #ffffff16;font-family:Nunito,Trebuchet MS,sans-serif}.duel-level{display:flex;flex-direction:column;align-items:center;gap:2px}.duel-level span,.duel-label{font-size:9px;letter-spacing:1.3px;font-weight:800}.duel-level span{color:#b7adbf}.duel-level strong{font-size:25px;font-weight:900;line-height:1.1}.duel-scores{display:flex;flex-direction:column;align-items:center;width:100%;gap:7px;margin-top:auto}.duel-score{width:100%;box-sizing:border-box;padding:10px 2px;display:flex;align-items:center;flex-direction:column;border:1px solid transparent;border-radius:12px;transition:background .16s,border-color .16s}.duel-score.is-turn{background:#b8e7b014;border-color:#b8e7b05c}.duel-score strong{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.duel-label{color:#c9ebbf}.duel-rival .duel-label{color:var(--rival-color)}.duel-rival.is-turn{background:#ffffff0b;border-color:var(--rival-color)}.duel-score-unit,.duel-versus{font-size:10px;color:#b7adbf}.duel-versus{letter-spacing:2px;font-size:9px}.duel-reserve{text-align:center;width:100%;margin-top:auto}.duel-reserve strong{font-size:18px;font-variant-numeric:tabular-nums}.duel-reserve small{color:#b7adbf;font-size:11px;font-weight:400}.duel-reserve>span{font-size:10px;color:#d0c8d6}.duel-meter{height:4px;overflow:hidden;border-radius:4px;background:#ffffff1a;margin:6px 4px 3px}.duel-meter i{display:block;height:100%;transform-origin:left;transition:transform .22s ease-out}.duel-turn{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap}.duel-turn i{width:5px;height:5px;border-radius:50%;flex-shrink:0}.your-turn{background:#b8e7b0}.rival-turn{background:var(--rival-color)}.duel-shield{display:flex;align-items:center;gap:3px;font-size:10px;color:#afdcef}.duel-back{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#ffffff09;color:#e3dbe9;border:1px solid #ffffff20;border-radius:50%;cursor:pointer}.duel-back:hover{background:#ffffff20}.duel-back:focus-visible,.duel-pause:focus-visible{outline:3px solid #f2d184;outline-offset:3px}.duel-pause{min-width:44px;min-height:44px;display:flex;align-items:center;gap:8px;justify-content:center;color:#f5f0e8;font:700 12px Nunito,Trebuchet MS,sans-serif;background:#211d30;border:1px solid #ffffff30;padding:0 14px;border-radius:24px;cursor:pointer}@media (max-height: 500px){.duel-rail{gap:8px;padding-top:8px;padding-bottom:6px}.duel-score{padding:5px 2px}.duel-score strong{font-size:19px}.duel-scores{gap:3px}.duel-score-unit{display:none}.duel-level strong{font-size:20px}}@media (prefers-reduced-motion: reduce){.duel-score,.duel-meter i{transition:none}}.duel-frame{container-type:size;container-name:duel-frame}@container duel-frame (max-height: 500px){.duel-rail{gap:8px;padding-top:8px;padding-bottom:6px}.duel-score{padding:5px 2px}.duel-score strong{font-size:19px}.duel-scores{gap:3px}.duel-score-unit{display:none}.duel-level strong{font-size:20px}}