.boat-race-mode{position:absolute;z-index:4;left:12px;top:12px;max-width:calc(100% - 112px);padding:9px 12px;border:1px solid #8ad6df66;border-radius:999px;background:#062d3ddd;color:#d5ff5f;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.boat-message[data-kind="perfect"]{background:#d5ff5f;color:#092638}
.boat-message[data-kind="danger"]{background:#a83b35}
.boat-message[data-kind="boost"]{background:#087f91}
.boat-difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(480px,100%);margin:9px 0 12px}.boat-difficulty button{min-width:0;min-height:54px;margin:0;padding:8px 10px;border:1px solid #75aeb9;border-radius:12px;background:#062d3dcc;color:#d1e5e8;font-size:12px}.boat-difficulty button.active{border-color:#d5ff5f;background:#d5ff5f;color:#092638;box-shadow:0 0 0 2px #d5ff5f33}.boat-difficulty b,.boat-difficulty small{display:block}.boat-difficulty small{margin-top:3px;font-size:8px;letter-spacing:.3px;text-transform:uppercase;opacity:.75}
@media(max-width:420px){.boat-race-mode{font-size:8px;padding:8px 9px}.boat-message{top:62px;max-width:82%;white-space:nowrap}}