.powers{position:absolute;left:5%;bottom:65px;width:185px;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.power-card{position:relative;display:grid;grid-template-columns:30px 1fr 34px;gap:8px;align-items:center;background:#251735bf;border:1px solid color-mix(in srgb,var(--power-color) 55%,transparent);border-radius:10px;padding:9px 10px 13px;backdrop-filter:blur(8px);box-shadow:0 4px 18px #160d2630;overflow:hidden}
.power-symbol{display:grid;place-items:center;width:28px;height:28px;background:#ffffff0a;border-radius:8px;color:var(--power-color);font-size:22px;font-weight:800}
.power-name{font-size:10px;letter-spacing:.3px;color:#f8eafd;font-weight:650}
.power-time{text-align:right;font-size:12px;font-weight:800;color:var(--power-color);font-variant-numeric:tabular-nums}
.power-track{position:absolute;left:10px;right:10px;bottom:5px;height:3px;background:#ffffff16;border-radius:5px;overflow:hidden}
.power-fill{display:block;height:100%;background:var(--power-color);border-radius:5px;transition:width .12s linear}
.scorebar{position:absolute;top:180px;left:5%;display:flex;align-items:center;gap:9px;color:#f2d3f0;font-variant-numeric:tabular-nums}
.scorebar small{font-size:8px;letter-spacing:2px}.scorebar strong{font-size:15px;color:#fff2d4}.scorebar>span{font-size:10px;font-weight:850;background:#6d477a99;border-radius:6px;padding:4px 6px}
.result{gap:25px}.result strong{font-size:27px}
@media(max-width:800px){.powers{left:6%;bottom:max(113px,calc(env(safe-area-inset-bottom) + 95px));width:150px;gap:5px}.power-card{grid-template-columns:22px 1fr 27px;gap:5px;padding:6px 7px 11px;border-radius:8px}.power-symbol{width:22px;height:22px;font-size:18px}.power-name{font-size:8px}.power-time{font-size:10px}.power-track{left:7px;right:7px;bottom:4px;height:2px}.scorebar{top:148px;left:7%;gap:7px}.scorebar small{font-size:7px}.scorebar strong{font-size:13px}.result{gap:18px}.result strong{font-size:23px}.game-hint{bottom:105px}}
@media(max-height:560px) and (min-width:650px){.powers{left:4%;bottom:39px;width:155px;gap:3px}.power-card{padding:4px 7px 8px;grid-template-columns:20px 1fr 28px}.power-symbol{width:20px;height:20px;font-size:16px}.power-name{font-size:8px}.power-time{font-size:10px}.scorebar{top:143px}}