@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(./barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(./barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(./barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(./barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2) format("woff2"),url(./barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2) format("woff2"),url(./barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(./barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(./barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(./barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(./barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-arabic-700-normal-D3nDedWX.woff2) format("woff2"),url(./cairo-arabic-700-normal-CyOqhaeK.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-latin-ext-700-normal-Cscux539.woff2) format("woff2"),url(./cairo-latin-ext-700-normal-htXca11Z.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(./cairo-latin-700-normal-C3GYtKbV.woff2) format("woff2"),url(./cairo-latin-700-normal-6fcUy4Rc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(./cairo-arabic-800-normal-G1qvPr6G.woff2) format("woff2"),url(./cairo-arabic-800-normal-CVTPwINa.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(./cairo-latin-ext-800-normal-ChnkP8hn.woff2) format("woff2"),url(./cairo-latin-ext-800-normal-RObK5hVW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(./cairo-latin-800-normal-BBdTpBXf.woff2) format("woff2"),url(./cairo-latin-800-normal-ReWrxM5E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0d1620;--ink-2: #16222e;--glass: rgba(13, 21, 30, .72);--glass-2: rgba(20, 30, 42, .86);--line: rgba(255, 255, 255, .12);--line-2: rgba(255, 255, 255, .22);--cream: #f6ecd8;--sand: #e8d3ab;--text: #f4f1ea;--muted: #a9b4bf;--amber: #e3a33b;--amber-2: #ffcf6e;--teal: #2bb3b1;--red: #ff4d42;--green: #3fd17a;--blue: #3c8fe0;--radius: 14px;--radius-lg: 22px;--display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--arabic: "Cairo", "Geeza Pro", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:var(--body);overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}#world{position:absolute;inset:0;display:block;background:#c9b28e}#fx{position:absolute;inset:0;pointer-events:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber-2);outline-offset:3px}.ar{font-family:var(--arabic);direction:rtl}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.08em;text-transform:uppercase;transition:transform .12s var(--ease),background .2s,box-shadow .2s}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(180deg,#ffd27a,var(--amber));color:#1b1408;box-shadow:0 10px 30px #e3a33b59,inset 0 1px #fff9}.btn-ghost{background:#ffffff14;border:1px solid var(--line-2);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff24}.btn-icon{width:46px;height:46px;min-height:0;padding:0;border-radius:50%}.btn-sm{min-height:40px;font-size:16px;padding:0 18px}.btn svg{width:20px;height:20px}#screens{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:auto;padding:calc(18px + var(--safe-t)) calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l));animation:screen-in .45s var(--ease) both}.screen.leaving{animation:screen-out .28s ease both;pointer-events:none}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}}@keyframes screen-out{to{opacity:0;transform:translateY(-8px)}}.scrim-bottom{background:linear-gradient(180deg,#0a1017c7,#0a101759 26%,#0a101700 42% 52%,#0a101799 76%,#0a1017e6)}.scrim-full{background:radial-gradient(120% 90% at 50% 30%,#0d16208c,#0a1017eb)}.scrim-showroom{background:radial-gradient(90% 55% at 50% 78%,#3a3226,#1a2129 55%,#0c1218)}.scrim-solid{background:radial-gradient(130% 100% at 50% 0%,#1d2b3a,#0d1620 60%)}.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-lg);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2)}.eyebrow{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--amber)}.h1{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:.01em;margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.step{font-family:var(--display);font-size:14px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase}.loading{align-items:center;justify-content:center;gap:22px;background:radial-gradient(120% 80% at 50% 20%,#1e2d3d,#0b121a)}.logo-lockup{text-align:center}.logo-lockup .jeep{font-family:var(--display);font-weight:800;font-size:clamp(54px,14vw,104px);letter-spacing:.06em;line-height:.85;background:linear-gradient(180deg,#fff,#c9cdd3 70%,#9aa0a8);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-lockup .commander{font-family:var(--display);font-weight:700;font-size:clamp(30px,7.6vw,56px);letter-spacing:.16em;line-height:1;color:#e9edf1}.logo-lockup .sub{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--display);font-weight:600;font-size:clamp(14px,3.6vw,20px);letter-spacing:.42em;color:var(--amber);text-transform:uppercase}.logo-lockup .sub:before,.logo-lockup .sub:after{content:"";width:34px;height:1px;background:var(--amber);opacity:.7}.loadbar{width:min(280px,70vw);height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}.loadbar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--amber),var(--amber-2));transition:width .25s ease}.load-note{font-size:13px;color:var(--muted);letter-spacing:.06em}.menu{justify-content:space-between}.menu .logo-lockup{margin-top:max(4vh,10px);filter:drop-shadow(0 6px 30px rgba(0,0,0,.45))}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:max(2vh,6px)}.menu-actions .btn-primary{min-width:min(320px,82vw);min-height:62px;font-size:24px}.menu-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.challenge-banner{align-self:center;padding:10px 18px;border-radius:999px;background:#e3a33b29;border:1px solid rgba(227,163,59,.5);font-family:var(--display);font-size:17px;letter-spacing:.06em;text-transform:uppercase}.legal{text-align:center;font-size:11px;color:#ffffff8c;max-width:560px;align-self:center;line-height:1.4}.select-head{margin:6px 0 14px}.select-head .h1{font-size:clamp(34px,7vw,56px)}.char-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.char-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;border-radius:var(--radius-lg);overflow:hidden;text-align:left;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,#1a2633),#111a24 75%);transition:transform .25s var(--ease),border-color .2s,box-shadow .25s}.char-card .portrait{position:absolute;inset:0 0 26%;display:flex;align-items:flex-end;justify-content:center}.char-card .portrait img{height:100%;max-width:120%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));animation:idle 4.2s ease-in-out infinite;transform-origin:50% 100%}.char-card:nth-child(2) .portrait img{animation-delay:-1.1s}.char-card:nth-child(3) .portrait img{animation-delay:-2.2s}.char-card:nth-child(4) .portrait img{animation-delay:-3.1s}@keyframes idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5%) scale(1.01)}}.char-card .info{position:relative;padding:12px 14px 14px;background:linear-gradient(180deg,#0d151e00,#0d151eeb 30%)}.char-card .name{font-family:var(--display);font-weight:800;font-size:26px;text-transform:uppercase;line-height:1}.char-card .name .ar{display:inline-block;font-size:16px;font-weight:700;color:var(--accent);margin-left:10px;vertical-align:2px}.char-card .territory{font-family:var(--display);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:4px}.char-card .ability{margin-top:8px;font-size:13px;line-height:1.35;color:#dbe2e8}.char-card .ability b{display:block;font-family:var(--display);font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.char-card.selected{border-color:var(--amber-2);box-shadow:0 0 0 2px var(--amber-2),0 20px 50px #00000073;transform:translateY(-4px)}.char-card .tick{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:var(--amber);color:#1b1408;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:.25s var(--ease)}.char-card.selected .tick{opacity:1;transform:scale(1)}.char-quote{min-height:28px;margin-top:12px;text-align:center;font-family:var(--display);font-size:20px;letter-spacing:.04em;color:var(--cream)}.select-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.showroom{flex:1;min-height:0;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6%}.showroom .floor{position:absolute;left:50%;bottom:0;width:min(92%,980px);aspect-ratio:5 / 1;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(227,163,59,.28),rgba(227,163,59,.06) 60%,transparent);filter:blur(2px)}.showroom .ring{position:absolute;left:50%;bottom:3%;width:min(80%,860px);aspect-ratio:5 / 1;transform:translate(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.18)}.showroom img.hero{position:relative;width:min(92%,980px);max-height:78%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,.45));transition:opacity .35s ease,transform .6s var(--ease)}.showroom img.hero.swap{opacity:0;transform:translate(-3%) scale(.98)}.color-panel{display:flex;flex-direction:column;align-items:center;gap:12px}.color-name{font-family:var(--display);font-weight:800;font-size:28px;text-transform:uppercase;letter-spacing:.06em}.swatches{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.swatch{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 32% 30%,var(--c2),var(--c1) 62%);box-shadow:inset 0 0 0 1px #ffffff40,0 6px 14px #00000059;transition:transform .2s var(--ease)}.swatch.selected{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--amber-2),0 6px 14px #00000059;transform:scale(1.08)}.pill-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#ffffff14;border:1px solid var(--line);font-size:13px}.pill img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#22303e}.note{font-size:11px;color:#ffffff80;text-align:center}.map-wrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);gap:18px}.map-stage{position:relative;min-height:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:#123a4f}.map-stage svg{position:absolute;inset:0;width:100%;height:100%}.map-node{cursor:pointer}.map-node .dot{transition:r .2s}.leg-card{display:flex;flex-direction:column;gap:12px;padding:20px;overflow:auto}.leg-card .h1{font-size:clamp(36px,6vw,54px)}.leg-card .ar-name{font-family:var(--arabic);font-weight:700;font-size:22px;color:var(--amber)}.leg-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.leg-meta div{padding:10px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line)}.leg-meta small{display:block;font-family:var(--display);letter-spacing:.18em;font-size:11px;color:var(--muted);text-transform:uppercase}.leg-meta b{font-family:var(--display);font-size:22px}.stars{display:inline-flex;gap:4px}.stars svg{width:22px;height:22px}.leg-blurb{color:#d5dde4;line-height:1.45;font-size:15px;margin:0}.lock-note{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:14px}#hud{position:absolute;inset:0;pointer-events:none;font-family:var(--display)}.hud-top{position:absolute;top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));display:flex;align-items:flex-start;gap:10px}.hud-card{background:var(--glass);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-player{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px}.hud-player img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#22303e}.hud-player b{display:block;font-size:19px;font-weight:800;text-transform:uppercase;line-height:1}.hud-player span{display:block;font-size:12px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-top:3px}.hud-objective{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px}.hud-objective .obj{max-width:100%;padding:6px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:15px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{width:min(360px,100%);height:6px;border-radius:6px;background:#ffffff29;position:relative;overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--teal),#6fe0d5);border-radius:6px}.hud-stats{display:flex;gap:0;padding:6px 4px}.stat{padding:0 12px;text-align:right;border-left:1px solid var(--line)}.stat:first-child{border-left:0}.stat small{display:block;font-size:11px;letter-spacing:.2em;color:var(--muted)}.stat b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat em{font-style:normal;font-size:14px;color:var(--muted);margin-left:3px}.stat.score b{color:var(--amber-2)}.stat.time.late b{color:#ff9a6b}.hud-pause{pointer-events:auto;width:44px;height:44px;border-radius:12px;background:var(--glass);border:1px solid var(--line);display:grid;place-items:center}.hud-pause svg{width:18px;height:18px}.hud-minimap{position:absolute;left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));width:132px;display:flex;flex-direction:column;align-items:center;gap:6px}.hud-minimap .disc{width:132px;height:132px;border-radius:50%;border:2px solid rgba(255,255,255,.25);box-shadow:0 10px 30px #00000059;position:relative}.hud-minimap canvas{width:100%;height:100%;border-radius:50%}.hud-minimap .n{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:12px;color:var(--muted)}.next-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:14px;letter-spacing:.06em;white-space:nowrap}.next-chip .lamp{width:10px;height:10px;border-radius:50%}.hud-gauge{position:absolute;right:calc(12px + var(--safe-r));bottom:calc(10px + var(--safe-b));width:190px;height:190px}.hud-gauge svg{width:100%;height:100%;overflow:visible}.gauge-speed{font-family:var(--display);font-weight:800;font-size:52px;fill:#fff;font-variant-numeric:tabular-nums}.gauge-unit{font-family:var(--display);font-size:14px;letter-spacing:.2em;fill:var(--muted)}.fuel-low .fuel-arc{animation:blink .7s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.hud-center{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.countdown{font-family:var(--display);font-weight:800;font-size:clamp(90px,22vw,180px);color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.45);animation:pop .9s var(--ease) both}.countdown.go{color:var(--green)}@keyframes pop{0%{transform:scale(1.6);opacity:0}25%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:0;transform:scale(.92)}}.popups{position:absolute;inset:0;pointer-events:none;overflow:hidden}.popup{position:absolute;transform:translate(-50%);font-family:var(--display);font-weight:800;font-size:22px;white-space:nowrap;text-shadow:0 3px 12px rgba(0,0,0,.5);animation:float-up 1.2s var(--ease) both}.popup.good{color:var(--amber-2)}.popup.bad{color:var(--red)}.popup small{display:block;font-size:13px;letter-spacing:.16em;color:#fff;text-transform:uppercase}@keyframes float-up{0%{opacity:0;transform:translate(-50%,10px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1.08)}30%{transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-70px)}}.fill-btn{pointer-events:auto;position:absolute;left:50%;bottom:calc(34% + var(--safe-b));transform:translate(-50%);width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3fd6e6,#127f91);border:4px solid rgba(255,255,255,.85);box-shadow:0 0 0 10px #1fb0c440,0 20px 40px #0006;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.06em;text-transform:uppercase;line-height:1.05;touch-action:none}.fill-btn.on{transform:translate(-50%) scale(.95);box-shadow:0 0 0 16px #1fb0c459,0 20px 40px #0006}.fill-btn small{display:block;font-size:13px;font-weight:600;letter-spacing:.16em}.stop-meter{position:absolute;right:calc(18px + var(--safe-r));top:50%;transform:translateY(-50%);width:58px;height:220px;border-radius:14px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.stop-meter .track{position:relative;flex:1;width:14px;border-radius:7px;background:#ffffff26}.stop-meter .box{position:absolute;left:-6px;right:-6px;height:18%;top:41%;border-radius:4px;border:2px solid var(--amber-2);background:#e3a33b40}.stop-meter .car{position:absolute;left:50%;width:22px;height:8px;margin-left:-11px;border-radius:3px;background:#fff;box-shadow:0 0 10px #fffc}.stop-meter b{font-size:16px}.stop-meter small{font-size:10px;letter-spacing:.16em;color:var(--muted)}#controls{position:absolute;inset:0;pointer-events:none}.pad{pointer-events:auto;position:absolute;display:grid;place-items:center;border-radius:22px;background:#0d151e6b;border:1.5px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:none;transition:transform .06s,background .1s;color:#fff}.pad svg{width:34px;height:34px}.pad.on{background:#ffffff47;transform:scale(.95)}.pad span{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.14em}.pad-left,.pad-right{width:84px;height:84px;bottom:calc(20px + var(--safe-b))}.pad-left{left:calc(16px + var(--safe-l))}.pad-right{left:calc(110px + var(--safe-l))}.pad-brake,.pad-gas{width:78px;bottom:calc(20px + var(--safe-b))}.pad-brake{height:84px;right:calc(108px + var(--safe-r));border-color:#ff4d4299}.pad-gas{height:118px;right:calc(16px + var(--safe-r));border-color:#3fd17a99}.pad-brake.on{background:#ff4d4266}.pad-gas.on{background:#3fd17a66}.swipe-zone{pointer-events:auto;position:absolute;inset:20% 0 0;touch-action:none}.touch .hud-gauge{bottom:calc(150px + var(--safe-b));right:calc(8px + var(--safe-r));width:150px;height:150px}.touch .hud-minimap{bottom:calc(126px + var(--safe-b));width:108px}.touch .hud-minimap .disc{width:108px;height:108px}@media(orientation:portrait){.hud-top{flex-wrap:wrap}.hud-player{padding-right:10px}.hud-player img{width:38px;height:38px}.hud-player b{font-size:16px}.hud-objective{order:3;flex-basis:100%}.hud-stats{margin-left:auto}.stat{padding:0 8px}.stat b{font-size:21px}.hud-objective .obj{font-size:13px}.touch .hud-gauge{width:138px;height:138px;bottom:calc(146px + var(--safe-b))}.touch .hud-minimap{left:calc(10px + var(--safe-l));bottom:calc(118px + var(--safe-b));width:96px}.touch .hud-minimap .disc{width:96px;height:96px}.pad-left,.pad-right{width:74px;height:78px}.pad-right{left:calc(98px + var(--safe-l))}.pad-brake{width:70px;right:calc(96px + var(--safe-r))}.pad-gas{width:72px;height:104px}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.char-card .ability{display:none}.char-card .name{font-size:21px}.map-wrap{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}}@media(max-height:520px)and (orientation:landscape){.hud-player span,.stat small{display:none}.stat b{font-size:20px}.touch .hud-gauge{width:124px;height:124px;bottom:calc(8px + var(--safe-b));right:calc(196px + var(--safe-r))}.touch .hud-minimap{left:calc(206px + var(--safe-l));bottom:calc(10px + var(--safe-b));width:84px}.touch .hud-minimap .disc{width:84px;height:84px}.touch .hud-minimap .next-chip,.char-card .ability{display:none}.select-head{margin:0 0 8px}.select-head .h1{font-size:30px}}#toasts{position:absolute;left:50%;top:calc(96px + var(--safe-t));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:min(92vw,560px)}.toast{padding:10px 18px;border-radius:14px;background:var(--glass-2);border:1px solid var(--line);font-family:var(--display);font-size:18px;letter-spacing:.04em;text-align:center;animation:toast 3s var(--ease) both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toast.bad{border-color:#ff4d4299;color:#ffd6d2}.toast.good{border-color:#3fd17a99}.toast.hint{border-color:#2bb3b1b3;color:#d8fbf8}@keyframes toast{0%{opacity:0;transform:translateY(-10px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.overlay{align-items:center;justify-content:center;background:#080d1399;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog{width:min(520px,100%);max-height:100%;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.dialog .h1{font-size:44px}.dialog .actions{display:flex;flex-direction:column;gap:10px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.setting label{font-family:var(--display);font-size:18px;letter-spacing:.06em;text-transform:uppercase}.setting input[type=range]{width:160px;accent-color:var(--amber)}.seg{display:inline-flex;border-radius:999px;border:1px solid var(--line-2);overflow:hidden}.seg button{padding:8px 14px;font-family:var(--display);font-size:15px;letter-spacing:.08em;text-transform:uppercase}.seg button.on{background:var(--amber);color:#1b1408}.results{width:min(980px,100%);max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;overflow:auto;padding:22px}.results .head{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.results .h1{font-size:clamp(40px,7vw,64px)}.big-stars{display:flex;gap:8px}.big-stars svg{width:52px;height:52px;animation:star-in .5s var(--ease) both}.big-stars svg:nth-child(2){animation-delay:.25s}.big-stars svg:nth-child(3){animation-delay:.5s}@keyframes star-in{0%{transform:scale(.2) rotate(-40deg);opacity:0}}.breakdown{display:flex;flex-direction:column}.breakdown .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}.breakdown .row b{font-family:var(--display);font-size:19px;font-variant-numeric:tabular-nums}.breakdown .row.neg b{color:#ff8a80}.breakdown .total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px}.breakdown .total b{font-family:var(--display);font-weight:800;font-size:46px;color:var(--amber-2)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line)}.kpi small{display:block;font-family:var(--display);font-size:11px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.kpi b{font-family:var(--display);font-size:28px}.result-card-preview{width:100%;border-radius:16px;border:1px solid var(--line)}.side-col{display:flex;flex-direction:column;gap:12px}.next-leg{padding:14px;border-radius:14px;background:#2bb3b11a;border:1px solid rgba(43,179,177,.4)}@media(orientation:portrait){.results{grid-template-columns:1fr}}.pack{background:radial-gradient(130% 100% at 50% 0%,#22313f,#0d1620 65%);padding-bottom:calc(12px + var(--safe-b))}.pack-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-head .h1{font-size:clamp(28px,5vw,44px)}.timer-ring{position:relative;width:64px;height:64px}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:24px;font-weight:800}.timer-ring.urgent b{color:var(--red)}.pack-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.4fr) minmax(170px,.7fr);gap:16px;margin-top:12px}.seat-plan{padding:14px;display:flex;flex-direction:column;gap:10px}.seat-plan h4,.tray h4{margin:0;font-family:var(--display);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.seats{display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px;border-radius:40px 40px 18px 18px;background:#ffffff0a;border:1px solid var(--line)}.seat-row{display:flex;gap:6px}.seat{width:34px;height:38px;border-radius:9px 9px 6px 6px;background:#2b3846;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-size:11px;overflow:hidden}.seat img{width:100%;height:100%;object-fit:cover}.seat.person{background:#3a5166}.seat.folded{height:14px;background:#1b252f;opacity:.8}.cargo{position:relative;min-height:0;display:flex;align-items:center;justify-content:center}.cargo-frame{position:relative;padding:14px;border-radius:26px 26px 14px 14px;background:linear-gradient(180deg,#2a2f36,#1b1f24);border:2px solid #3a4048;box-shadow:inset 0 0 40px #0009,0 20px 50px #0006}.cargo-frame:before{content:"CABIN";position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:var(--display);letter-spacing:.3em;font-size:11px;color:var(--muted)}.cargo-frame:after{content:"TAILGATE";position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-family:var(--display);letter-spacing:.3em;font-size:11px;color:var(--muted)}.grid{position:relative;display:grid;gap:2px}.cell{border-radius:4px;background:repeating-linear-gradient(45deg,#23272d 0 6px,#262b31 6px 12px);box-shadow:inset 0 0 0 1px #ffffff0a}.cell.blocked{background:linear-gradient(180deg,#3b4652,#2c3540);box-shadow:inset 0 -6px #00000040}.cell.ok{background:#3fd17a59}.cell.bad{background:#ff4d4259}.piece{position:absolute;display:grid;place-items:center;border-radius:8px;touch-action:none;cursor:grab;transition:filter .15s}.piece img{pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.piece.dragging{z-index:50;cursor:grabbing;filter:brightness(1.08)}.piece.placed img{filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.tray{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.tray-items{position:relative;flex:1;min-height:0;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.tray-slot{position:relative;border-radius:12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.16)}.fold-btn{margin-top:6px}.pack-hint{font-size:13px;color:var(--muted);line-height:1.4}.pack-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.pack-intro{align-items:center;justify-content:center;text-align:center;gap:14px;background:radial-gradient(130% 100% at 50% 0%,#22313f,#0d1620 65%)}.pack-intro img{width:min(560px,80vw);max-height:48vh;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}@media(orientation:portrait){.pack-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.seat-plan{flex-direction:row;align-items:center;padding:8px 10px}.seat-plan .pack-hint{display:none}.seats{flex-direction:row;border-radius:18px}.seat-row{flex-direction:column}.tray{padding:8px}.cargo{align-self:stretch}.tray{height:150px}#toasts{top:calc(150px + var(--safe-t))}}@media(max-height:520px)and (orientation:landscape){.pack-body{grid-template-columns:minmax(130px,.45fr) minmax(0,1.4fr) minmax(170px,.8fr)}.seat-plan .pack-hint{display:none}}.flash{position:absolute;inset:0;background:#fff;pointer-events:none;animation:flash .5s ease-out both}@keyframes flash{0%{opacity:.55}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}