*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.canvas{width:100%;height:100%;position:fixed;top:0;left:0}.canvas.has-cursor-grab{cursor:grab}.canvas.has-cursor-grabbing{cursor:grabbing}.canvas.has-cursor-pointer{cursor:pointer}.hud-time{z-index:40;color:#fff;text-shadow:0 1px 6px #000000b3;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Space Grotesk,system-ui,sans-serif;display:block;position:fixed;top:18px;left:18px}body.is-in-rift .hud-time,body.is-chase-off .hud-time{display:none}.hud-time__row{align-items:baseline;gap:10px;display:flex}.hud-time__current{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:22px}.hud-time__best{letter-spacing:0;opacity:.66;font-variant-numeric:tabular-nums;font-size:12px}.hud-time__notice{opacity:0;letter-spacing:.14em;text-transform:uppercase;color:#38bdf8;max-height:0;margin-top:2px;font-family:Space Mono,ui-monospace,monospace;font-size:10px;transition:opacity .25s,max-height .25s;overflow:hidden}.hud-time__notice.is-visible{opacity:1;max-height:32px}.pause-button{z-index:40;-webkit-backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a14266b;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;gap:4px;width:52px;height:52px;padding:0;display:flex;position:fixed;top:14px;right:14px}.pause-button__bar{background:#ffffffd9;border-radius:2px;width:4px;height:16px}.pause-button:active{transform:scale(.97)}.pause{z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s linear .32s;display:block;position:fixed;inset:0}.pause.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.pause__scrim{-webkit-backdrop-filter:blur(10px);opacity:0;background:#060c1899;transition:opacity .22s;position:absolute;inset:0}.pause.is-open .pause__scrim{opacity:1}.pause-panel{--coral:#3f5f93;--coral-deep:#2c4571;--coral-soft:#9cb8e0;--brand:#3f5f93;--brand-press:#2c4571;--on-brand:#f3f7fc;color:#fcf9f4;opacity:0;background:#0e1626;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;padding:24px 22px;font-family:Hanken Grotesk,system-ui,sans-serif;transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:80px 14px 14px;transform:translateY(12px);box-shadow:0 24px 60px #00000073}.pause.is-open .pause-panel{opacity:1;transform:translateY(0)}.pause-panel__header{border-bottom:1.5px solid #fcf9f438;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:16px;display:flex}.pause-panel__title{letter-spacing:-.02em;color:#fcf9f4;font-family:Space Grotesk,system-ui,sans-serif;font-size:30px}.pause-panel__time{letter-spacing:0;font-variant-numeric:tabular-nums;color:#fcf9f48c;white-space:nowrap;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px}.pause-panel__body{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;min-height:0;margin:0 -3px;padding:20px 3px 0;display:flex;overflow-y:auto}.pause-panel__body::-webkit-scrollbar{display:none}.pause-col::-webkit-scrollbar{display:none}.pause-col{display:contents}.pause-section{border-top:1px solid #fcf9f41f;flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;display:flex}.pause-col--theme>.pause-section:first-child{border-top:0;margin-top:0;padding-top:0}.pause-section[hidden]{display:none}.pause-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pause-label{letter-spacing:.14em;text-transform:uppercase;color:#fcf9f473;font-family:Space Mono,ui-monospace,monospace;font-size:9px}.pause-value{letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--coral-soft);font-family:Space Grotesk,system-ui,sans-serif;font-size:15px}.pause-credit{color:#fcf9f480;font-size:13px;line-height:1.5}.pause-swatches{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.pause-swatch{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:8px;padding:0;transition:transform .12s}.pause-swatch.is-active{box-shadow:0 0 0 2px var(--coral)}.pause-swatch:active{transform:scale(.97)}.pause-current{letter-spacing:.14em;text-transform:uppercase;color:var(--coral-soft);font-family:Space Mono,ui-monospace,monospace;font-size:10px}.pause-chips{flex-wrap:wrap;gap:7px;display:flex}.pause-chip{color:#4a423a;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fcf9f4;border:1px solid #18151238;border-radius:999px;align-items:center;padding:5px 11px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;transition:transform .12s;display:inline-flex}.pause-chip.is-active{background:#dee0e4;background:color-mix(in oklab, var(--coral) 16%, #fcf9f4);color:var(--coral-deep);border-color:#0000}.pause-chip.is-active:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;margin-right:6px}.pause-chip:active{transform:scale(.97)}.pause-chip__short{display:none}.pause-slider{align-items:center;height:22px;display:flex;position:relative}.pause-slider__track{background:#fcf9f429;border-radius:2px;height:4px;position:absolute;left:0;right:0}.pause-slider__fill{background:var(--coral);border-radius:2px;height:100%}.pause-slider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;position:relative}.pause-slider__input::-webkit-slider-runnable-track{background:0 0;height:22px}.pause-slider__input::-webkit-slider-thumb{-webkit-appearance:none;background:#fcf9f4;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 10px #0006}.pause-slider__input::-moz-range-track{background:0 0;height:22px}.pause-slider__input::-moz-range-thumb{background:#fcf9f4;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 10px #0006}.pause-toggle{flex-wrap:wrap;gap:8px;display:flex}.pause-toggle__button{color:#4a423a;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fcf9f4;border:1px solid #18151238;border-radius:999px;height:36px;padding:0 14px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;transition:transform .12s}.pause-toggle__button.is-active{background:var(--brand);color:var(--on-brand);border-color:#0000}.pause-toggle__button:active{transform:scale(.97)}.pause-panel__footer{background:linear-gradient(#0e162600 0,#0e1626 20px);flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;display:flex;position:sticky;bottom:0}.pause-scroll-hint{color:#fcf9f4ad;opacity:0;pointer-events:none;background:#0e1626;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-20px;margin-left:-16px;transition:opacity .25s;display:flex;position:absolute;top:0;left:50%}.pause-scroll-hint svg{width:13px;height:auto;display:block}.pause-panel__body.has-more-below .pause-scroll-hint{opacity:1;animation:2.6s ease-in-out infinite pause-scroll-hint-nudge}@keyframes pause-scroll-hint-nudge{0%,62%{transform:translateY(0)}70%{transform:translateY(4px)}78%{transform:translateY(0)}86%{transform:translateY(2px)}94%,to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pause-panel__body.has-more-below .pause-scroll-hint{animation:none}}.pause-resume{background:var(--brand);width:100%;height:56px;color:var(--on-brand);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;font-family:Space Mono,ui-monospace,monospace;font-size:13px;transition:transform .12s,background-color .12s;box-shadow:0 10px 30px #3f5f9359}.pause-resume:active{background:var(--brand-press);transform:scale(.97)}.pause-2d{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#fcf9f4d1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fcf9f40f;border:1px solid #fcf9f44d;border-radius:999px;flex:none;justify-content:center;align-items:center;height:46px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;text-decoration:none;transition:transform .12s,background-color .12s,border-color .12s;display:flex}.pause-2d:active{background:#fcf9f421;border-color:#fcf9f473;transform:scale(.97)}.pause-version{text-align:center;letter-spacing:.08em;color:#fcf9f438;font-family:Space Mono,ui-monospace,monospace;font-size:9px;line-height:1.4;display:none}@media (orientation:landscape) and (height<=520px){.hud-time{top:14px}.hud-time__current{font-size:20px}.pause-button{width:48px;height:48px;top:12px}.is-touch .pause-button{right:124px}.pause-button__bar{height:15px}.pause-panel{border-radius:24px;padding:16px 24px;top:14px}.pause-panel__title{font-size:26px}.pause-panel__header{padding-bottom:10px}.pause-panel__body{grid-template-columns:1fr 1fr 232px;align-content:start;gap:0 24px;padding:12px 3px 0;display:grid;overflow-y:auto}.pause-col{flex-direction:column;min-width:0;display:flex;overflow:visible}.pause-col--theme{grid-area:1/1}.pause-col--vehicle{grid-area:1/2}.pause-col--toggles{grid-area:1/3;padding-bottom:114px}.pause-panel__footer{background:linear-gradient(#0e162600 0,#0e1626 16px);grid-area:1/3;align-self:end;gap:8px;margin-top:0;padding-top:18px}.pause-scroll-hint{display:none}.pause-credit{font-size:11px;line-height:1.45}.pause-2d{height:38px;font-size:11px}.pause-toggle__button{height:32px;padding:0 12px}.pause-section{gap:8px;margin-top:16px;padding-top:14px}.pause-col>.pause-section:first-child{border-top:0;margin-top:0;padding-top:0}.pause-swatches{gap:6px}.pause-swatch{border-radius:7px}.pause-chips{gap:6px}.pause-chip__long{display:none}.pause-chip__short{display:inline}.pause-value{font-size:14px}.pause-resume{height:50px}}@media (width>=760px) and (height>=560px){.hud-time{top:28px;left:28px}.pause-button{top:28px;right:28px}.pause-panel{width:min(860px,100vw - 64px);max-height:calc(100vh - 64px);padding:28px 30px;inset:50% auto auto 50%;transform:translate(-50%,calc(12px - 50%))}.pause.is-open .pause-panel{transform:translate(-50%,-50%)}.pause-panel__body{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr 240px;gap:28px;padding-top:22px;display:grid;overflow:hidden}.pause-col{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;min-height:0;margin:0 -3px;padding:0 3px;display:flex;overflow-y:auto}.pause-col--theme{grid-area:1/1/-1}.pause-col--vehicle{grid-area:1/2/-1}.pause-col--toggles{grid-area:1/3}.pause-panel__footer{grid-area:2/3;margin-top:0;padding-top:0;position:static}.pause-section{margin-top:18px;padding-top:16px}.pause-version{display:block}.pause-scroll-hint{display:none}.pause-col>.pause-section:first-child{border-top:0;margin-top:0;padding-top:0}}@media (hover:hover) and (pointer:fine){.pause-button:hover{background:#0a14269e;border-color:#ffffff73}.pause-swatch:hover{box-shadow:0 0 0 2px #fcf9f473}.pause-swatch.is-active:hover{box-shadow:0 0 0 2px var(--coral)}.pause-chip:hover,.pause-toggle__button:hover{border-color:#18151273}.pause-chip.is-active:hover,.pause-toggle__button.is-active:hover{border-color:#0000}.pause-toggle__button.is-active:hover,.pause-resume:hover{background:var(--brand-press)}.pause-2d:hover{color:#fcf9f4b3}}.pause-swatch:focus-visible,.pause-chip:focus-visible,.pause-toggle__button:focus-visible,.pause-resume:focus-visible,.pause-2d:focus-visible,.pause-slider__input:focus-visible,.pause-button:focus-visible{outline:2px solid var(--coral-soft,#9cb8e0);outline-offset:3px}@media (prefers-reduced-motion:reduce){.pause-panel{transition:opacity .22s;transform:none}.pause.is-open .pause-panel{transform:none}.pause-swatch,.pause-chip,.pause-toggle__button,.pause-resume,.pause-button{transition:none}.pause-swatch:active,.pause-chip:active,.pause-toggle__button:active,.pause-resume:active,.pause-button:active{transform:none}}.rift-hud{z-index:10;-webkit-backdrop-filter:blur(12px);color:#fff;-webkit-user-select:none;user-select:none;background:#0c051cb8;border:1px solid #4ef2ff8c;border-radius:8px;width:182px;padding:12px 14px;font-family:Arial,sans-serif;display:none;position:fixed;bottom:28px;left:28px;box-shadow:0 16px 40px #00000059,inset 0 0 24px #7b5cff40}.rift-hud.is-visible{display:block}.rift-hud__title{letter-spacing:.22em;text-transform:uppercase;color:#4ef2ff;text-shadow:0 0 12px #4ef2ffa6;margin-bottom:10px;font-size:12px;font-weight:700}.rift-hud__row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.rift-hud__row+.rift-hud__row{margin-top:4px}.rift-hud__label{letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-size:11px;font-weight:700}.rift-hud__value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rift-hud__exit{color:#ffd98a;letter-spacing:.04em;cursor:pointer;background:#ffc74e24;border:1px solid #ffc74e99;border-radius:6px;width:100%;margin-top:10px;padding:6px 10px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.rift-hud__exit:hover{background:#ffc74e3d}.rift-prompt{z-index:10;-webkit-backdrop-filter:blur(10px);letter-spacing:.16em;text-transform:uppercase;color:#d8f6ff;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;background:#0a061a99;border:1px solid #4ef2ff80;border-radius:999px;padding:10px 18px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;transition:opacity .35s,transform .35s;position:fixed;bottom:46px;left:50%;transform:translate(-50%,12px)}.rift-prompt.is-visible{opacity:1;transform:translate(-50%)}.rift-banner{z-index:11;letter-spacing:.28em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px #7b5cffe6,0 0 44px #4ef2ff8c;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;font-family:Arial,sans-serif;font-size:26px;font-weight:700;transition:opacity .45s,transform .45s;position:fixed;top:18%;left:50%;transform:translate(-50%,10px)scale(.96)}.rift-banner.is-visible{opacity:1;transform:translate(-50%)scale(1)}.rift-flash[data-rift=whiteout]{background:radial-gradient(circle at 50% 45%,#fff 0% 40%,#dbe7f2 72%,#b6c9da 100%)}.rift-danger{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(at 50% 58%,#fff0 34%,#f0f8ffd9 100%);transition:opacity .25s;position:fixed;inset:0}.rift-flash{z-index:90;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,#fff 0%,#9ce7ff 26%,#7b5cff 52%,#12042a 100%);transition:opacity .8s;position:fixed;inset:0}.rift-flash.is-in{opacity:1;transition:opacity .2s ease-in}body.is-in-rift:after{content:"";z-index:5;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 220px #14022dcc}body[data-rift=whiteout]:after{box-shadow:inset 0 0 200px #698aacb3}.rift-hud[data-rift=whiteout]{color:#16283a;background:#f0f7fdd1;border-color:#26446073;box-shadow:0 16px 40px #3c5a7847}.rift-hud[data-rift=whiteout] .rift-hud__title{color:#1d6fa8;text-shadow:none}.rift-hud[data-rift=whiteout] .rift-hud__exit{color:#14547f;background:#1d6fa81f;border-color:#1d6fa880}.rift-hud[data-rift=whiteout] .rift-hud__exit:hover{background:#1d6fa838}body[data-rift=whiteout] .rift-banner{color:#0f2739;text-shadow:0 0 18px #fffffff2,0 2px 10px #5a789699}.rift-flash[data-rift=hollows]{background:radial-gradient(circle at 50% 45%,#fff 0%,#dff3f0 32%,#6fb6bd 66%,#1c3a44 100%)}body[data-rift=hollows]:after{box-shadow:inset 0 0 200px #2c4e589e}.rift-hud[data-rift=hollows]{color:#16333a;background:#eef9f9d1;border-color:#1c3a4466;box-shadow:0 16px 40px #325c6442}.rift-hud[data-rift=hollows] .rift-hud__title{color:#1d7f86;text-shadow:none}.rift-hud[data-rift=hollows] .rift-hud__exit{color:#145b60;background:#1d7f861f;border-color:#1d7f8680}.rift-hud[data-rift=hollows] .rift-hud__exit:hover{background:#1d7f8638}body[data-rift=hollows] .rift-banner{color:#10333a;text-shadow:0 0 18px #fffffff2,0 2px 10px #46788299}.rift-flash[data-rift=avalanche]{background:radial-gradient(circle at 50% 62%,#fff 0%,#e6eef6 26%,#7d94aa 62%,#2b3c4d 100%)}body[data-rift=avalanche]:after{box-shadow:inset 0 -130px 200px #18243080,inset 0 0 170px #2b3c4d57}.rift-hud[data-rift=avalanche]{background:#16212dcc;border-color:#ff9d3f80;box-shadow:0 16px 40px #0006,inset 0 0 26px #5d738a47}.rift-hud[data-rift=avalanche] .rift-hud__title{color:#ffb264;text-shadow:0 0 14px #ff9d3f80}.rift-hud[data-rift=avalanche] .rift-hud__exit{color:#f4f1e4;background:#f4f1e41f;border-color:#f4f1e480}.rift-hud[data-rift=avalanche] .rift-hud__exit:hover{background:#f4f1e43d}body[data-rift=avalanche] .rift-banner{color:#fff6e9;text-shadow:0 0 18px #ff9d3fd9,0 2px 12px #141e28e6}.rift-hud[data-rift=echo]{border-color:#ffcf6b80;box-shadow:0 16px 40px #00000073,inset 0 0 24px #8f6bff47}.rift-hud[data-rift=echo] .rift-hud__title{color:#ffcf6b;text-shadow:0 0 12px #ffcf6b99}.rift-minimap{z-index:10;-webkit-backdrop-filter:blur(10px);background:#0c051c8c;border:1px solid #ffcf6b73;border-radius:50%;width:190px;height:190px;display:none;position:fixed;bottom:28px;right:28px;box-shadow:0 16px 40px #0006,inset 0 0 24px #8f6bff38}.rift-minimap.is-visible{display:block}.is-touch .rift-hud{inset:14px auto auto 14px}.is-touch .rift-minimap{width:122px;height:122px;top:66px;bottom:auto;right:12px}@media (width<=700px){.rift-banner{letter-spacing:.18em;font-size:16px;top:26%}.rift-prompt{letter-spacing:.12em;font-size:11px;bottom:96px}.is-touch .rift-hud{width:158px;padding:7px 11px;top:8px;left:8px}.is-touch .rift-hud__label{font-size:9px}.is-touch .rift-hud__value{font-size:12px}.is-touch .rift-hud__exit{margin-top:6px;padding:4px 8px;font-size:11px}.is-touch .rift-minimap{width:104px;height:104px;top:58px;right:8px}}.rift-hud__rewind{color:#c9b4ff;background:#8f6bff2e;border-color:#8f6bffa6}.rift-hud__rewind:hover{background:#8f6bff4d}.commons-badge{z-index:10;-webkit-backdrop-filter:blur(12px);letter-spacing:.04em;color:#ffffffd1;-webkit-user-select:none;user-select:none;background:#0a1426a8;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:9px;padding:9px 14px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;display:none;position:fixed;bottom:28px;right:28px;box-shadow:0 16px 40px #00000038}.commons-badge.is-visible{display:flex}.commons-badge__dot{background:#ffffff59;border-radius:50%;width:8px;height:8px}.commons-badge.is-live{color:#fff;border-color:#5cffa680}.commons-badge.is-live .commons-badge__dot{background:#5cffa6;box-shadow:0 0 10px #5cffa6d9}.commons-notice{z-index:9;-webkit-backdrop-filter:blur(14px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;background:#0a142685;border:1px solid #ffffff1f;border-radius:14px;align-items:flex-start;gap:11px;max-width:min(440px,100vw - 48px);padding:12px 18px;font-family:Arial,sans-serif;transition:opacity .9s,transform .9s;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%,12px)}.commons-notice.is-visible{opacity:1;transform:translate(-50%)}.commons-notice__dot{background:#5cffa6;border-radius:50%;flex:none;width:7px;height:7px;margin-top:5px;box-shadow:0 0 10px #5cffa6cc}.commons-notice__text{flex-direction:column;gap:3px;display:flex}.commons-notice__title{letter-spacing:.06em;text-transform:uppercase;color:#ffffffe6;font-size:12px;font-weight:700}.commons-notice__body{color:#ffffffa8;font-size:12px;line-height:1.45}body[data-rift=whiteout] .commons-notice,body[data-rift=hollows] .commons-notice{background:#eef9f9b8;border-color:#1c3a4447}body[data-rift=whiteout] .commons-notice__title,body[data-rift=hollows] .commons-notice__title{color:#102d34eb}body[data-rift=whiteout] .commons-notice__body,body[data-rift=hollows] .commons-notice__body{color:#102d34b3}@media (width<=860px){.commons-notice{bottom:104px}}.is-touch .commons-notice{max-width:calc(100vw - 32px);padding:10px 14px;bottom:122px}.is-touch .commons-notice__title,.is-touch .commons-notice__body{font-size:11px}.is-touch .commons-badge{padding:7px 11px;font-size:11px;top:66px;bottom:auto;right:12px}.perf-overlay{z-index:200;color:#f4efe8;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#0c0a09b8;border-radius:6px;padding:6px 10px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;position:fixed;top:8px;left:8px}