.healthrace-page{max-width:760px;margin:20px auto;text-align:center}.healthrace-page h1 sup{font-size:.45em;vertical-align:super}.healthrace-stats{display:flex;justify-content:space-between;max-width:380px;margin:24px auto;gap:24px}.healthrace-stats>div{width:100px;height:100px;border:1px solid #444;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px}.healthrace-stats strong{background:#666;color:white;min-width:65px;border-radius:5px;font-size:18px}.healthrace-wheel{position:relative;max-width:447px;margin:0 auto 20px}.healthrace-wheel canvas{display:block;width:100%;height:auto}.race-pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:28px;color:#000;z-index:1}.healthrace-page #race-spin{min-width:225px}.race-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:20px 0}.healthrace-page .muted{font-size:13px}.healthrace-page dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #ccc;border-radius:10px;padding:24px;text-align:left}.healthrace-page dialog::backdrop{background:#133b3555}.healthrace-page dialog h3{font:600 17px Arial;margin-top:20px}.healthrace-page dialog p{white-space:pre-line;font-size:15px}.healthrace-page dialog label{display:block;margin:16px 0}.healthrace-page dialog select{margin-top:8px}.healthrace-page #race-feedback{padding-top:12px}#race-status{min-height:26px}.healthrace-page button:disabled{opacity:.5;cursor:wait}

.healthrace-page .race-introduction,.healthrace-page .race-explanation{font-size:16px}.healthrace-page .race-introduction{margin-bottom:5px}

.healthrace-page h1{font-size:25px}

#race-finished .race-back{display:block;text-align:right;text-decoration:none;margin-top:16px}

.race-finished-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}#race-finished .race-finished-actions .race-back{margin-top:0;white-space:nowrap}

.race-title{display:flex;align-items:flex-start;justify-content:center;gap:5px}.healthrace-page .race-info-button{background:transparent!important;color:#008080!important;border:0;padding:0 2px!important;font-size:16px!important;line-height:1.2;cursor:pointer}.healthrace-page #race-info{position:relative}.healthrace-page .race-info-close{float:right;background:transparent!important;color:#008080!important;border:0;padding:0 4px!important}.healthrace-page #race-info-title{text-align:center;font-size:23px;margin:12px 24px}.healthrace-page #race-info-title sup{font-size:.5em;vertical-align:super}.healthrace-page #race-info .race-registration{text-align:center;font-size:15px}.race-info-section{border:1px solid #eee;border-radius:5px;padding:12px}.race-info-section p:last-child{margin-bottom:0}.race-info-section ul{margin:0;padding-left:20px;font-size:15px}.race-info-section li+li{margin-top:8px}

.healthrace-page .race-info-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-9px;margin-left:5px;padding:6px!important;border:1px solid #e2c47b;border-radius:50%;background:#fffaf0!important;box-shadow:0 3px 9px #18463b35;transition:transform .15s ease,box-shadow .15s ease}.healthrace-page .race-info-button:hover{transform:translateY(-2px) scale(1.07);box-shadow:0 5px 13px #18463b45}.healthrace-page .race-info-button:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.healthrace-page .race-info-button{transition:none}.healthrace-page .race-info-button:hover{transform:none}}

.healthrace-page .race-info-button{background:transparent!important;border:0;border-radius:0;box-shadow:none}.healthrace-page .race-info-button:hover{background:transparent!important;box-shadow:none}

.healthrace-page #race-reset{padding-left:18px;padding-right:18px}

.healthrace-page .race-info-button{border:1px solid #ccc;border-radius:50%}

.healthrace-stats{max-width:540px;align-items:center;gap:12px}.healthrace-stats>div{flex:0 0 100px}.healthrace-stats #race-reset{flex:0 1 auto}@media(max-width:480px){.healthrace-stats{gap:8px}.healthrace-stats>div{flex-basis:80px;width:80px;height:80px}.healthrace-stats #race-reset{padding-left:8px;padding-right:8px}}

.healthrace-page #race-reset,.healthrace-page #race-reset:hover{border:1px solid #008080;background:#fff;color:#008080}

.healthrace-page .race-negative-points{color:#d32f2f}
