@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
@font-face{font-family:'Revizoo Inter';src:url('./assets/revizoo-inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:'DM Sans',sans-serif;color:#173c3d;background:#ade0e4;font-synthesis:none;--ink:#173c3d;--orange:#fb6138;--paper:#fffdf3;--yellow:#f9d653;--header-height:92px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.compact-label{display:none}
#scene{position:fixed;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(250,251,237,.98),rgba(250,251,237,.92) 27%,rgba(250,251,237,0) 57%)}
.topbar{position:fixed;z-index:5;inset:0 0 auto;height:calc(var(--header-height) + var(--safe-top));padding:calc(18px + var(--safe-top)) 42px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-logo{width:40px;height:40px;object-fit:contain;flex:none}.brand-wordmark{font-family:'Revizoo Inter',Inter,sans-serif;font-weight:700;font-size:24px;font-style:normal;letter-spacing:normal;line-height:1.6;background:linear-gradient(135deg,#0891b2,#22d3ee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#0891b2}.brand-divider{height:24px;width:1px;background:#173c3d44;margin:0 4px}.brand-game{font-size:13px;letter-spacing:3px;font-weight:700}.header-actions{display:flex;align-items:center;gap:12px;flex:none}.discipline{font-size:11px;letter-spacing:2px;font-weight:800;margin-right:18px}.icon-button{width:42px;height:42px;border:1px solid #173c3d33;border-radius:50%;background:#fffdf3ee;font-size:24px;color:var(--ink);position:relative;display:grid;place-items:center;flex:none}.sound-slash{position:absolute;font-size:24px}
/* The menu occupies its own area below the header, even on short desktops. */
.menu-panel{position:absolute;z-index:2;left:6.6vw;top:calc(var(--header-height) + var(--safe-top) + 18px);bottom:calc(65px + var(--safe-bottom));width:380px;max-width:44vw;display:flex;flex-direction:column;overflow-y:auto;padding:4px 8px 10px 4px;scrollbar-width:thin}.menu-content{margin-block:auto;flex:none}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;line-height:1.6}.small-star{color:var(--orange);font-size:18px;vertical-align:middle;margin-right:5px}h1{font-family:Outfit,sans-serif;font-size:clamp(55px,5.7vw,80px);font-weight:800;line-height:.98;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:16px;line-height:1.6;color:#53706b;margin:20px 0 24px}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-family:Outfit,sans-serif}.picker-heading h2{font:700 14px 'DM Sans',sans-serif;margin:0}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:#466c65;padding:6px 0;white-space:nowrap}.tables{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-top:12px}.table-button{border:1px solid #c5d2c1;background:#fffdf3b0;border-radius:10px;color:#5d7771;font-weight:800;font-size:15px;height:39px;padding:0;transition:.2s}.table-button[aria-pressed=true]{background:var(--ink);color:#fffdf3;border-color:var(--ink);box-shadow:0 3px 0 #a5c2ae}.table-button:hover{transform:translateY(-2px)}.selection-summary{font-size:12px;color:#688077;margin:12px 0 18px}.primary-button{background:var(--orange);color:#fffdf3;border:0;border-bottom:4px solid #cc4526;border-radius:14px;width:100%;min-width:0;padding:16px 21px;font-family:Outfit,sans-serif;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#ee532c}.primary-button span{font-size:25px;flex:none}.no-timer{font-size:12px;line-height:1.5;color:#54736b;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px}.no-timer span{font-size:17px}
.scene-label{position:absolute;right:6vw;top:26%;transform:rotate(3deg);z-index:1;color:var(--ink)}.scene-label>span:first-child{font-size:10px;letter-spacing:2px;font-weight:800}.scene-label strong{font-family:Outfit,sans-serif;display:block;font-size:28px;line-height:1.12;margin-top:12px;letter-spacing:-.6px}.label-line{display:block;width:40px;height:4px;background:var(--orange);margin-top:18px;border-radius:5px}.menu-help{position:absolute;bottom:84px;right:12%;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px;background:#173c3de8;padding:12px 20px;border-radius:50px;box-shadow:0 8px 20px #12382b22}.key{background:#ffffff20;border:1px solid #ffffff66;border-radius:5px;width:22px;height:23px;display:grid;place-items:center}.menu-help i{height:14px;width:1px;background:#ffffff55;margin:0 8px}.touch-symbol{font-size:24px}footer{position:absolute;bottom:calc(18px + var(--safe-bottom));left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;font-weight:700;letter-spacing:1.5px}.footer-signature{display:flex;align-items:center;gap:8px}.footer-signature .brand-wordmark{font-size:18px}
/* One compact row keeps all HUD cards out of the approach to the gates. */
.playing .vignette{background:linear-gradient(180deg,#f9fff522,transparent 35%,#123d4022)}.playing .discipline{display:none}.race-bar{position:absolute;top:calc(var(--header-height) + var(--safe-top));left:42px;right:42px;display:grid;grid-template-columns:minmax(120px,170px) minmax(230px,320px) minmax(120px,170px);justify-content:space-between;align-items:stretch;gap:16px;pointer-events:none}.progress-card,.score-card,.question-card{min-width:0;border:1px solid #ffffffbb;background:#fffdf3f2;border-radius:16px;box-shadow:0 5px 0 #2356520c;padding:12px 18px;display:flex;flex-direction:column;justify-content:center}.hud-label{font-size:10px;line-height:1.4;letter-spacing:1.2px;font-weight:800;display:block}.progress-card strong{display:block;font-family:Outfit,sans-serif;font-size:29px;margin:3px 0}.muted{color:#738f7c;font-size:17px}.progress-track{height:4px;background:#dce5d8;border-radius:5px;overflow:hidden}.progress-track>div{height:100%;background:var(--orange);width:0;transition:width .5s}.question-card{text-align:center;border-bottom:4px solid #d6e0cc;padding:8px 18px}.equation{font-family:Outfit,sans-serif;font-size:42px;font-weight:800;line-height:1.15;letter-spacing:.5px;margin-top:3px;white-space:nowrap}.equation span{color:#789582;font-weight:500}.score-card{text-align:center}.score-card strong{font-family:Outfit,sans-serif;font-size:31px;display:block;line-height:1.2;margin-top:3px}.score-star{color:#d19918}
/* Feedback replaces the help line inside the controls, never floats over the track. */
.control-dock{position:absolute;left:50%;bottom:calc(16px + var(--safe-bottom));transform:translateX(-50%);width:min(600px,calc(100% - 32px));display:grid;grid-template-areas:'answers' 'status' 'confirm';grid-template-rows:auto minmax(36px,auto) 40px;gap:7px;justify-items:center;pointer-events:none}.answer-controls{grid-area:answers;display:flex;justify-content:center;gap:18px;width:100%;pointer-events:auto}.answer-button{background:#fffdf3f5;color:var(--ink);border:2px solid #fff;border-bottom:5px solid #adc8b7;border-radius:17px;min-width:104px;padding:9px 24px;font-family:Outfit,sans-serif;font-size:30px;font-weight:800;transition:transform .15s,background .15s}.answer-button small{display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:1.2px;color:#627c69;margin-bottom:2px}.answer-button.selected{background:var(--yellow);border-color:var(--yellow);border-bottom-color:#ccad39;transform:translateY(-4px);box-shadow:0 0 0 3px #173c3d}.answer-button.failed{opacity:.4;text-decoration:line-through}.feedback,.running-help{grid-area:status;align-self:center;margin:0;width:100%;text-align:center;font-size:14px;line-height:1.4;pointer-events:none}.feedback{max-width:100%;min-width:0;padding:5px 12px;border-radius:14px;background:#173c3de8;color:#fffdf3;font-weight:700;opacity:0;visibility:hidden;transition:opacity .15s;overflow-wrap:anywhere}.feedback.show{opacity:1;visibility:visible}.feedback.good{background:#236647}.feedback.bad{background:#9b412f}.feedback.show~.running-help{visibility:hidden}.running-help{color:white;text-shadow:0 1px 4px #173c3d}kbd{font:inherit;padding:2px 5px;border:1px solid #ffffff88;border-radius:5px}.confirm{grid-area:confirm;pointer-events:auto;height:40px;max-width:100%;padding:9px 20px;border:0;background:#173c3d;color:#fffdf3;border-radius:30px;font-weight:600;font-size:14px}.confirm span{margin-left:10px}.confirm.hidden{display:block!important;visibility:hidden;pointer-events:none}.mobile-controls{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#153c3c65;backdrop-filter:blur(7px);padding:calc(16px + var(--safe-top)) max(16px,env(safe-area-inset-right,0px)) calc(16px + var(--safe-bottom)) max(16px,env(safe-area-inset-left,0px));overflow:auto}.modal{background:var(--paper);border-radius:26px;padding:clamp(20px,5vw,38px);width:440px;max-width:100%;min-width:0;flex:0 1 440px;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;box-shadow:0 20px 80px #143d3e44;text-align:center}.modal h2{font-size:clamp(28px,7.5vw,46px);line-height:1.1;letter-spacing:-1px;margin:18px 0}.modal p{font-size:14px;color:#61796e;line-height:1.6;margin:16px 0 22px}.modal .primary-button{font-size:clamp(16px,4.5vw,20px);padding:14px 16px}.secondary-button{border:0;background:none;color:#4b7066;font-weight:700;font-size:14px;padding:16px 4px 0;max-width:100%}.finish-medal{display:block;font-size:47px;color:#d49b16;background:#f9df71;width:74px;height:74px;border-radius:50%;margin:0 auto 20px;box-shadow:0 4px 0 #cda22c}.finish-stats{display:flex;justify-content:space-evenly;gap:14px;margin:18px 0 25px}.finish-stats strong{display:block;font:800 35px Outfit,sans-serif}.finish-stats span{font-size:12px;color:#688175}#review{font-size:14px;line-height:1.7;margin-bottom:20px;color:#4c6b62;max-height:110px;overflow:auto}#review b{display:block;color:var(--ink)}
@media(max-height:820px) and (min-width:701px){h1{font-size:54px;margin:12px 0}.intro{margin:12px 0 16px}.menu-help{bottom:64px}.no-timer{margin-top:10px}.primary-button{padding:12px 20px}.menu-panel{top:calc(var(--header-height) + var(--safe-top) + 8px)}}
@media(max-width:1000px){.menu-panel{left:5%;width:350px}.discipline{display:none}.scene-label{right:4%;top:24%}.menu-help{right:5%;font-size:11px;bottom:65px}.topbar{padding-inline:26px}.race-bar{left:26px;right:26px;grid-template-columns:minmax(105px,135px) minmax(230px,300px) minmax(105px,135px)}}
@media(max-width:700px){
 :root{--header-height:68px}.topbar{padding:calc(12px + var(--safe-top)) 16px 12px;gap:8px}.brand{gap:7px}.brand-logo{width:32px;height:32px}.brand-wordmark{font-size:21px}.brand-game{font-size:10px;letter-spacing:1.7px}.brand-divider{margin:0 1px;height:19px}.header-actions{gap:7px}.icon-button{width:36px;height:36px;font-size:21px}.vignette{background:linear-gradient(0deg,#fafbed 0%,#fafbed 41%,#fafbedcc 53%,transparent 74%)}
 .menu-panel{top:auto;bottom:calc(49px + var(--safe-bottom));left:18px;right:18px;width:auto;max-width:none;max-height:calc(100dvh - var(--header-height) - var(--safe-top) - var(--safe-bottom) - 61px);padding:4px}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:43px;line-height:1.02;letter-spacing:-1.9px;margin:12px 0 9px;max-width:340px}h1 br{display:none}.intro{font-size:14px;line-height:1.5;margin:10px 0 16px}.intro br{display:none}.picker-heading h2{font-size:13px}.tables{gap:5px;margin-top:9px}.table-button{height:37px;font-size:14px;border-radius:9px}.selection-summary{margin:10px 0 13px;font-size:12px}.primary-button{padding:12px 17px;font-size:18px;border-radius:12px}.no-timer{margin-top:10px;font-size:12px}.scene-label,.menu-help{display:none}footer{bottom:calc(12px + var(--safe-bottom));left:20px;right:20px;font-size:9px;letter-spacing:.5px}footer>span:first-child{max-width:45%}.footer-signature{gap:5px;font-size:8px}.footer-signature .brand-wordmark{font-size:15px}
 .race-bar{left:10px;right:10px;top:calc(var(--header-height) + var(--safe-top) + 2px);grid-template-columns:minmax(46px,.65fr) minmax(0,2.1fr) minmax(46px,.65fr);gap:6px}.progress-card,.score-card,.question-card{padding:8px 6px;border-radius:12px}.wide-label{display:none}.compact-label{display:inline}.hud-label{font-size:10px;letter-spacing:.5px;line-height:1.4}.progress-card strong{font-size:21px;margin:2px 0 4px;white-space:nowrap}.muted{font-size:12px}.progress-track{height:3px}.question-card{padding:8px 4px;border-bottom-width:3px}.question-card .hud-label{font-size:clamp(8px,2.35vw,10px);letter-spacing:.25px}.equation{font-size:clamp(22px,7.2vw,34px);letter-spacing:0;margin-top:4px}.score-card strong{font-size:24px;margin-top:4px}.score-star{font-size:18px}
 .control-dock{bottom:calc(10px + var(--safe-bottom));width:calc(100% - 28px);grid-template-areas:'answers' 'status' 'confirm' 'mobile';grid-template-rows:auto minmax(34px,auto) 40px 40px;gap:5px}.answer-controls{gap:12px;width:calc(100% - 12px)}.answer-button{min-width:0;flex:1;max-width:120px;padding:8px 10px;font-size:28px;border-radius:14px}.answer-button small{font-size:9px;letter-spacing:.5px}.feedback,.running-help{font-size:12px}.feedback{padding:5px 8px}.confirm{padding:9px 14px;font-size:13px}.mobile-controls{grid-area:mobile;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;pointer-events:none}.mobile-controls button{pointer-events:auto;border:1px solid #ffffff55;background:#173c3d88;border-radius:50%;width:40px;height:40px;color:white;font-size:24px}.mobile-controls span{font-size:9px;letter-spacing:.7px;text-align:center;padding-inline:8px}.modal{border-radius:20px}.modal h2{font-size:clamp(28px,8vw,38px)}
}
@media(max-height:700px) and (max-width:700px){h1{font-size:34px;max-width:100%;margin:8px 0}.intro{margin:5px 0 10px}.no-timer{margin-top:6px}.selection-summary{margin:7px 0 10px}.table-button{height:32px}.control-dock{gap:3px;grid-template-rows:auto minmax(30px,auto) 36px 36px}.confirm,.mobile-controls button{height:36px}.answer-button{font-size:24px;padding:5px 10px}.mobile-controls button{width:36px}.finish-medal{width:52px;height:52px;font-size:34px;margin-bottom:12px}}
@media(max-width:360px){.brand-logo{width:28px;height:28px}.brand-wordmark{font-size:19px}.brand-game{font-size:9px;letter-spacing:1px}.brand{gap:5px}.header-actions{gap:5px}.icon-button{width:32px;height:32px}.topbar{padding-inline:12px}.no-timer{font-size:11px}.equation{font-size:22px}.hud-label{font-size:9px}.progress-card strong{font-size:19px}.muted{font-size:11px}.footer-signature{max-width:50%;flex-wrap:wrap;justify-content:flex-end;gap:0 5px}}
@media(orientation:landscape) and (max-height:500px){:root{--header-height:54px}.topbar{padding:calc(8px + var(--safe-top)) 18px 8px}.brand-logo{width:30px;height:30px}.icon-button{width:34px;height:34px}.race-bar{top:calc(var(--header-height) + var(--safe-top));left:18px;right:18px}.question-card,.score-card,.progress-card{padding:5px 10px}.equation{font-size:28px}.progress-card strong,.score-card strong{font-size:23px}.control-dock{bottom:calc(6px + var(--safe-bottom));grid-template-rows:auto 24px 30px;grid-template-areas:'answers' 'status' 'confirm';gap:3px}.mobile-controls{display:none}.answer-button{padding:3px 16px;font-size:22px}.answer-button small{font-size:8px}.confirm{height:30px;padding:5px 14px;font-size:12px}.feedback,.running-help{font-size:11px}.modal{padding:20px}.menu-panel{top:calc(var(--header-height) + var(--safe-top) + 8px);bottom:40px;max-height:none}.scene-label,.menu-help{display:none}}
@media(prefers-reduced-motion:reduce){button,.feedback,#progress-fill{transition:none}}

/* Compact results: the app invitation stays beside replay in the first view. */
.finish-modal{width:460px;flex-basis:460px;display:flex;flex-direction:column;gap:16px;padding:26px;text-align:center}
.finish-results{min-width:0}.finish-results h2{font-size:30px;line-height:1.1;margin:10px 0}.finish-results>p{font-size:13px;line-height:1.4;margin:0}.finish-results .finish-stats{margin:16px 0 0;gap:8px}.finish-stats strong{font-size:30px}.finish-stats span{font-size:10px}
.app-invitation{min-width:0;border:1px solid #bfeaf0;border-radius:16px;background:linear-gradient(145deg,#ecfeff,#e3f6f0);padding:16px;text-align:left}.app-invitation h3{font-family:Outfit,sans-serif;font-size:21px;line-height:1.2;letter-spacing:-.4px;color:#0b4c5e;margin:0 0 7px}.app-invitation>p{font-size:12px;color:#436a70;line-height:1.5;margin:0}
.finish-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.finish-actions .primary-button{font-size:17px;padding:10px 14px;min-height:44px}.finish-actions .secondary-button{padding:10px 0;font-size:12px;min-height:44px}
.review-details{font-size:12px;color:#4c6b62;text-align:left}.review-details summary{cursor:pointer;padding:4px 0}.review-details #review{font-size:12px;margin:8px 0 0;max-height:none;overflow:visible}
@media(max-width:700px){.finish-modal{padding:20px;gap:14px}.finish-results h2{font-size:27px}.finish-results .finish-stats{margin-top:12px}.app-invitation{padding:14px}.app-invitation h3{font-size:20px}}
@media(max-height:650px){.finish-modal{padding:16px;gap:10px}.finish-results h2{font-size:25px;margin:7px 0}.finish-results .finish-stats{margin-top:10px}.finish-stats strong{font-size:26px}.app-invitation{padding:12px}.app-invitation h3{font-size:19px}.finish-results .eyebrow{font-size:9px}}

/* Keep the app invitation in the menu, clear of the race view. */
/* A compact branded invitation, secondary to the orange play button. */
.app-download-link{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin-top:18px;padding:12px 15px;border:1px solid #ffffff45;border-radius:16px;background:linear-gradient(115deg,#087e96,#0891b2);box-shadow:0 3px 0 #065e73,0 6px 14px #087e9617,inset 0 1px 0 #ffffff20;color:#fff;text-decoration:none;text-align:left;transition:transform .18s,box-shadow .18s}
.app-download-icon{display:grid;place-items:center;width:36px;height:40px;flex:none;border:1px solid #ffffff35;border-radius:10px;background:#ffffff17}.app-download-icon svg{width:24px;height:27px}
.app-download-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.app-download-copy strong{font-family:Outfit,'DM Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.25;letter-spacing:-.15px}.app-download-copy small{font-size:10px;line-height:1.5;color:#e0f7fa;font-weight:500}
.app-download-arrow{width:20px;height:20px;flex:none;margin-left:auto;opacity:.85;transition:transform .18s}
@media(hover:hover){.app-download-link:hover{transform:translateY(-2px);box-shadow:0 5px 0 #065e73,0 10px 18px #087e9626,inset 0 1px 0 #ffffff20}.app-download-link:hover .app-download-arrow{transform:translateX(3px)}}
.app-download-link:active{transform:translateY(2px);box-shadow:0 1px 0 #065e73}
@media(max-width:700px){.app-download-link{margin-top:14px;padding:10px 12px;min-height:60px;gap:10px}.app-download-copy strong{font-size:15px}}
@media(max-width:360px){.app-download-link{gap:8px}.app-download-copy strong{font-size:14px}.app-download-copy small{font-size:9px}.app-download-arrow{width:16px}}
@media(prefers-reduced-motion:reduce){.app-download-link,.app-download-arrow{transition:none}}
.invitation-brand,.footer-signature a{text-decoration:none}.brand:focus-visible,.invitation-brand:focus-visible,.footer-signature a:focus-visible,.app-download-link:focus-visible{outline:3px solid #0e7490;outline-offset:4px;border-radius:8px}

/* Allow vertical menu/dialog scrolling, without pinch or double-tap zoom.
   Apply to scroll containers too: touch-action stops at the scrolling ancestor. */
html,body,.menu-panel,.modal{touch-action:pan-y}
#scene,#scene canvas,#game-hud,.playing .topbar{touch-action:none}

/* Mode selection replaces the former static "no timer" hint. */
.race-settings{border:0;padding:0;margin:16px 0 0;min-width:0}.race-settings legend{font-size:11px;font-weight:700;color:#54736b;padding:0;margin-bottom:7px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#dce8df;border-radius:12px;padding:4px}.mode-options button{border:0;border-radius:9px;background:transparent;color:#54736b;min-height:38px;font-size:12px;font-weight:700;padding:6px}.mode-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 2px 4px #173c3d20}.pace-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.pace-options button{border:1px solid #cad9cd;background:#fffdf3b0;color:#54736b;border-radius:10px;padding:7px 3px;font-size:11px;font-weight:700;min-height:42px}.pace-options button span{display:block;font-size:10px;font-weight:500;margin-top:3px}.pace-options button[aria-pressed=true]{background:#fff1c2;border-color:#d6ae31;color:#68530a}.race-settings p{font-size:11px;color:#54736b;line-height:1.4;margin:7px 0 0;text-align:center}
.question-card{position:relative;overflow:hidden}.question-clock{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d7e6dc}.question-clock>div{height:100%;width:100%;background:#fb6138;transform-origin:left center}
.app-invitation .finish-download{margin-top:12px;min-height:46px;padding:11px 13px;border-radius:11px}.finish-download .app-download-copy strong{font-size:15px}
@media(max-width:700px){.race-settings{margin-top:12px}.mode-options button{min-height:36px}.app-invitation .finish-download{margin-top:10px}.menu-content h1{font-size:36px}}
@media(max-height:650px) and (max-width:700px){.race-settings{margin-top:10px}.menu-content h1{font-size:30px}.menu-content .intro{font-size:12px}.app-invitation .finish-download{min-height:44px;margin-top:9px}.finish-download .app-download-copy strong{font-size:14px}}