.brake-game{color:#f4f5f7;background:radial-gradient(circle at 75% 18%,#2f2335 0,#0000 34%),radial-gradient(circle at 15% 70%,#0e4050 0,#0000 38%),#0b1018;min-height:100dvh;overflow-x:hidden}.brake-header{border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:22px 28px;font-size:14px;display:flex}.brake-header a{color:#c2ccd8;align-items:center;gap:9px;min-height:44px;display:flex}.brake-header>span{letter-spacing:2.5px;color:#ff9a68}.brake-header small{color:#8894a3;letter-spacing:0;margin-left:7px;font-size:12px}.brake-shell{max-width:1060px;margin:auto;padding:42px 28px 28px}.brake-title{justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px;display:flex}.brake-title h1{letter-spacing:1px;margin:10px 0 0;font-size:56px;line-height:1}.brake-title h1 span{color:#ff8757;margin-left:9px}.brake-kicker{letter-spacing:3px;color:#81e7f2;font-size:14px}.brake-title>p{color:#aeb9c7;max-width:430px;margin:0;font-size:16px;line-height:1.8}.brake-panel{isolation:isolate;background:linear-gradient(145deg,#151e2aec,#101722ed);border:1px solid #fff2;border-radius:24px;padding:24px;position:relative;box-shadow:0 28px 80px #0008}.brake-panel:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(115deg,#57e6f00b,#0000 30%,#ff855c0c);border-radius:24px;position:absolute;inset:0}.brake-hud{background:#0a1018a6;border:1px solid #ffffff16;border-radius:14px;grid-template-columns:1fr 1fr 1fr 1.25fr;padding:14px 0;display:grid}.brake-hud>div{border-right:1px solid #ffffff18;padding:0 20px}.brake-hud>div:last-child{border:0}.brake-hud span{color:#8f9dad;margin-bottom:4px;font-size:13px;display:block}.brake-hud strong{color:#e8f8fa;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:27px;line-height:1.2;display:flex}.brake-hud small{color:#7c8a99;font-size:14px}.brake-shields strong{color:#ff765e;gap:7px;padding-top:4px}.brake-track-wrap{padding:46px 18px 29px}.brake-track-labels{color:#657587;justify-content:space-between;margin-bottom:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;display:flex}.brake-track-labels span:nth-child(2){letter-spacing:3px;color:#95a6b8}.brake-track{background:#080d14;border:1px solid #344455;border-radius:15px;height:158px;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #000}.brake-grid{background:linear-gradient(90deg,#0000 49.5%,#5c6b7b20 50%,#0000 50.5%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 10%);position:absolute;inset:0}.brake-track:after{content:"";background:linear-gradient(90deg,#143a43,#55b8c4,#143a43);height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 13px #4bced9}.brake-target{z-index:2;background:#ff7e4933;border:1px solid #ff9567;border-radius:10px;position:absolute;top:15px;bottom:15px;box-shadow:inset 0 0 28px #ff7e4933,0 0 19px #ff7e4920}.brake-target span{letter-spacing:2px;color:#ffb697;font-size:11px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.brake-perfect{z-index:3;background:#ffe0a233;border-left:2px solid #ffe0a2;border-right:2px solid #ffe0a2;position:absolute;top:25px;bottom:25px}.brake-runner{z-index:5;background:#d8fbff;border:5px solid #4ce7f4;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #4ce7f42b,0 0 30px #4ce7f4}.brake-runner i{background:#102534;border-radius:50%;width:8px;height:8px;margin:6px;display:block}.brake-runner span{color:#b8f9ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;position:absolute;top:37px;left:50%;transform:translate(-50%)}.brake-speed{color:#8fa2b3;grid-template-columns:auto auto auto 1fr;align-items:center;gap:9px;margin-top:15px;font-size:13px;display:grid}.brake-speed b{color:#9ff6ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.brake-speed>i{background:#25313d;border-radius:10px;height:5px;overflow:hidden}.brake-speed>i span{background:linear-gradient(90deg,#4fe2ee,#ff8358);border-radius:10px;height:100%;display:block}.brake-callout{color:#79e7ee;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;align-items:center;gap:15px;min-height:78px;padding:16px 8px;display:flex}.brake-callout>div{flex-direction:column;gap:4px;display:flex}.brake-callout strong{color:#f0f6f8;font-size:18px}.brake-callout span{color:#9facb9;font-size:14px}.brake-callout.perfect{color:#ffe09c}.brake-callout.good{color:#83ecb2}.brake-callout.miss{color:#ff735e}.brake-actions{justify-content:center;padding:22px 0 2px;display:flex}.brake-actions button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:230px;min-height:57px;padding:12px 20px;font-size:17px;font-weight:750;display:flex}.brake-primary{color:#0b2228;background:#83edf4;border:1px solid #a8f8ff}.brake-primary:hover{background:#b7f9fd}.brake-stop{color:#28140c;background:#ff8358;border:1px solid #ffb18c;box-shadow:0 8px 30px #ff70413d}.brake-stop:hover{background:#ff9c75}.brake-stop kbd{background:#ffffff4a;border:1px solid #2b1913;border-radius:4px;margin-left:8px;padding:3px 5px;font-size:11px}.brake-stop.waiting{color:#9daab6;box-shadow:none;background:#26313b;border-color:#455361}.brake-how{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px;display:grid}.brake-how>div{background:#101721;border:1px solid #ffffff18;border-radius:14px;padding:20px}.brake-how b{color:#ff956a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.brake-how span{margin-left:12px;font-weight:750}.brake-how p{color:#8d9cab;margin:9px 0 0;font-size:14px}.brake-footer{text-align:center;color:#697786;padding:16px 20px 30px;font-size:13px}@media (max-width:760px){.brake-header{padding:10px 18px}.brake-header small{display:none}.brake-header>span{letter-spacing:1.4px;font-size:12px}.brake-shell{padding:22px 14px 18px}.brake-title{margin:0 4px 20px;display:block}.brake-title h1{font-size:39px}.brake-title>p{margin-top:13px;font-size:14px;line-height:1.7}.brake-panel{border-radius:18px;padding:13px}.brake-hud{grid-template-columns:repeat(3,1fr);padding:10px 0}.brake-hud>div{padding:0 10px}.brake-hud>div:nth-child(3){border:0}.brake-hud .brake-shields{border:0;border-top:1px solid #ffffff18;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.brake-hud .brake-shields span{margin:0}.brake-hud strong{font-size:22px}.brake-track-wrap{padding:30px 1px 20px}.brake-track{height:145px}.brake-target span{display:none}.brake-callout{min-height:84px;padding:13px 4px}.brake-callout strong{font-size:16px}.brake-callout span{font-size:13px}.brake-actions button{width:100%;min-width:0;min-height:60px}.brake-how{grid-template-columns:1fr;gap:8px}.brake-how>div{padding:14px 16px}.brake-how p{margin-left:12px;display:inline}.brake-footer{font-size:12px}}@media (max-width:360px){.brake-shell{padding-left:9px;padding-right:9px}.brake-panel{padding:10px}.brake-track{height:133px}.brake-hud>div{padding:0 7px}.brake-hud span{font-size:12px}.brake-hud strong{font-size:20px}.brake-how p{margin:6px 0 0;display:block}.brake-title h1{font-size:35px}.brake-title>p{font-size:13px}}@media (prefers-reduced-motion:reduce){.brake-runner,.brake-stop,.brake-primary{transition:none}}