@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101617;--surface:#1a2425;--line:#344142;--text:#f3f7ed;--muted:#afbbb9;--lime:#dcff57;--cyan:#82e0e9;--red:#ff8a83;--heading:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif;font-family:var(--body);font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app{max-width:1680px;margin:0 auto;padding:0 42px}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;font-family:var(--heading);font-size:29px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.brand>span:not(.brand-mark){color:var(--lime)}.brand small{font-family:var(--body);font-size:12px;font-weight:500;letter-spacing:.1em;margin-left:26px;border-left:1px solid var(--line);padding-left:26px;color:var(--muted)}.brand-mark{font-family:Arial,sans-serif;position:relative;font-size:31px;margin-right:10px;letter-spacing:-13px;width:40px;color:var(--lime)}.brand-mark span{position:relative;top:0;left:3px}.header-actions{display:flex;gap:25px;align-items:center}.seed-count{font-size:14px;color:var(--muted)}.icon-button{height:39px;width:39px;border:1px solid var(--line);background:transparent;border-radius:50%;display:grid;place-items:center}.icon-button:disabled{opacity:.3}.icon-button:not(:disabled):hover{border-color:var(--lime);color:var(--lime)}.race-hud{display:flex;gap:30px;align-items:center;padding:20px 0 23px}.eyebrow{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--muted);display:block;margin-bottom:6px}.race-hud strong{font-family:var(--heading);font-weight:600;font-size:38px;line-height:1}.race-hud .muted{font-size:14px;color:var(--muted)}.round-stat{min-width:80px}.round-track{display:flex;gap:7px;align-items:center;flex:1;max-width:440px}.round-dot{height:5px;flex:1;min-width:10px;background:#344243;transform:skewX(-25deg)}.round-dot.current{background:var(--text)}.round-dot.correct{background:var(--lime)}.round-dot.wrong{background:var(--red)}.score-stat{margin-left:auto;min-width:115px}.score-stat strong{color:var(--lime)}.speed-stat{padding-left:25px;border-left:1px solid var(--line);min-width:170px}.speed-stat>div{display:flex;align-items:baseline;gap:7px}.speed-bars{display:flex;align-items:end;gap:3px;margin-left:10px}.speed-bars i{width:5px;height:10px;transform:skewX(-14deg);background:#3a4847}.speed-bars i:nth-child(2){height:14px}.speed-bars i:nth-child(3){height:18px}.speed-bars i:nth-child(4){height:22px}.speed-bars i:nth-child(5){height:26px}.speed-bars i.active{background:var(--lime)}.race-stage{height:clamp(580px,70vh,780px);min-width:0;position:relative;isolation:isolate;background:#0d2225;overflow:hidden;border:1px solid #3b4c4a;border-radius:6px}#track-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:-3}.stage-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0714189e 0%,transparent 25%,transparent 70%,#07100d99 100%);pointer-events:none}.race-instruction{text-align:center;position:absolute;top:22px;left:20%;right:20%;z-index:2;pointer-events:none}.race-instruction .eyebrow{color:var(--lime);margin-bottom:5px}.race-instruction h1{font-family:var(--heading);font-size:30px;line-height:1.1;margin:0 0 5px;font-weight:600}.race-instruction>span:last-child{font-size:14px;color:#bacdcb}.email-options{display:flex;justify-content:space-between;position:absolute;top:120px;left:24px;right:24px;align-items:start;pointer-events:none;gap:clamp(28px,23vw,400px)}.email-card{display:flex;flex-direction:column;text-align:left;width:calc((100% - 23vw)/2);max-width:354px;min-width:240px;border:1px solid #627975;background:#142325f5;border-radius:5px;overflow:hidden;padding:0;pointer-events:auto;box-shadow:0 8px 32px #02151933;transition:border-color .15s,transform .15s,background .15s}.email-card:hover:not(:disabled){border-color:var(--lime);transform:translateY(-4px);background:#203337}.email-card:disabled{opacity:.8}.email-card.selected{border-color:var(--lime);box-shadow:0 0 0 2px var(--lime);opacity:1}.email-card-top{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.12em;background:#213638;padding:12px 17px;border-bottom:1px solid #4c615f}.direction-icon{font:24px Arial;line-height:1;color:var(--lime)}.email-card-top kbd{margin-left:auto;background:#162427;color:#c4d5d2;border-color:#55706d}.mail-content{display:flex;flex-direction:column;padding:17px;gap:13px}.sender-block{display:flex;gap:10px;align-items:flex-start;min-width:0}.mail-avatar{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;font-size:13px;font-weight:700;background:#355559;color:#dcf0eb}.sender-details{display:flex;flex-direction:column;min-width:0;gap:3px}.sender-name{font-size:14px;font-weight:600}.sender-address{font-size:12px;line-height:1.45;color:#bacdca;overflow-wrap:anywhere}.email-subject{font-weight:700;font-size:18px;line-height:1.25}.email-body{color:#e0e9e5;font-size:16px;line-height:1.45;white-space:pre-line}.email-link{font-family:var(--body);font-size:13px;color:#a9e0e8;overflow-wrap:anywhere;line-height:1.4;border-top:1px solid #344c4b;padding-top:10px}.email-link .link-caption{display:block;font-size:12px;color:#b6c6c1;margin-bottom:3px;letter-spacing:.05em}.email-card-bottom{display:flex;justify-content:space-between;align-items:center;padding:11px 17px;border-top:1px solid #415a56;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--lime);margin-top:auto}.email-card-bottom>span{font-size:22px;line-height:1}.start-screen{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#09141699,#09141608 85%)}.start-content{width:450px;max-width:92%;text-align:center;margin-top:-90px}.race-tag{font-size:13px;font-weight:600;letter-spacing:.2em;color:#d2e2da}.tiny-flag{font-size:20px;vertical-align:-1px;color:var(--lime);margin-right:6px}.start-content h1{font-family:var(--heading);font-size:104px;line-height:.86;letter-spacing:-.015em;font-style:italic;font-weight:800;margin:27px 0 23px;text-shadow:0 3px 30px #031515}.start-content h1 span{display:block;color:var(--lime)}.start-content p{font-size:19px;line-height:1.45;margin:0 auto 20px;color:#deebe5}.scoring-rule{display:flex;gap:24px;justify-content:center;font-size:14px;margin:20px 0 24px}.scoring-rule b{font-family:var(--heading);font-size:24px;margin-right:3px}.positive{color:var(--lime)}.negative{color:var(--red)}.primary-button{min-height:54px;width:100%;padding:16px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--lime);color:#19211a;border:1px solid var(--lime);border-radius:3px;font-size:14px;font-weight:800;letter-spacing:.07em;transition:background .2s,transform .2s}.primary-button:hover{background:#e8ff8a;transform:translateY(-1px)}.primary-button>span{font-size:23px;line-height:.8}.start-content .primary-button{max-width:320px;margin:auto}.start-note{font-size:13px;color:#c1d0c9;margin-top:12px}.keyboard-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:#d2dfd6;margin-top:24px}.keyboard-hint span{margin-left:3px}kbd{font-family:var(--body);display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 4px;background:#26392c;border:1px solid #627661;border-bottom-width:2px;border-radius:4px;font-size:13px}.drive-controls{position:absolute;left:24px;right:24px;bottom:25px;display:flex;gap:24px;justify-content:center;align-items:center}.steer-button{min-width:160px;display:flex;align-items:center;justify-content:center;gap:14px;background:#152628eb;border:1px solid #8a9b85;padding:13px 22px;border-radius:3px;font-weight:700;letter-spacing:.1em;font-size:14px}.steer-button span{font-size:28px;color:var(--lime);line-height:1}.steer-button:not(:disabled):hover{background:var(--lime);color:#15251b;border-color:var(--lime)}.steer-button:not(:disabled):hover span{color:#15251b}.steer-button:disabled{opacity:.5}.junction-indicator{width:190px;max-width:35vw;text-align:center}.junction-indicator>span{font-size:12px;letter-spacing:.13em;color:#e0ebdf}.junction-progress{height:4px;width:100%;background:#78947561;overflow:hidden;margin:9px 0 6px}.junction-progress i{display:block;height:100%;width:0;background:var(--lime)}.junction-indicator small{font-size:12px;color:#c5d8c4}.track-label{position:absolute;bottom:14px;left:18px;font-size:12px;letter-spacing:.1em;color:#c1d9c078}.track-label span{padding:0 6px}.race-stage.playing .track-label{display:none}.turn-feedback{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--lime);font-weight:700;background:#0e2224e8;border:1px solid #708351;padding:20px 30px;min-width:200px;z-index:5;border-radius:4px;pointer-events:none;box-shadow:0 5px 80px #122624}.turn-feedback strong{font:800 66px/.95 var(--heading);display:block}.turn-feedback span{font-size:14px;display:block;line-height:1.5;margin-top:8px}.turn-feedback.wrong{color:var(--red);border-color:var(--red)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 22px;font-size:12px;color:#adbbb3}footer>span:first-child{letter-spacing:.1em}.game-dialog{width:min(530px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #697b6a;border-radius:7px;background:#162123;color:var(--text);box-shadow:0 30px 120px #0009;overscroll-behavior:contain}.game-dialog::backdrop{background:#081414d9;backdrop-filter:blur(7px)}.dialog-content{padding:34px}.dialog-kicker{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;letter-spacing:.12em;align-items:center}.dialog-kicker b{font-family:var(--heading);font-size:22px;white-space:nowrap}.game-dialog h2{font:700 54px/.95 var(--heading);margin:22px 0 20px}.game-dialog p{font-size:16px;line-height:1.5;color:#cfdbd4}.red-flag{background:#ff8a830c;border-left:3px solid var(--red);padding:17px;margin:22px 0}.red-flag .eyebrow{color:var(--red)}.red-flag mark{display:block;background:transparent;color:#ffb5ae;font-weight:700;font-size:16px;overflow-wrap:anywhere;margin:12px 0 8px}.red-flag p{margin:0}.safe-route{margin:0 0 24px}.safe-route .eyebrow{color:var(--lime)}.safe-route strong{font-size:16px}.safe-route p{margin:8px 0;font-size:14px}.game-dialog .dialog-note{font-size:12px;color:var(--muted);text-align:center;margin:14px 0 0;line-height:1.5}.pause-dialog{max-width:390px}.pause-dialog p{margin:20px 0 28px}.result-score{display:flex;flex-direction:column;margin:20px 0 23px}.result-score strong{font:800 94px/.9 var(--heading);color:var(--lime)}.result-score>span{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-top:10px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #435345;border-bottom:1px solid #435345;padding:18px 0;margin-bottom:20px}.result-stats>div{display:flex;flex-direction:column;gap:5px;border-right:1px solid #435345;text-align:center}.result-stats>div:last-child{border:0}.result-stats strong{font:600 32px/1 var(--heading)}.result-stats span{font-size:12px;color:var(--muted)}details{margin:20px 0 25px}summary{font-size:14px;cursor:pointer;display:flex;justify-content:space-between;color:#dde8dc;gap:15px}#race-review{padding-left:20px;max-height:280px;overflow:auto;font-size:14px}#race-review li{padding:12px 0;border-bottom:1px solid #34473a;line-height:1.4}#race-review li>strong{display:block;margin-bottom:5px}#race-review p{font-size:14px;line-height:1.4;margin:6px 0}#race-review .review-score{font-weight:700;margin-right:6px}.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}
@media(min-width:1500px){.email-options{left:36px;right:36px;top:126px}.email-card{max-width:370px}.mail-content{padding:20px;gap:16px}.email-body{font-size:17px}.start-content{margin-top:-70px}}
@media(max-width:1100px){.app{padding:0 24px}.brand small{display:none}.race-stage{min-height:610px}.email-options{gap:24%;left:18px;right:18px}.email-card{min-width:215px;width:38%}.mail-content{padding:14px;gap:11px}.email-card-top,.email-card-bottom{padding:11px 14px}.email-subject{font-size:17px}.race-hud{gap:20px}.round-track{gap:5px}.speed-bars{display:none}.speed-stat{min-width:135px}.race-instruction{left:10%;right:10%}.email-body{font-size:16px}}
@media(max-width:760px){.app{padding:0 14px}.site-header{height:66px}.brand{font-size:26px}.seed-count{display:none}.header-actions{gap:12px}.race-hud{padding:16px 0;gap:16px;position:relative;align-items:flex-start}.race-hud strong{font-size:31px}.race-hud .muted{font-size:12px}.eyebrow{font-size:12px}.round-track{position:absolute;left:0;right:0;bottom:7px;width:100%;max-width:none;gap:5px}.round-dot{height:3px}.round-stat{min-width:75px}.score-stat{min-width:85px}.speed-stat{padding-left:15px;min-width:116px}.race-stage{height:690px;min-height:690px;margin-top:5px}.race-instruction{top:20px;left:12px;right:12px}.race-instruction h1{font-size:28px}.race-instruction>span:last-child{font-size:13px}.email-options{top:112px;left:12px;right:12px;gap:12px;align-items:stretch}.email-card{width:calc(50% - 6px);min-width:0;max-width:none}.mail-content{padding:12px;gap:12px}.email-card-top{padding:11px 12px;font-size:12px;gap:5px;letter-spacing:.06em}.email-card-top kbd{display:none}.direction-icon{font-size:22px}.sender-block{gap:7px}.mail-avatar{display:none}.sender-name{font-size:13px}.sender-address{font-size:12px}.email-subject{font-size:17px}.email-body{font-size:16px;line-height:1.4}.email-link{font-size:12px}.email-card-bottom{padding:10px 12px;font-size:12px;letter-spacing:.03em}.email-card-bottom>span{font-size:19px}.drive-controls{left:12px;right:12px;bottom:17px;gap:12px}.steer-button{min-width:0;width:95px;padding:13px 10px;font-size:12px;gap:6px;letter-spacing:.04em}.steer-button>span{font-size:23px}.junction-indicator{flex:1;max-width:none}.junction-indicator>span{font-size:11px;letter-spacing:.05em}.junction-indicator small{font-size:11px}.junction-progress{margin:7px 0 5px}.turn-feedback{top:73%;padding:14px 22px;min-width:180px}.turn-feedback strong{font-size:54px}.start-content{margin-top:-65px}.start-content h1{font-size:97px}.start-content p{font-size:18px}.start-content .primary-button{max-width:285px}.scoring-rule{gap:20px}.start-note{font-size:12px}.keyboard-hint{font-size:12px;margin-top:20px}footer{padding:15px 0;flex-direction:column;gap:7px;font-size:11px;text-align:center}footer>span:first-child{letter-spacing:.04em}.dialog-content{padding:25px}.game-dialog h2{font-size:49px}.dialog-kicker{font-size:11px;letter-spacing:.07em}.game-dialog p{font-size:15px}.red-flag{padding:14px}.red-flag mark{font-size:15px}.primary-button{font-size:13px}.result-score strong{font-size:85px}}
@media(max-width:375px){.app{padding:0 9px}.email-options{left:8px;right:8px;gap:8px}.email-card{width:calc(50% - 4px)}.mail-content{padding:10px}.race-stage{height:735px}.start-content h1{font-size:88px}.email-card-top{padding:11px 10px}.speed-stat{min-width:111px;padding-left:10px}.race-hud{gap:10px}.email-body{font-size:16px}}
.start-content{margin-top:-35px}
.header-actions{gap:14px}.account-button{border:0;background:transparent;color:#d4e4df;font-size:14px;padding:9px 5px;text-decoration:none;white-space:nowrap}.account-button:hover{color:var(--lime)}.account-button:disabled{opacity:.4}.account-email{color:#b7cec3;font-size:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-dialog .dialog-content{position:relative}.dialog-close{position:absolute;right:17px;top:12px;background:transparent;border:0;font-size:28px;line-height:1;padding:5px;color:#bacec7}.game-dialog form label{display:block;font-size:14px;font-weight:600;margin:20px 0 9px}.game-dialog input{display:block;width:100%;border:1px solid #69827b;background:#0f191b;border-radius:4px;color:#f3f7ed;font:16px var(--body);padding:14px;margin:0 0 18px;min-height:48px}.game-dialog input:focus{outline:2px solid var(--lime);outline-offset:2px}.game-dialog .otp-input{font-size:29px;letter-spacing:.35em;text-align:center}.game-dialog .privacy-note{font-size:12px;color:#a8beb6;margin-top:20px;line-height:1.6}.game-dialog .form-message{font-size:14px;color:#d8e8b4;overflow-wrap:anywhere}.auth-secondary{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.history-table-wrap{overflow:auto}.history-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.history-table th,.history-table td{padding:13px 9px;border-bottom:1px solid #40564f;vertical-align:top}.history-table th{color:#b9cdbf;font-size:12px}.primary-button:disabled{opacity:.55;cursor:wait}.email-card{background:#fff;color:#242424;border-color:#c7d3dd;border-radius:4px;box-shadow:0 6px 25px #02151938;font-family:'Segoe UI',Arial,sans-serif}.email-card:hover:not(:disabled){background:#fff;border-color:#0078d4;box-shadow:0 8px 30px #02151955}.email-card:disabled{opacity:1}.email-card.selected{border-color:#0078d4;box-shadow:0 0 0 3px #51aaff}.email-card-top{background:#f0f6fb;color:#005a9e;border-bottom:1px solid #c6ddec;letter-spacing:.04em}.email-card-top .direction-icon{color:#0078d4}.email-card-top kbd{background:white;color:#345168;border-color:#b8cbd9}.mail-content{padding:17px;gap:12px}.outlook-subject{font:600 20px/1.3 'Segoe UI',Arial,sans-serif;color:#242424;overflow-wrap:anywhere}.outlook-toolbar{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e7ebef;padding-bottom:12px;color:#536574;font-size:12px}.outlook-toolbar>span:last-child{margin-left:auto}.mail-avatar{background:#e2effa;color:#0062a8;width:35px;flex-basis:35px;height:35px}.sender-name{color:#242424;font-weight:600;font-size:14px}.sender-address{color:#556675;font-size:12px}.recipient-line{color:#667581;font-size:12px;margin-top:2px}.mail-timestamp{font-size:12px;color:#6b7780;padding-left:45px;margin-top:-4px}.email-body{font:16px/1.5 'Segoe UI',Arial,sans-serif;color:#242424;margin:5px 0 9px}.email-link{color:#0067b8;border-top-color:#e3e9ee;font-family:'Segoe UI',Arial,sans-serif}.email-link .link-caption{color:#687985}.email-card-bottom{background:#f6f8fa;border-top:1px solid #dbe2e8;color:#005a9e;letter-spacing:.05em}.email-card-bottom>span{color:#0078d4}.email-card:hover:not(:disabled) .email-card-bottom{background:#e7f2fb}
@media(max-width:1100px){.brand small{display:none}.account-email{display:none}.header-actions{gap:10px}.outlook-toolbar{gap:7px}.mail-content{padding:14px}}
@media(max-width:760px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 0;gap:7px}.header-actions{gap:7px;margin-left:auto}.account-button{font-size:12px;padding:8px 3px}.brand{font-size:24px}.outlook-subject{font-size:18px}.outlook-toolbar{gap:8px;font-size:12px}.outlook-toolbar>span:nth-child(2){display:none}.mail-content{padding:12px}.sender-name{font-size:13px}.mail-timestamp{padding-left:0}.mail-avatar{display:none}.email-body{font-size:16px;line-height:1.45}.game-dialog .privacy-note{font-size:12px}}
@media(max-width:760px){.start-content{margin-top:-55px}.junction-indicator>span,.junction-indicator small,footer,.dialog-kicker{font-size:12px}.game-dialog p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}