.mfl-races-port{--surface:#171020;--surface-soft:#21172c;--border:#ffffff24;--purple:#d946ef;--blue:#8b5cf6;--gold:#f6c85f;--text:#f8f4ff;--muted:#bdb3c9;--font-display:var(--font-barlow-condensed), sans-serif;--font-body:var(--font-inter), sans-serif}@scope(.mfl-races-port){.app-shell{width:100%;margin:0 auto;padding:16px clamp(32px,3vw,48px) 36px}.races-header{justify-content:space-between;align-items:center;gap:24px;min-height:74px;margin-bottom:12px;display:flex}.brand-mark{align-items:center;width:160px;height:74px;display:flex}.brand-mark img{width:100%;height:auto;display:block}.live-pill,.step-chip{color:#c7c1d4;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.live-pill{align-items:center;gap:9px;display:flex}.live-pill span{background:var(--blue);width:7px;height:7px;box-shadow:0 0 14px var(--blue);border-radius:50%}.race-card,.assigned-card{border:1px solid var(--border);background:linear-gradient(145deg, #19132af2, var(--surface));border-radius:18px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0006,inset 0 1px #ffffff09}.race-card{padding:clamp(28px,2.4vw,42px)}.race-card:after{content:"";background:linear-gradient(90deg, var(--purple), var(--blue), transparent);width:240px;height:2px;box-shadow:0 0 20px var(--purple);position:absolute;top:0;left:0}.card-heading,.field-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-heading{margin-bottom:30px}.race-details-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.race-details-fields label{min-width:0}.race-details-fields label>span{font-family:var(--font-display);margin-bottom:7px;font-size:15px;font-weight:700;display:block}.race-details-fields small{color:var(--muted);font:600 9px var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin-left:6px}.race-details-fields input{width:100%;color:var(--text);background:#030208b8;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:11px 13px}.race-details-fields input:focus{border-color:#a855f7b3;box-shadow:0 0 0 3px #a855f71a}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700}h1,h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.025em;margin:0}h1{font-size:clamp(30px,5vw,44px);line-height:.95}h2{font-size:24px}.step-chip{color:#8ad9ff;background:#38bdf80f;border:1px solid #38bdf838;border-radius:999px;padding:8px 11px}.field-header label{font-family:var(--font-display);font-size:18px;font-weight:700}.field-header output{color:var(--blue);font-size:13px;font-weight:700}.field-help{color:var(--muted);margin:5px 0 12px;font-size:13px}textarea{resize:vertical;width:100%;min-height:clamp(320px,38vh,480px);color:var(--text);background:#030208b8;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:17px 18px;font-size:15px;line-height:1.65;transition:border-color .15s,box-shadow .15s}textarea::placeholder{color:#514c60}textarea:focus{border-color:#a855f7b3;box-shadow:0 0 0 3px #a855f71f,0 0 30px #7031d31a}.actions{gap:10px;margin-top:20px;display:flex}button{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:700;transition:transform .15s,opacity .15s,border-color .15s}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}.primary-button{color:#fff;background:linear-gradient(115deg,#7c3aed,#2563eb);min-width:168px;box-shadow:0 8px 30px #5b3ce640}.primary-button span{margin-left:18px}.secondary-button{color:#c4bdcf;background:0 0;border:1px solid #ffffff1c}.assigned-card{background:var(--surface-soft);border-style:dashed;min-height:112px;margin-top:16px;padding:24px clamp(28px,2.4vw,42px)}.assigned-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.assignment-summary,.assigned-empty{color:var(--muted);text-align:right;margin:0;font-size:13px}.assignment-summary{color:#b9dcff;font-weight:700}.assignment-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:20px;display:grid}.assignment-item{background:linear-gradient(120deg,#06040ee0,#1b122eb8);border:1px solid #9f76ff29;border-radius:12px;align-items:center;gap:12px;min-width:0;height:104px;padding:8px 12px 8px 7px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.racer-art{flex:0 0 88px;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.racer-art img{object-fit:contain;width:82px;height:82px}.assignment-copy{min-width:0}.assignment-copy h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:15px;line-height:1.2;overflow:hidden}.assignment-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.35}.race-options{background:#06040e9e;border:1px solid #38bdf829;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:16px 18px;display:flex;position:relative}.race-options label{font-family:var(--font-display);font-size:17px;font-weight:700}.race-options p{color:var(--muted);margin:4px 0 0;font-size:11px}.duration-controls,.duration-presets,.custom-duration{align-items:center;gap:8px;display:flex}.duration-preset{color:#bbb4c8;background:0 0;border:1px solid #ffffff1a;padding:9px 12px}.duration-preset.is-active{color:#fff;background:#38bdf81a;border-color:#38bdf88c;box-shadow:0 0 18px #38bdf814}.custom-duration{color:var(--muted);margin-left:7px;font-size:11px}.custom-duration input{width:76px;color:var(--text);font:inherit;background:#030208cc;border:1px solid #a855f773;border-radius:9px;outline:none;padding:9px 10px}.custom-duration input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #38bdf81f}.race-options .duration-error{color:#ff9cab;position:absolute;bottom:-17px;right:18px}.background-options{background:#06040e9e;border:1px solid #a855f729;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:10px;padding:14px 18px;display:flex}.background-options label{font-family:var(--font-display);font-size:17px;font-weight:700}.background-options p{color:var(--muted);margin:4px 0 0;font-size:11px}.background-options select{min-width:210px;color:var(--text);font:inherit;background:#0b0812;border:1px solid #a855f766;border-radius:9px;outline:none;padding:10px 34px 10px 12px}.background-options select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #38bdf81f}.background-preview-shell{background:#040309b8;border:1px solid #9f76ff24;border-radius:12px;margin-top:10px;padding:7px}.race-background-preview{border-radius:8px;height:88px;position:relative;overflow:hidden}.race-background-preview>span{z-index:2;color:#d9d4e3;letter-spacing:.12em;text-transform:uppercase;background:#05040ab8;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;position:absolute;bottom:9px;left:12px}.preview-finish-line{background:repeating-linear-gradient(#fff 0 7px,#17121f 7px 14px);width:4px;position:absolute;top:0;bottom:0;left:92%;box-shadow:0 0 12px #ffffff4d}.start-summary{background:linear-gradient(110deg,#f7c65d0e,#38bdf809);border:1px solid #f7c65d47;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding:14px 18px;display:flex}.start-summary h3{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:18px}.start-summary dl{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;min-width:0;margin:0;display:flex}.start-summary dl div{min-width:72px}.start-summary dt{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.start-summary dd{color:#f7f5fb;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin:3px 0 0;font-size:12px;font-weight:700;overflow:hidden}.start-race-row{justify-content:flex-end;margin-top:18px;display:flex}.start-race-button{color:#090710;background:linear-gradient(115deg, var(--gold), #fff0a3);min-width:210px;padding:14px 24px;box-shadow:0 10px 34px #f7c65d2e}.start-race-button span{margin-left:26px}.race-screen{--lane-count:5;--racer-size:clamp(108px, 18dvh, 164px);background:radial-gradient(circle at 50% -20%,#7934e53d,#0000 45%),linear-gradient(#090711,#050408);flex-direction:column;width:100%;height:100dvh;min-height:0;padding:10px clamp(18px,2vw,32px) 20px;display:flex;position:relative;overflow:hidden}.race-header{flex-shrink:0;justify-content:space-between;align-items:center;height:64px;display:flex}.race-header img{object-fit:contain;width:126px;height:64px}.race-header-actions,.race-hud{align-items:center;display:flex}.race-header-actions{gap:12px}.race-hud{background:#08060fb8;border:1px solid #9f76ff33;border-radius:9px;overflow:hidden}.race-hud span{color:#aaa4b8;white-space:nowrap;padding:7px 10px;font-size:10px}.race-hud span+span{border-left:1px solid #ffffff14}.race-hud strong{color:#f6f3ff;font-size:11px}.race-hud .race-hud-context{color:#d8d1e2;text-overflow:ellipsis;max-width:min(28vw,360px);overflow:hidden}.race-hud-context strong,.race-hud-context em{white-space:nowrap;font-style:normal}.race-hud-context i{color:var(--gold);margin:0 6px;font-style:normal}.pause-button{color:#d8d3e1;background:#38bdf814;border:1px solid #38bdf84d;padding:7px 12px;font-size:11px}.race-status{color:#bcb5ca;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.race-status span{background:var(--blue);width:7px;height:7px;box-shadow:0 0 14px var(--blue);border-radius:50%}.race-stage{isolation:isolate;flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.race-track{padding:calc(var(--racer-size) * .82) 24px calc(var(--racer-size) * .82) 70px;background:linear-gradient(90deg,#a855f709,#0000 35%,#38bdf809),#090710e0;border:1px solid #9f76ff38;border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 24px 70px #0000005c}.race-course{z-index:2;width:calc(100% - var(--racer-size) * 1.4);margin-left:calc(var(--racer-size) * .2);height:100%;position:relative}.race-surface.background-football-pitch{--scene-accent:#40efaa;background:radial-gradient(circle,#35f59c12,#0000 38%),repeating-linear-gradient(90deg,#24c27818 0 10%,#063d2e24 10% 20%),linear-gradient(135deg,#082c25,#0c6145)}.football-markings{color:#d4f6e042;pointer-events:none;border:2px solid #d4f6e042;position:absolute;inset:18px 22px;container-type:size}.pitch-halfway{border-left:2px solid;height:100%;position:absolute;left:50%}.pitch-circle{aspect-ratio:1;border:2px solid;border-radius:50%;width:min(20cqw,30cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pitch-centre-spot,.pitch-penalty-spot{background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;transform:translate(-50%,-50%)}.pitch-centre-spot{left:50%}.pitch-end{position:absolute;inset:0}.pitch-end-right{transform:rotate(180deg)}.pitch-penalty-area{border:2px solid;width:16%;height:60%;position:absolute;top:20%;left:-2px}.pitch-six-yard{border:2px solid;width:6%;height:28%;position:absolute;top:36%;left:-2px}.pitch-penalty-spot{left:11%}.pitch-goal{background:repeating-linear-gradient(0deg,#0000 0 5px,#d4f6e01a 5px 6px);border:1px solid;width:10px;height:14%;position:absolute;top:43%;right:100%}.pitch-corner{aspect-ratio:1;border:2px solid;width:min(2.5cqw,4cqh);position:absolute}.pitch-corner-tl{border-radius:0 0 100%;top:-2px;left:-2px}.pitch-corner-tr{border-radius:0 0 0 100%;top:-2px;right:-2px}.pitch-corner-bl{border-radius:0 100% 0 0;bottom:-2px;left:-2px}.pitch-corner-br{border-radius:100% 0 0;bottom:-2px;right:-2px}.race-surface.background-ice-rink{--scene-accent:#75eaff;--scene-glow:#d9ffff;background:linear-gradient(90deg,#ff3f6f00 49.7%,#ff3f6f70 49.85% 50.15%,#ff3f6f00 50.3%),radial-gradient(at 50% 68%,#dfffff38 0 17%,#0000 52%),linear-gradient(#071322 0 24%,#123b58 25% 31%,#8bc9d2 32%,#d7f7f5 100%)}.race-surface.background-rolling-hills{--scene-accent:#4edf9a;--scene-glow:#ffe49a;background:radial-gradient(circle at 79% 15%,#fff8bd 0 3%,#ffca6750 3.5% 10%,#0000 10.5%),radial-gradient(at 70% 51%,#4dcb7288 0 26%,#0000 26.5%),radial-gradient(at 26% 55%,#237f4e 0 35%,#0000 35.5%),linear-gradient(#3576aa 0 32%,#a3d8d4 44%,#28573c 45% 100%)}.race-surface.background-car-park{--scene-accent:#f2ce63;--scene-glow:#ffe7a0;background:radial-gradient(at 50% 5%,#fff4ca38 0 5%,#0000 34%),linear-gradient(90deg,#0000 0 8%,#161a24 8% 9%,#0000 9% 91%,#161a24 91% 92%,#0000 92%),linear-gradient(#090c13 0 24%,#252b36 25% 29%,#10141c 30% 100%)}.race-surface.background-beach{--scene-accent:#54dcf2;background:radial-gradient(circle at 78% 18%,#fff8bd 0 3%,#ff9f5f55 3.5% 9%,#0000 9.5%),repeating-linear-gradient(175deg,#0000 0 43px,#a9f4ff14 44px 47px),linear-gradient(#0000 0 44%,#c8fbff55 44.5% 46%,#0000 47%),linear-gradient(#171c4b 0 25%,#dd6281 38%,#087c9d 39% 58%,#9c713b 59%,#372714 100%)}.race-surface.background-athletics-track{--scene-accent:#ff6d8d;--scene-glow:#ffd09a;background:radial-gradient(at 50% 8%,#fff1ce38 0 5%,#0000 38%),repeating-linear-gradient(90deg,#0e1720 0 3%,#192b39 3% 6%),linear-gradient(#07121c 0 23%,#264453 24% 31%,#8f2639 32% 100%)}.race-surface.background-city-street{--scene-accent:#a45bff;--scene-glow:#52ddff;background:linear-gradient(90deg,#090d1a 0 8%,#0000 8% 92%,#090d1a 92%),repeating-linear-gradient(90deg,#0000 0 5%,#7ce7ff24 5.2% 6.2%,#0000 6.4% 10%),radial-gradient(at 55% 9%,#bc4bff48,#0000 43%),linear-gradient(#070817 0 28%,#151c35 29% 37%,#090d18 38% 100%)}.race-surface.background-snow{--scene-accent:#b7efff;--scene-glow:#e9ffff;background:radial-gradient(circle at 12% 18%,#fff9 0 2px,#0000 2.5px) 0 0/88px 88px,radial-gradient(circle at 68% 34%,#fff7 0 1.5px,#0000 2px) 0 0/112px 112px,radial-gradient(circle at 37% 72%,#fff6 0 2px,#0000 2.5px) 0 0/136px 136px,linear-gradient(145deg,#0000 20%,#57ffd533 39%,#aa65ff30 51%,#0000 70%) 0 0/cover,linear-gradient(#061326 0 35%,#2e536b 36% 43%,#c8e4e8 44% 100%) 0 0/cover}.race-surface:is(.background-ice-rink,.background-rolling-hills,.background-car-park,.background-athletics-track,.background-city-street,.background-snow,.background-space){isolation:isolate;perspective:700px}.race-surface:is(.background-ice-rink,.background-rolling-hills,.background-car-park,.background-athletics-track,.background-city-street,.background-snow,.background-space):before,.race-surface:is(.background-ice-rink,.background-rolling-hills,.background-car-park,.background-athletics-track,.background-city-street,.background-snow,.background-space):after{content:"";z-index:0;pointer-events:none;position:absolute}.race-surface:is(.background-ice-rink,.background-rolling-hills,.background-car-park,.background-athletics-track,.background-city-street,.background-snow,.background-space):after{opacity:.82;transform-origin:50% 0;filter:drop-shadow(0 -10px 24px #0005);inset:30% -12% -38%;transform:rotateX(58deg)}.race-surface.background-ice-rink:before{background:repeating-linear-gradient(90deg,#d9faff15 0 3%,#081829 3.2% 6%);border-bottom:5px solid #f5ffffaa;height:25%;inset:8% 4% auto;box-shadow:0 12px 35px #5de6ff26,inset 0 -8px 16px #75eaff18}.race-surface.background-ice-rink:after{background:radial-gradient(circle at 50% 37%,#0000 0 11%,#3ebfe055 11.4% 12%,#0000 12.4%),repeating-linear-gradient(90deg,#0000 0 10%,#8beeff28 10.15% 10.4%),repeating-linear-gradient(0deg,#ffffff12 0 2px,#0000 3px 64px),linear-gradient(90deg,#ff426b00 49.7%,#ff426b99 49.85% 50.15%,#ff426b00 50.3%)}.race-surface.background-rolling-hills:before{clip-path:polygon(0 68%,12% 29%,25% 58%,41% 15%,57% 62%,73% 25%,88% 57%,100% 33%,100% 100%,0 100%);filter:drop-shadow(0 -8px 18px #10261f66);background:linear-gradient(145deg,#0d3a26 0 12%,#0000 12.2%),linear-gradient(215deg,#1d6840 0 18%,#0000 18.2%);height:35%;inset:25% -8% auto}.race-surface.background-rolling-hills:after{background:repeating-linear-gradient(90deg,#0000 0 9%,#a6e28b20 9.2% 9.5%),repeating-linear-gradient(0deg,#0000 0 70px,#d6efb81e 72px 75px),linear-gradient(90deg,#103d27,#2f8050 50%,#123c27)}.race-surface.background-car-park:before{background:radial-gradient(circle,#fff7c9 0 8%,#e7a64166 9% 22%,#0000 23%) 8%/12% 70% repeat-x,linear-gradient(#313846,#151922);border-top:7px solid #171c27;border-bottom:5px solid #07090d;height:25%;inset:6% 5% auto;box-shadow:0 16px 30px #0009}.race-surface.background-car-park:after{background:repeating-linear-gradient(90deg,#0000 0 11%,#ffd75b80 11.15% 11.5%,#0000 11.65% 22%),repeating-linear-gradient(0deg,#0000 0 82px,#ffffff0c 84px 86px),linear-gradient(100deg,#11151d,#343a45 54%,#11151d)}.race-surface.background-athletics-track:before{background:repeating-linear-gradient(90deg,#0b1d2b 0 2.5%,#2e4a57 2.7% 5%),linear-gradient(#172d3a,#0b1720);border-bottom:6px solid #d8ebf1;height:27%;inset:7% 0 auto;box-shadow:0 14px 35px #0008,inset 0 -9px #5a798655}.race-surface.background-athletics-track:after{background:repeating-linear-gradient(90deg, transparent 0 9.8%, #fff5df2e 10% 10.25%), repeating-linear-gradient(0deg, transparent 0 calc(100% / var(--lane-count) - 2px), #fff9e680 calc(100% / var(--lane-count) - 1px) calc(100% / var(--lane-count))), linear-gradient(100deg, #5b1426, #b8394b 55%, #66152c)}.race-surface.background-city-street:before{filter:drop-shadow(0 8px 18px #000c);background:linear-gradient(90deg,#060915 0 8%,#0000 8% 14%,#10152b 14% 24%,#0000 24% 31%,#080b1a 31% 45%,#0000 45% 52%,#11162d 52% 65%,#0000 65% 72%,#070a17 72% 88%,#0000 88%),repeating-linear-gradient(90deg,#0000 0 4%,#5be4ff66 4.2% 5%,#0000 5.2% 8%);border-bottom:5px solid #cf4cff55;height:34%;inset:5% 2% auto}.race-surface.background-city-street:after{background:linear-gradient(90deg,#0000 47%,#ffe57a 47.5% 49%,#0000 49.5% 50.5%,#ffe57a 51% 52.5%,#0000 53%),repeating-linear-gradient(90deg,#0000 0 12%,#b158ff18 12.2% 12.5%),linear-gradient(100deg,#070a10,#242938 52%,#080a10)}.race-surface.background-snow:before{clip-path:polygon(0 72%,14% 22%,25% 59%,42% 9%,55% 57%,70% 19%,84% 62%,100% 27%,100% 100%,0 100%);filter:drop-shadow(0 -8px 22px #dfffff33);background:linear-gradient(145deg,#a7cbd6 0 19%,#0000 19.2%),linear-gradient(215deg,#e3f4f4 0 20%,#0000 20.2%);height:35%;inset:18% -8% auto}.race-surface.background-snow:after{background:repeating-linear-gradient(90deg,#0000 0 10%,#bce8ef25 10.2% 10.45%),repeating-linear-gradient(0deg,#0000 0 70px,#ffffff32 72px 75px),linear-gradient(105deg,#86b7c2,#ecffff 48%,#8cbcc7)}.race-surface:is(.background-football-pitch,.background-ice-rink,.background-rolling-hills,.background-car-park,.background-beach,.background-athletics-track,.background-city-street,.background-snow,.background-space){border-color:color-mix(in srgb, var(--scene-accent,#8d7cff) 64%, transparent);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--scene-accent,#8d7cff) 48%, transparent), inset 0 -2px 0 #ffffff10, inset 0 0 72px #0005}.race-surface.background-rootwink{--custom-accent:#d56cff;--custom-floor:#351040;background:url(/mfl-races/arenas/rootwink.png) right 8% center/auto min(70%,65vw) no-repeat,linear-gradient(#0000 0 96%,#da72ff44 100%),repeating-linear-gradient(174deg,#0000 0 85px,#b95bea12 86px 88px,#0000 89px 175px),radial-gradient(at 85%,#5b226466,#0000 65%),linear-gradient(120deg,#100b1b,#21102d 55%,#100a19);border-color:#bb6cec88;box-shadow:inset 0 2px #e7a7ff77,inset 0 -2px #bd55ed88,inset 0 0 65px #971ac626}.race-surface.background-ramble-blue{--ramble-art:url(/mfl-races/arenas/ramble-blue.png);--ramble-accent:#759dff;--ramble-floor:#111d3b;--custom-accent:#759dff;--custom-floor:#111d3b}.race-surface.background-ramble-green{--ramble-art:url(/mfl-races/arenas/ramble-green.png);--ramble-accent:#a6ed27;--ramble-floor:#16230b;--custom-accent:#a6ed27;--custom-floor:#16230b}.race-surface.background-ramble-gold{--ramble-art:url(/mfl-races/arenas/ramble-gold.png);--ramble-accent:#e4bb60;--ramble-floor:#2d2212;--custom-accent:#e4bb60;--custom-floor:#2d2212}.race-surface.background-ramble-og{--ramble-art:url(/mfl-races/arenas/ramble-og.jpg);--ramble-accent:#58c875;--ramble-floor:#0d281c;--custom-accent:#58c875;--custom-floor:#0d281c}.race-surface:is(.background-ramble-blue,.background-ramble-green,.background-ramble-gold,.background-ramble-og){background:var(--ramble-art) right 8% center / auto min(70%, 65vw) no-repeat, repeating-linear-gradient(174deg, transparent 0 85px, #ffffff08 86px 88px, transparent 89px 175px), radial-gradient(ellipse at 85% 50%, var(--ramble-floor), #090c10);border-color:var(--ramble-accent);box-shadow:inset 0 2px 0 var(--ramble-accent), inset 0 -2px 0 var(--ramble-accent), inset 0 0 65px var(--ramble-floor)}.race-surface.background-wendirk{--custom-accent:#f49a42;--custom-floor:#251260;background:url(/mfl-races/arenas/wendirk.png) right 8% center/auto min(70%,65vw) no-repeat,repeating-linear-gradient(174deg,#0000 0 85px,#ffffff10 86px 88px,#0000 89px 175px),radial-gradient(at 84%,#a64de466,#0000 58%),linear-gradient(120deg,#082d72,#3c2379 55%,#8f3fc4);border-color:#f49a42;box-shadow:inset 0 2px #74a9ff,inset 0 -2px #f49a42,inset 0 0 70px #36197855}.race-surface.background-the-agent-hub{--custom-accent:#d94cff;--custom-floor:#170627;background:url(/mfl-races/arenas/the-agent-hub.png) right 7% center/auto min(62%,58vw) no-repeat,radial-gradient(circle at 83% 48%,#9d28dc44,#0000 36%),repeating-linear-gradient(174deg,#0000 0 85px,#b94cff14 86px 88px,#0000 89px 175px),linear-gradient(120deg,#03040d,#0c0820 58%,#180725);border-color:#b637ef;box-shadow:inset 0 2px #e759ff,inset 0 -2px #596cff,inset 0 0 70px #6e168138}.race-surface.background-yt-and-xp{--custom-accent:#ff861c;--custom-floor:#052d42;background:url(/mfl-races/arenas/yt-and-xp.png) right 8% center/auto min(62%,58vw) no-repeat,radial-gradient(circle at 83% 48%,#0785b744,#0000 36%),repeating-linear-gradient(174deg,#0000 0 85px,#ff851714 86px 88px,#0000 89px 175px),linear-gradient(120deg,#03131d,#073149 58%,#041722);border-color:#ff7d18;box-shadow:inset 0 2px #ff9b4d,inset 0 -2px #079bd0,inset 0 0 70px #07547548}.race-surface.background-lld{--custom-accent:#c8995f;--custom-floor:#172428;background:url(/mfl-races/arenas/lld.png) right 8% center/auto min(64%,59vw) no-repeat,radial-gradient(circle at 83% 48%,#96663244,#0000 37%),repeating-linear-gradient(174deg,#0000 0 85px,#c8995f12 86px 88px,#0000 89px 175px),linear-gradient(120deg,#0b1113,#1e292b 58%,#10181a);border-color:#a87947;box-shadow:inset 0 2px #d0a36f,inset 0 -2px #664522,inset 0 0 70px #33271766}.race-surface.background-amreezy{--custom-accent:#8e62ff;--custom-floor:#151541;background:url(/mfl-races/arenas/amreezy.png) right 8% center/auto min(66%,61vw) no-repeat,radial-gradient(circle at 83% 48%,#7f2bdc55,#0000 38%),repeating-linear-gradient(174deg,#0000 0 85px,#2e8cff18 86px 88px,#0000 89px 175px),linear-gradient(120deg,#040817,#11183d 54%,#28124b);border-color:#7659ff;box-shadow:inset 0 2px #4996ff,inset 0 -2px #b24fff,inset 0 0 70px #371a7355}.race-surface.background-laird{--custom-accent:#f5e618;--custom-floor:#181a19;background:url(/mfl-races/arenas/laird.png) right 8% center/auto min(62%,58vw) no-repeat,radial-gradient(circle at 83% 48%,#f5e91338,#0000 38%),repeating-linear-gradient(174deg,#0000 0 85px,#ffe71914 86px 88px,#0000 89px 175px),linear-gradient(120deg,#090a0b,#1b1e21 56%,#0c0d0e);border-color:#f5e618;box-shadow:inset 0 2px #fff66b,inset 0 -2px #b8aa00,inset 0 0 70px #6e681d44}.race-surface.background-kls{--custom-accent:#4bbcff;--custom-floor:#052038;background:url(/mfl-races/arenas/kls.png) right 5% center/min(72%,900px) no-repeat,radial-gradient(at 82% 48%,#159fe34a,#0000 52%),repeating-linear-gradient(174deg,#0000 0 85px,#5bc5ff14 86px 88px,#0000 89px 175px),linear-gradient(120deg,#020b13,#061b2c 56%,#04111d);border-color:#4bbcff;box-shadow:inset 0 2px #a8dcff,inset 0 -2px #167bb8,inset 0 0 70px #07588a48}.race-surface.background-date-night{--custom-accent:#f2a968;--custom-floor:#351b20;background:url(/mfl-races/arenas/rootwink.png) right 2% top 4%/auto min(20%,150px) no-repeat,url(/mfl-races/arenas/date-night.png) right 5% center/min(74%,1060px) no-repeat,radial-gradient(at 82%,#f0a45644,#0000 54%),repeating-linear-gradient(174deg,#0000 0 85px,#ffcb8a12 86px 88px,#0000 89px 175px),linear-gradient(120deg,#130b0d,#39211e 56%,#1b0d15);border-color:#e6a05d;box-shadow:inset 0 2px #f9cf99,inset 0 -2px #b45477,inset 0 0 70px #6d342b55}.race-surface:is(.background-rootwink,.background-ramble-blue,.background-ramble-green,.background-ramble-gold,.background-ramble-og,.background-wendirk,.background-the-agent-hub,.background-yt-and-xp,.background-lld,.background-amreezy,.background-laird,.background-kls,.background-date-night){isolation:isolate;perspective:760px}.race-surface:is(.background-rootwink,.background-ramble-blue,.background-ramble-green,.background-ramble-gold,.background-ramble-og,.background-wendirk,.background-the-agent-hub,.background-yt-and-xp,.background-lld,.background-amreezy,.background-laird,.background-kls,.background-date-night):before,.race-surface:is(.background-rootwink,.background-ramble-blue,.background-ramble-green,.background-ramble-gold,.background-ramble-og,.background-wendirk,.background-the-agent-hub,.background-yt-and-xp,.background-lld,.background-amreezy,.background-laird,.background-kls,.background-date-night):after{content:"";z-index:0;pointer-events:none;position:absolute}.race-surface:is(.background-rootwink,.background-ramble-blue,.background-ramble-green,.background-ramble-gold,.background-ramble-og,.background-wendirk,.background-the-agent-hub,.background-yt-and-xp,.background-lld,.background-amreezy,.background-laird,.background-kls,.background-date-night):before{background:radial-gradient(ellipse at 20% 48%, color-mix(in srgb, var(--custom-accent) 28%, transparent), transparent 32%), radial-gradient(ellipse at 82% 46%, color-mix(in srgb, var(--custom-accent) 34%, transparent), transparent 28%), linear-gradient(108deg, transparent 32%, color-mix(in srgb, var(--custom-accent) 18%, transparent) 48%, transparent 64%);mix-blend-mode:screen;filter:blur(2px)saturate(1.25);animation:7s ease-in-out infinite alternate custom-arena-lights;inset:-18% -24% 24%}.race-surface:is(.background-rootwink,.background-ramble-blue,.background-ramble-green,.background-ramble-gold,.background-ramble-og,.background-wendirk,.background-the-agent-hub,.background-yt-and-xp,.background-lld,.background-amreezy,.background-laird,.background-kls,.background-date-night):after{opacity:.48;background:linear-gradient(90deg, transparent 49.7%, color-mix(in srgb, var(--custom-accent) 65%, transparent) 49.85% 50.15%, transparent 50.3%), repeating-linear-gradient(90deg, transparent 0 9.7%, color-mix(in srgb, var(--custom-accent) 28%, transparent) 10% 10.25%), repeating-linear-gradient(0deg, transparent 0 58px, color-mix(in srgb, var(--custom-accent) 24%, transparent) 60px 62px), linear-gradient(100deg, #030508, var(--custom-floor) 52%, #030508);transform-origin:50% 0;filter:drop-shadow(0 -12px 25px #0009);animation:4.8s linear infinite custom-arena-grid;inset:58% -15% -40%;transform:rotateX(59deg)}@keyframes custom-arena-lights{0%{opacity:.52;transform:translate(-3%)skew(-4deg)scale(1.02)}50%{opacity:.9}to{opacity:.62;transform:translate(3%,1.5%)skew(4deg)scale(1.08)}}@keyframes custom-arena-grid{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,6vw 0,0 62px,0 0}}.race-surface.background-space{--scene-accent:#b26cff;--scene-glow:#78d9ff;background-color:#020107;background-image:radial-gradient(circle at 18% 22%,#fff 0 1px,#0000 2px),radial-gradient(circle at 73% 44%,#97cdff 0 1px,#0000 2px),radial-gradient(circle at 46% 82%,#d2a8ff 0 1px,#0000 2px),radial-gradient(circle at 78% 18%,#ffae5e 0 3%,#be3aff44 4% 12%,#0000 20%),radial-gradient(at 55% 35%,#5c1e8e66,#0000 34%),none;background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:74px 74px,103px 103px,137px 137px,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box}.race-surface.background-space:before{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#ffdf9e,#d46775 38%,#3c194d 70%);border-radius:50%;width:clamp(80px,12vw,170px);top:12%;right:9%;box-shadow:-22px 12px 55px #f05da644,0 0 0 12px #a764ff10}.race-surface.background-space:after{background:linear-gradient(90deg,#0000 49.7%,#69dfff66 49.85% 50.15%,#0000 50.3%),repeating-linear-gradient(90deg,#0000 0 10%,#a565ff30 10.15% 10.45%),repeating-linear-gradient(0deg,#0000 0 58px,#5ecfff24 60px 62px),linear-gradient(100deg,#10051e,#29104a 50%,#070310)}.race-lane{width:100%;height:calc(100% / var(--lane-count));background:linear-gradient(90deg,#ffffff03,#0000 55%);border-bottom:1px solid #ffffff0e;position:absolute}.race-lane:last-child{border-bottom:0}.finish-line{z-index:4;top:0;bottom:0;left:calc(100% + var(--racer-size) * .55);background:repeating-linear-gradient(#f8f7ff 0 10px,#17121f 10px 20px);width:6px;position:absolute;box-shadow:0 0 18px #ffffff47}.finish-line span{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;font-size:10px;font-weight:800;position:absolute;top:12px;left:13px}.moving-racer{width:var(--racer-size);height:var(--racer-size);will-change:left;transition:opacity .25s,left .12s linear;position:absolute;top:50%;transform:translateY(-50%)}.racer-sprite{transform-origin:48% 85%;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative}.racer-sprite strong{z-index:6;color:#17121f;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:2px solid #17121f;border-radius:9px;max-width:120px;padding:4px 8px;font-size:13px;line-height:1.1;position:absolute;top:14%;right:76%;overflow:hidden;box-shadow:0 2px 5px #0003}.static-racer{transform-origin:50% 82%;flex:0 0 88%;width:88%;height:88%;position:relative}.static-racer>img{object-fit:contain;transform-origin:50%;width:100%;height:100%}.static-racer.is-running{animation:static-racer-run var(--sprite-animation-duration) ease-in-out infinite;will-change:transform}.race-lane .static-racer,.race-lane .rigged-racer{width:100%;height:100%;scale:var(--race-visual-scale,1);transform-origin:50%;z-index:1;pointer-events:none;flex-basis:100%;transition:scale .45s ease-out}.racer-sprite{pointer-events:none}.moving-racer[data-identity-active=true]{z-index:8}.racer-identity-target{z-index:7;cursor:help;touch-action:manipulation;background:0 0;border:0;border-radius:6px;width:100%;height:100%;padding:0;position:absolute;inset:0}.racer-identity-target:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.racer-identity-target:disabled{opacity:1;cursor:default}.racer-identity-target,.racer-identity-target:hover:not(:disabled){transition:none;transform:none}.race-identity-tooltip{z-index:100;visibility:hidden;pointer-events:none;color:#fff;overflow-wrap:anywhere;background:#100c20;border:1px solid #63cbffa6;border-radius:9px;width:max-content;padding:8px 11px;font-size:13px;line-height:1.35;position:fixed;box-shadow:0 5px 20px #0008}.race-identity-tooltip strong{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.race-identity-tooltip span{color:#bfe9ff;margin-top:3px;font-size:12px;display:block}.rigged-racer{transform-origin:50%;flex:0 0 88%;width:88%;height:88%;position:relative}.rig-part{object-fit:contain;width:100%;height:100%;transform-origin:var(--rig-pivot-x) var(--rig-pivot-y);position:absolute;inset:0}.rigged-racer.is-running .rig-part{animation-duration:var(--rig-animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.rigged-racer.is-running .rig-part-head{animation-name:rig-head-bob}.rigged-racer.is-running .rig-part-torso{animation-name:rig-torso-run}.rigged-racer.is-running .rig-part-leftArm{animation-name:rig-left-swing}.rigged-racer.is-running .rig-part-rightArm,.rigged-racer.is-running .rig-part-leftLeg{animation-name:rig-right-swing}.rigged-racer.is-running .rig-part-rightLeg{animation-name:rig-left-swing}.moving-racer.is-finished{opacity:1}@keyframes static-racer-run{0%,to{transform:translate(-.5px)rotate(-.3deg)scale(1)}50%{transform:translate(.5px,-1.75px)rotate(.35deg)scale(1.004)}}@keyframes rig-head-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}@keyframes rig-torso-run{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-1.5px)rotate(2deg)}}@keyframes rig-left-swing{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes rig-right-swing{0%,to{transform:rotate(14deg)}50%{transform:rotate(-14deg)}}.race-countdown{z-index:10;pointer-events:none;color:#fff;font-family:var(--font-display);text-shadow:0 0 30px var(--purple), 0 0 65px #38bdf88c;background:#0403084d;place-items:center;font-size:clamp(100px,18vw,240px);font-weight:900;display:grid;position:fixed;inset:0}.pause-notice{z-index:11;color:#fff1bd;letter-spacing:.14em;text-transform:uppercase;background:#08060ee6;border:1px solid #f7c65d80;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:800;position:fixed;top:76px;left:50%;transform:translate(-50%)}.winner-panel{z-index:8;background:linear-gradient(125deg,#221435f7,#090711f7);border:1px solid #f7c65da6;border-radius:16px;align-items:center;gap:14px;width:min(320px,100vw - 60px);min-height:84px;padding:8px 14px 8px 8px;display:flex;position:fixed;top:82px;right:clamp(30px,3vw,52px);box-shadow:0 18px 60px #0000008c,0 0 36px #f7c65d24}.winner-art{flex:0 0 68px;place-items:center;width:68px;height:68px;display:grid;overflow:visible}.winner-art img{object-fit:contain;width:100%;height:100%}.winner-panel h1{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:clamp(20px,2vw,26px);line-height:.95;overflow:hidden}.winner-panel p:last-child{color:#c9c2d4;margin:8px 0 0;font-size:12px}.race-complete-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.copy-results-button{color:#bfe9ff;background:#38bdf814;border:1px solid #38bdf857}.final-results{z-index:9;background:linear-gradient(145deg,#19132afa,#08060efa);border:1px solid #9f76ff6b;border-radius:18px;flex-direction:column;min-width:0;padding:22px;display:flex;position:fixed;inset:80px clamp(24px,6vw,100px) 24px;overflow-x:hidden;box-shadow:0 28px 90px #000000b3,0 0 44px #7031d31f}.results-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.results-heading>*{overflow-wrap:anywhere;min-width:0}.final-results .race-complete-actions{flex-wrap:wrap}.results-heading h1{font-size:clamp(30px,4vw,46px)}.results-heading>p{color:#b9dcff;margin:0;font-size:12px;font-weight:700}.results-context{color:#c8c1d2;margin:7px 0 0;font-size:12px}.results-context strong{color:#fff}.results-list{scrollbar-gutter:stable;content-visibility:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:7px;min-width:0;min-height:0;margin:0;padding:0 5px 0 0;list-style:none;display:grid;overflow:hidden auto}.result-row{background:#ffffff06;border:1px solid #fff1;border-radius:10px;grid-template-columns:36px 46px minmax(0,1fr);align-items:center;gap:2px 9px;min-width:0;min-height:62px;padding:6px 12px;display:grid}.result-row.top-1{background:#f7c65d17;border-color:#f7c65d9e}.result-row.top-2{background:#bed3e60e;border-color:#bed3e66b}.result-row.top-3{background:#c97e520e;border-color:#c97e526b}.result-position{color:var(--gold);font-family:var(--font-display);font-size:18px;font-weight:800}.result-row img{object-fit:contain;width:46px;height:46px}.result-row>*{min-width:0}.result-position{grid-area:1/1/3}.result-row img{grid-area:1/2/3}.result-row strong,.result-row>span:last-child{text-overflow:ellipsis;white-space:nowrap;grid-column:3;overflow:hidden}.result-row strong{grid-row:1;align-self:end;font-size:14px}.result-row>span:last-child{color:var(--muted);grid-row:2;align-self:start;font-size:11px}@media (max-width:620px){.race-screen{padding-inline:10px}.race-track{padding-left:66px;padding-right:18px}.racer-sprite strong{max-width:94px;font-size:12px}.race-header>img{flex-shrink:0;width:76px;height:48px}.race-header-actions{flex:1;justify-content:flex-end;gap:6px;min-width:0}.race-header .race-hud{flex-wrap:wrap;justify-content:flex-end;min-width:0}.race-header .race-hud span{padding:4px 5px;font-size:9px}.race-header .race-hud strong{font-size:10px}.race-header .pause-button{flex-shrink:0;padding:7px 8px}.app-shell{padding:12px 11px 28px}.races-header{min-height:75px;margin-bottom:10px}.brand-mark{width:145px;height:70px}.live-pill{display:none}.race-card{padding:22px 18px}.race-details-fields{grid-template-columns:1fr}.step-chip{display:none}textarea{min-height:230px}.actions{flex-direction:column}.actions button{width:100%}.assigned-card{padding:21px 18px}.assigned-heading{flex-direction:column;align-items:flex-start;gap:9px}.assignment-summary,.assigned-empty{text-align:left;margin-top:9px}.assignment-grid{grid-template-columns:1fr}.race-options,.duration-controls,.background-options{flex-direction:column;align-items:flex-start}.background-options select{width:100%}.custom-duration{margin-left:0}.start-race-row,.start-race-button{width:100%}.start-summary{flex-direction:column;align-items:flex-start}.start-summary dl{justify-content:flex-start}.final-results{padding:16px;inset:72px 12px 12px}.results-heading{flex-direction:column;align-items:flex-start}.results-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.race-hud span{padding:6px 7px}.race-status{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.static-racer{animation:none!important}.race-lane .static-racer,.race-lane .rigged-racer{scale:1}.rigged-racer .rig-part{animation:none!important}}.race-stage[data-camera-mode=overlap-preview] .race-lane{background:0 0;border:0}.race-lane:focus-within{z-index:10000!important}.race-lane:has([data-identity-active=true]){z-index:10000!important}.pack-start-line,.pack-finish-line{clip-path:polygon(calc(100% - 8px) 0,100% 0,8px 100%,0 100%);pointer-events:none;z-index:0;width:calc(18% + 8px);position:absolute;top:0;bottom:0}.pack-start-line{background:#fff5}.pack-finish-line{background:repeating-linear-gradient(#fff 0 12px,#17121f 12px 24px)}.creator-credit{z-index:20000;color:#ffffff94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08050eb8;border:1px solid #ffffff14;border-radius:999px;padding:4px 8px;font-size:10px;line-height:1.2;position:fixed;bottom:8px;right:12px}.creator-credit a{color:#d7a8ff;font-weight:700;text-decoration:none}.creator-credit a:hover,.creator-credit a:focus-visible{color:#fff;text-decoration:underline}}