.f47{--navy:#061a42;--blue:#1677dd;--gold:#e8b936;--red:#e12436;width:min(1120px,100%);margin:0 auto;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;user-select:none;-webkit-tap-highlight-color:transparent}.f47 *{box-sizing:border-box}.f47-shell{position:relative;overflow:hidden;aspect-ratio:16/10;border:5px solid #08285b;border-radius:24px;background:#03101f;box-shadow:0 24px 70px rgba(2,20,55,.38),inset 0 0 0 2px var(--gold)}.f47-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:ew-resize}.f47-topbar{position:absolute;z-index:4;top:13px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.f47-brand{padding:8px 15px;border:2px solid rgba(238,193,60,.88);border-radius:10px;background:rgba(2,10,24,.82);box-shadow:0 0 25px rgba(239,190,52,.2)}.f47-brand b{display:block;font:1000 clamp(15px,2.2vw,29px)/1 Impact,Arial Black,sans-serif;letter-spacing:1px}.f47-brand em{color:#f5c63c;font-style:normal}.f47-brand span{display:block;margin-top:4px;color:#69c8ff;font-size:clamp(7px,.9vw,11px);font-weight:900;letter-spacing:1.6px}.f47-sound{pointer-events:auto;width:46px;height:46px;border:2px solid var(--gold);border-radius:50%;background:#07152e;color:#fff;font-size:21px;cursor:pointer}.f47-panel{position:absolute;z-index:8;top:50%;left:50%;width:min(760px,90%);transform:translate(-50%,-46%);padding:clamp(20px,3.5vw,36px);text-align:center;border:3px solid var(--gold);border-radius:20px;background:linear-gradient(150deg,rgba(4,20,54,.97),rgba(35,6,25,.97));box-shadow:0 24px 85px #000,0 0 42px rgba(40,134,255,.3),inset 0 0 45px rgba(66,140,255,.16)}.f47-panel[hidden]{display:none}.f47-start{width:min(880px,94%);padding:21px 28px}.f47-kicker{color:#72d6ff;font-size:clamp(9px,1.2vw,13px);font-weight:900;letter-spacing:3px}.f47-panel h2{margin:10px 0 7px;color:#fff;font:1000 clamp(35px,6vw,66px)/.9 Impact,Arial Black,sans-serif;letter-spacing:1px;text-shadow:0 4px 0 #133d80,0 0 22px rgba(59,164,255,.4)}.f47-panel h2 em{color:#f3c33c;font-style:normal;text-shadow:0 4px 0 #79570b,0 0 22px rgba(255,205,51,.5)}.f47-panel h2 span{display:block;margin-top:13px;color:#ff5362;font:900 clamp(12px,1.9vw,19px)/1 Arial Black,Arial,sans-serif;letter-spacing:2.6px;text-shadow:none}.f47-panel>p{max-width:650px;margin:12px auto;color:#dfedff;font-size:clamp(12px,1.55vw,16px);line-height:1.4}.f47-driver-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:800px;margin:14px auto}.f47-driver-grid button{position:relative;display:grid;grid-template-columns:39px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-height:55px;padding:7px;border:2px solid rgba(126,182,239,.27);border-radius:10px;background:rgba(255,255,255,.055);color:#fff;text-align:left;cursor:pointer}.f47-driver-grid button:hover{background:rgba(255,255,255,.11)}.f47-driver-grid button.is-selected{border-color:var(--car);background:color-mix(in srgb,var(--car) 22%,#07142d);box-shadow:0 0 17px color-mix(in srgb,var(--car) 45%,transparent)}.f47-driver-grid i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border:3px solid var(--car);border-radius:50%;background:#07142c;color:var(--car);font:900 10px Arial Black;font-style:normal}.f47-driver-grid b{font-size:9px;line-height:1.1}.f47-driver-grid span{color:#9bc8ef;font-size:7px;font-weight:900;letter-spacing:.5px}.f47-primary{min-width:min(370px,100%);padding:14px 23px;border:2px solid #fff;border-radius:999px;background:linear-gradient(#ff4a59,#cf152d);box-shadow:0 7px 0 #7f0c1b,0 0 22px rgba(255,42,64,.35);color:#fff;font-size:clamp(13px,2vw,17px);font-weight:1000;letter-spacing:1.2px;cursor:pointer}.f47-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.f47-primary:active{transform:translateY(5px);box-shadow:0 2px 0 #7f0c1b}.f47-panel>small{display:block;margin-top:12px;color:#8bbcf0;font-size:9px;font-weight:800;letter-spacing:1px}.f47-scorecard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px auto}.f47-scorecard span{padding:11px;border:1px solid rgba(87,194,255,.38);border-radius:11px;background:rgba(255,255,255,.05);color:#8fd0ff;font-size:9px;font-weight:900;letter-spacing:1.3px}.f47-scorecard strong{display:block;margin-top:5px;color:var(--gold);font-size:24px;letter-spacing:0}.f47-pause{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);padding:22px 35px;border:3px solid var(--gold);border-radius:16px;background:rgba(2,10,28,.96);box-shadow:0 0 48px #000;color:#fff;font:900 clamp(24px,5vw,48px)/1 Impact,Arial Black,sans-serif;letter-spacing:3px}.f47-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px}.f47-controls button{min-height:70px;border:3px solid #09285f;border-radius:15px;background:linear-gradient(#fff,#e5efff);box-shadow:0 7px 0 #09285f;color:#09285f;cursor:pointer;touch-action:none}.f47-controls button:active,.f47-controls button.is-held{transform:translateY(5px);box-shadow:0 2px 0 #09285f;filter:brightness(.96)}.f47-controls b{display:block;font-size:23px;line-height:1}.f47-controls span{display:block;margin-top:5px;font-size:8px;font-weight:1000;letter-spacing:.8px}.f47-controls .f47-turbo{border-color:#8b6506;background:linear-gradient(#fff1a0,#e9ae1c);box-shadow:0 7px 0 #704e04;color:#3b2900}.f47-controls .f47-turbo b{font:1000 20px Impact,Arial Black}.f47-controls .f47-tilt{border-color:#12658f;background:linear-gradient(#dff8ff,#83d8f5);box-shadow:0 7px 0 #0c4c70;color:#07344f}.f47-pause-button{display:block;margin:14px auto 0;padding:8px 19px;border:2px solid #173c74;border-radius:999px;background:#fff;color:#173c74;font-size:11px;font-weight:900;cursor:pointer}.f47-instructions,.f47-disclaimer{text-align:center;margin:11px 10px 0!important;color:#285286!important;font-size:11px!important;font-weight:800;line-height:1.45}.f47-disclaimer{margin-top:6px!important;color:#687c98!important;font-size:9px!important;font-weight:600}
@media(max-width:720px){.f47-shell{border-width:3px;border-radius:15px}.f47-topbar{top:7px;left:7px;right:7px}.f47-brand{padding:6px 9px}.f47-sound{width:37px;height:37px;font-size:16px}.f47-panel{width:93%;padding:17px 14px}.f47-start{max-height:89%;overflow:auto}.f47-panel h2{font-size:clamp(31px,9.3vw,55px)}.f47-panel>p{font-size:11px;margin:9px auto}.f47-driver-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin:10px auto}.f47-driver-grid button{min-height:47px;padding:5px;grid-template-columns:35px 1fr}.f47-driver-grid i{width:30px;height:30px}.f47-primary{padding:11px 17px}.f47-controls{gap:5px}.f47-controls button{min-height:58px;border-width:2px;border-radius:10px}.f47-controls b{font-size:19px}.f47-controls span{font-size:7px}.f47-instructions{font-size:9px!important}}@media(max-width:460px){.f47-panel>small{display:none}.f47-brand span{letter-spacing:.6px}.f47-scorecard{gap:5px}.f47-scorecard strong{font-size:19px}}