/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.overline{text-decoration-line:overline}}:root{--berry:#6d2e46;--berry-dark:#381622;--rose:#a26769;--cream:#ece2d0;--soft:#f7f1ea;--ink:#2b1b22;--gold:#d5a956;--green:#6d8768;--blue:#68838b}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;margin:0}body{color:var(--ink);font-family:Tahoma,Arial,sans-serif;overflow:hidden}button{font:inherit}.experience{min-height:100vh}.intro{min-height:100vh;color:var(--soft);background:radial-gradient(circle at 72% 20%,#d5a9562e,#0000 30%),linear-gradient(135deg,#24151c 0%,#431f2d 48%,#6d2e46 100%);padding:30px clamp(24px,5vw,78px);position:relative;overflow:hidden}.intro:before{content:"";transform-origin:bottom;opacity:.45;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;transform:perspective(600px)rotateX(60deg)scale(1.7)translateY(22%)}.intro-grain{opacity:.18;pointer-events:none;background-image:radial-gradient(#fff .7px,#0000 .7px);background-size:9px 9px;position:absolute;inset:0}.intro-nav{z-index:3;direction:ltr;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex;position:relative}.brand{direction:ltr;align-items:center;gap:12px;display:flex}.brand-q{width:45px;height:45px;color:var(--berry);background:var(--cream);border-radius:14px;place-items:center;font:900 22px Georgia,serif;display:grid;box-shadow:0 10px 30px #0003}.brand strong{color:var(--soft);letter-spacing:.12em;font-size:12px;display:block}.brand small{color:#d9bfc4;letter-spacing:.18em;margin-top:4px;font-size:8px;display:block}.session-chip{color:var(--cream);direction:rtl;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:9px 14px;font-size:11px}.intro-layout{z-index:2;direction:ltr;grid-template-columns:minmax(380px,1fr) minmax(420px,.75fr);align-items:center;gap:clamp(45px,7vw,120px);max-width:1420px;min-height:calc(100vh - 100px);margin:auto;display:grid;position:relative}.intro-copy{direction:rtl;max-width:720px}.overline{color:#e3c5ca;border-right:3px solid var(--gold);padding-right:12px;font-size:14px;display:inline-flex}.intro-copy h1{letter-spacing:-.07em;margin:18px 0 24px;font-size:clamp(64px,7vw,115px);line-height:.92}.intro-copy h1 em{color:#e8c17e;font-family:Georgia,serif;font-weight:500}.intro-copy p{color:#e6d9d5;max-width:650px;margin:0;font-size:clamp(17px,1.4vw,22px);line-height:1.8}.controls-preview{direction:ltr;gap:34px;margin-top:34px;display:flex}.controls-preview div{align-items:center;gap:6px;display:flex}.controls-preview span{background:#ffffff14;border:1px solid #ffffff38;border-bottom-width:4px;border-radius:8px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.controls-preview .wide-key{width:50px}.controls-preview b{color:#d9bfc4;direction:rtl;margin-left:7px;font-size:12px}.mission-card{color:var(--ink);direction:rtl;background:#f7f1eaf7;border-radius:30px;padding:32px;position:relative;box-shadow:0 35px 100px #00000059}.mission-card:before{content:"";pointer-events:none;border:1px solid #6d2e461f;border-radius:23px;position:absolute;inset:10px}.mission-number{background:var(--berry);color:#fff;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-block}.mission-card h2{margin:18px 0 22px;font-size:32px;line-height:1.2}.product-picker{gap:9px;display:grid}.product-picker button{text-align:right;cursor:pointer;background:#fff;border:1px solid #6d2e4621;border-radius:15px;grid-template-columns:50px 1fr;column-gap:12px;padding:12px;transition:all .2s;display:grid}.product-picker button>span{background:var(--soft);border-radius:12px;grid-row:1/3;place-items:center;width:50px;height:50px;font-size:29px;display:grid}.product-picker button strong{font-size:14px}.product-picker button small{color:#7d6570;margin-top:5px}.product-picker button.selected{border-color:var(--berry);background:#f8ecee;transform:translate(-5px);box-shadow:0 8px 20px #6d2e461a}.start-button{background:var(--berry);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:space-between;width:100%;margin-top:20px;padding:16px 18px;display:flex;box-shadow:0 12px 24px #6d2e4640}.start-button span{font-weight:900}.start-button b{border:1px solid #ffffff59;border-radius:6px;padding:3px 7px;font-size:11px}.mission-card>p{text-align:center;color:#89717a;margin:11px 0 0;font-size:10px}.city-preview{opacity:.3;pointer-events:none;width:760px;height:620px;position:absolute;bottom:-210px;left:-110px;transform:rotateX(58deg)rotate(-36deg)}.preview-road{background:#c9bda9;border:5px solid #67515a;position:absolute}.road-a{width:750px;height:100px;top:260px}.road-b{width:100px;height:600px;left:320px}.preview-block{background:var(--cream);width:130px;height:110px;color:var(--berry);place-items:center;font-size:36px;font-weight:900;display:grid;position:absolute;box-shadow:16px 18px #7b5966}.b1{top:90px;left:95px}.b2{top:80px;left:470px}.b3{top:410px;left:490px}.b4{top:420px;left:90px}.preview-player{background:#ef3340;border-radius:50% 50% 35% 35%;width:35px;height:70px;position:absolute;top:370px;left:345px;box-shadow:8px 10px #0006}.game{background:#17382f;height:100vh;position:relative;overflow:hidden}.hud{z-index:50;direction:ltr;background:#23151cf0;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:12px 26px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 40px #00000040}.brand.compact .brand-q{border-radius:11px;width:39px;height:39px}.brand.compact small{direction:rtl}.mission-progress{color:#fff;direction:rtl;align-items:center;gap:13px;display:flex}.mission-progress>span{color:#d9bfc4;font-size:11px}.mission-progress>strong{color:#f1c878;direction:ltr;font-size:12px}.progress-dots{direction:ltr;gap:6px;display:flex}.progress-dots i{background:#5d4750;border-radius:9px;width:26px;height:7px;transition:all .3s}.progress-dots i.done{background:var(--gold)}.progress-dots i.next{background:#fff;animation:1s infinite hudPulse}@keyframes hudPulse{50%{opacity:.35}}.carried-product{color:#fff;direction:rtl;justify-self:end;align-items:center;gap:10px;display:flex}.carried-product>span{background:var(--cream);border-radius:12px;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.carried-product small,.carried-product strong{text-align:right;display:block}.carried-product small{color:#d9bfc4;font-size:8px}.carried-product strong{margin-top:4px;font-size:12px}.game-viewport{background:#577259;position:absolute;inset:82px 0 0;overflow:hidden}.world{transform-origin:0 0;background:radial-gradient(circle at 12% 20%,#ffffff24,#0000 22%),repeating-linear-gradient(35deg,#ffffff06 0 2px,#0000 2px 12px),#6f8b6b;transition:transform 40ms linear;position:absolute}.ground-grid{opacity:.2;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.road{background:#50474a;border:12px solid #c8b59c;position:absolute;box-shadow:inset 0 0 0 3px #383034}.road-horizontal{width:1600px;height:145px;left:0}.h1{top:405px}.h2{top:810px}.road-vertical{width:145px;height:1000px;top:0}.v1{left:525px}.v2{left:1125px}.road:after{content:"";background:repeating-linear-gradient(90deg,#e6d2a6 0 35px,#0000 35px 65px);height:3px;position:absolute;inset:50% 0 auto}.road-vertical:after{background:repeating-linear-gradient(#e6d2a6 0 35px,#0000 35px 65px);width:3px;height:auto;inset:0 auto 0 50%}.river{background:linear-gradient(#688f99,#86aab0);border-block:8px solid #d8c8a5;width:1600px;height:85px;position:absolute;top:35px;left:0;overflow:hidden}.river span{background:#ffffff59;border-radius:100%;width:190px;height:4px;animation:5s linear infinite water;position:absolute}.river span:first-child{top:20px;left:100px}.river span:nth-child(2){animation-delay:-2s;top:50px;left:650px}.river span:nth-child(3){animation-delay:-4s;top:28px;left:1230px}@keyframes water{to{transform:translate(260px)}}.mission-route{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mission-route polyline{fill:none;stroke:#f7dda0;stroke-width:5px;stroke-dasharray:3 16;stroke-linecap:round;opacity:.72}.tree{color:#8bab6f;z-index:2;background:#496848;border:6px solid #3b533b;border-radius:50%;place-items:center;width:48px;height:48px;font-size:35px;display:grid;position:absolute;box-shadow:6px 8px #0000002e}.tree:after{content:"";z-index:-1;background:#6f4d38;width:11px;height:20px;position:absolute;bottom:-18px}.tree i{font-style:normal;transform:rotate(-20deg)}.moving-car{z-index:4;color:#fff;border-radius:12px 18px 18px 12px;place-items:center;width:70px;height:38px;font-size:11px;font-weight:900;display:grid;position:absolute;box-shadow:6px 7px #00000040}.moving-car:before,.moving-car:after{content:"";background:#171317;border-radius:4px;width:12px;height:7px;position:absolute;bottom:-5px}.moving-car:before{left:9px}.moving-car:after{right:9px}.car-one{background:var(--berry);animation:15s linear infinite driveRight;top:458px;left:-80px}.car-two{background:#c48e43;animation:18s linear infinite driveLeft;top:858px;right:-90px}@keyframes driveRight{to{transform:translate(1800px)}}@keyframes driveLeft{to{transform:translate(-1800px)}}.drone{color:#f4ca77;z-index:5;background:#33222a;border:3px solid #f4ca77;border-radius:50%;place-items:center;width:58px;height:58px;animation:2s ease-in-out infinite float;display:grid;position:absolute;top:155px;left:930px;box-shadow:0 12px 25px #00000038}.drone span{white-space:nowrap;color:#fff;background:#33222a;border-radius:7px;padding:4px 8px;font-size:9px;position:absolute;top:65px}@keyframes float{50%{transform:translateY(-10px)rotate(8deg)}}.station{z-index:6;width:190px;height:165px;color:inherit;cursor:pointer;text-align:center;background:0 0;border:0;position:absolute;transform:translate(-50%,-50%)}.building{background:#eadfc8;border:6px solid #50343f;border-radius:8px 8px 18px 18px;place-items:center;width:116px;height:95px;transition:all .25s;display:grid;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:11px 12px #2f1b2352}.building .roof{background:var(--berry);border:6px solid #50343f;border-radius:12px 12px 4px 4px;height:29px;position:absolute;top:-23px;left:-14px;right:-14px;transform:skew(-8deg)}.building b{color:var(--berry);z-index:2;font-size:27px;font-style:normal}.building .door{border:4px solid #50343f;background:#8a675d;border-bottom:0;border-radius:12px 12px 0 0;width:25px;height:34px;position:absolute;bottom:-1px}.station-label{color:#fff;background:#2d1b23;border:2px solid #ffffff26;border-radius:11px;min-width:180px;padding:8px 12px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:5px 6px #0000002e}.station-label small,.station-label strong{white-space:nowrap;display:block}.station-label small{color:#e1bfc5;margin-bottom:4px;font-size:8px}.station-label strong{font-size:13px}.station-order{z-index:4;color:#fff;background:#2d1b23;border:2px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid;position:absolute;top:0;right:19px}.station.next .building{filter:drop-shadow(0 0 15px #f9d68e);animation:1.3s ease-in-out infinite stationPulse}.station.next:before{content:"المهمة التالية";color:#342129;white-space:nowrap;background:#f2c871;border-radius:99px;padding:5px 10px;font-size:9px;font-weight:900;animation:1.5s infinite float;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.station.near .building{transform:translate(-50%)scale(1.08)}.station.done .building{filter:saturate(.55);background:#d8ccb5}.complete-stamp{z-index:8;color:#fff;background:#668166;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;left:26px}@keyframes stationPulse{50%{transform:translate(-50%)translateY(-8px)}}.player{z-index:20;filter:drop-shadow(8px 12px 4px #00000047);width:92px;height:126px;position:absolute;transform:translate(-50%,-80%)}.player-sprite{image-rendering:auto;background-image:url(/games/qodwa/mohamed-sprite.png);background-repeat:no-repeat;background-size:400% 400%;width:92px;height:112px;display:block}.player.walking{animation:.28s ease-in-out infinite alternate playerBob}@keyframes playerBob{to{margin-top:-4px}}.player-name{color:#fff;background:#2b1b22;border:2px solid #f5db9a;border-radius:99px;padding:3px 9px;font-size:9px;font-weight:800;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.product-bubble{border:3px solid var(--berry);background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;display:grid;position:absolute;top:0;right:-5px}.next-mission{z-index:45;color:#fff;background:#2b1b22f2;border:1px solid #ffffff21;border-radius:15px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 35px #0000004d}.next-mission small,.next-mission strong{display:block}.next-mission small{color:#e1bfc5;font-size:8px}.next-mission strong{margin-top:3px;font-size:12px}.next-mission>b{color:#f4ca77;margin-right:16px;font-size:9px}.pulse-dot{background:#f4ca77;border-radius:50%;width:10px;height:10px;animation:1s infinite hudPulse;box-shadow:0 0 0 7px #f4ca7724}.interact-prompt{z-index:46;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:14px;align-items:center;gap:12px;padding:9px 18px 9px 10px;animation:.25s ease-out promptIn;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0000004d}.interact-prompt>span{background:var(--berry);color:#fff;border-bottom:4px solid var(--berry-dark);border-radius:9px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.interact-prompt small,.interact-prompt strong{text-align:right;display:block}.interact-prompt small{color:#846d76;font-size:8px}.interact-prompt strong{margin-top:3px;font-size:13px}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,20px)}}.touch-controls{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#150c10c2;place-items:center;padding:28px;animation:.22s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.mission-modal{background:var(--soft);border:1px solid #ffffff59;border-radius:26px;width:min(1080px,94vw);max-height:92vh;animation:.35s cubic-bezier(.2,.8,.2,1) modalIn;overflow:auto;box-shadow:0 40px 120px #00000073}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(25px)}}.modal-head{background:var(--berry);color:#fff;z-index:5;align-items:center;gap:18px;height:100px;padding:18px 26px;display:flex;position:sticky;top:0}.modal-index{direction:ltr;align-items:center;gap:7px;display:flex}.modal-index span{color:#e3c3c9;font-size:11px}.modal-index i{background:var(--cream);width:52px;height:52px;color:var(--berry);border-radius:15px;place-items:center;font-size:21px;font-style:normal;font-weight:900;display:grid}.modal-head small{color:#e6c7cc;font-size:10px}.modal-head h2{margin:5px 0 0;font-size:26px}.modal-head>button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;width:40px;height:40px;margin-right:auto;font-size:26px}.modal-body{padding:30px}.modal-footer{color:#745c65;background:#eee4d5;border-top:1px solid #6d2e4624;justify-content:space-between;align-items:center;padding:15px 28px;font-size:11px;display:flex;position:sticky;bottom:0}.modal-footer button{background:var(--berry);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:800}.modal-footer button b{border:1px solid #ffffff4d;border-radius:4px;margin-right:10px;padding:2px 5px;font-size:9px}.statement{max-width:700px}.statement span{color:var(--rose);font-size:13px}.statement strong{color:var(--berry);margin:8px 0 12px;font-size:clamp(28px,4vw,49px);line-height:1.25;display:block}.statement p{color:#715c64;line-height:1.7}.gate-content{position:relative}.outcome-orbit{border:1px dashed #6d2e4659;border-radius:50%;place-items:center;width:270px;height:200px;display:grid;position:absolute;top:-5px;left:20px}.orbit-center{background:var(--berry);color:#fff;border-radius:50%;place-items:center;width:100px;height:100px;font-size:35px;display:grid;box-shadow:0 14px 30px #6d2e4633}.orbit-center b{margin-top:-20px;font-size:9px}.outcome-orbit>span{background:#fff;border:1px solid #6d2e4629;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800;position:absolute}.o1{top:-10px}.o2{bottom:25px;right:-15px}.o3{bottom:25px;left:-12px}.three-outcomes{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;display:grid}.three-outcomes>div{background:#fff;border:1px solid #6d2e461f;border-radius:15px;padding:18px;position:relative}.three-outcomes b{color:var(--gold);font-size:11px}.three-outcomes strong{margin:10px 0 5px;font-size:20px;display:block}.three-outcomes p{color:#806a73;margin:0;font-size:12px}.roadmap-content{grid-template-columns:repeat(7,1fr);gap:9px;padding:28px 0 8px;display:grid;position:relative}.roadmap-line{background:linear-gradient(90deg,var(--berry) 0 35%,#dacdbb 35%);border-radius:9px;height:5px;position:absolute;top:55px;left:5%;right:5%}.roadmap-stop{z-index:2;text-align:center;position:relative}.roadmap-stop>span{color:#8d747d;background:#fff;border:5px solid #d9cbb9;border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;font:900 13px Arial;display:grid}.roadmap-stop.current>span{background:var(--berry);color:#fff;border-color:#e8c875;box-shadow:0 0 0 8px #d5a95629}.roadmap-stop div{margin-top:15px}.roadmap-stop strong{font-size:13px}.roadmap-stop p{color:#816b73;margin:6px 0;font-size:9px;line-height:1.5}.roadmap-stop>b{color:#472734;background:#e8c875;border-radius:99px;padding:4px 8px;font-size:8px;display:inline-block}.recap-arrow{background:#eadfce;border-radius:15px;justify-content:center;align-items:center;gap:13px;padding:14px;display:flex}.recap-arrow span{background:var(--berry);color:#fff;border-radius:8px;padding:7px 10px;font-size:10px}.recap-arrow i{font-style:normal;font-weight:800}.recap-arrow b{color:var(--rose);font-size:25px}.recap-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.recap-grid>div{border-top:5px solid var(--green);background:#fff;border-radius:17px;padding:20px;position:relative}.recap-grid>div.recap-fix{border-color:var(--gold)}.recap-grid>div>span{width:34px;height:34px;color:var(--green);background:#e8f0e5;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:18px;left:18px}.recap-fix>span{color:#a56f2b!important;background:#f5e7c8!important}.recap-grid h3{margin:0;font-size:18px}.recap-grid ul{color:#735f67;margin:16px 0 0;padding-right:18px;font-size:13px;line-height:2}.takeaway{background:var(--berry);color:#fff;text-align:center;border-radius:12px;padding:13px 17px;margin:17px 0 0!important}.today-title{text-align:center;max-width:680px;margin:auto}.today-title span{color:var(--rose);font-size:10px;font-weight:900}.today-title h3{color:var(--berry);margin:8px 0 22px;font-size:32px}.mission-quadrants{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mission-quadrants>div{text-align:center;background:#fff;border:1px solid #6d2e4621;border-radius:15px;padding:16px}.mission-quadrants span{width:49px;height:49px;color:var(--berry);background:#f2e5e7;border-radius:14px;place-items:center;margin:0 auto 11px;font-weight:900;display:grid}.mission-quadrants b{font-size:12px;display:block}.mission-quadrants p{color:#7c6870;margin:6px 0 0;font-size:10px}.formula{background:#eadfce;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:15px;font-size:11px;display:flex}.formula span{background:#fff;border-radius:8px;padding:7px 11px}.formula>b{color:var(--rose)}.formula strong{color:var(--berry)}.definition{max-width:850px}.definition small{color:var(--rose);font-weight:900}.definition h3{color:var(--berry);margin:8px 0;font-size:28px}.definition p{color:#735f67;margin:0;line-height:1.7}.board-demo{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:20px 0;display:grid}.board-demo>strong{color:var(--rose);font-size:25px}.board-panel{background:#e3d7c5;border:4px solid #3d2831;border-radius:9px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.board-panel:before{content:"";background:#a48c83;height:2px;position:absolute;bottom:25px;left:10px;right:10px}.board-panel>span{font:900 10px Arial;position:absolute;top:7px;right:8px}.board-panel i{transform-origin:bottom;font-size:40px;font-style:normal}.wide-shot i{font-size:23px}.close-shot i{font-size:76px}.board-panel b{font-size:9px;position:absolute;bottom:5px;left:8px}.board-panel small{color:#755f67;font-size:8px;position:absolute;bottom:5px;right:8px}.arrow-guide{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.arrow-guide>div{background:#fff;border:1px solid #6d2e461f;border-radius:12px;grid-template-columns:45px 1fr;column-gap:10px;padding:12px;display:grid}.arrow-guide>div>span{background:var(--berry);color:#fff;border-radius:10px;grid-row:1/3;place-items:center;width:45px;height:45px;font-weight:900;display:grid}.arrow-guide strong{font-size:12px}.arrow-guide p{color:#816a73;margin:4px 0;font-size:9px}.comparison{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:16px;display:grid}.comparison>div{background:#fff;border:1px solid #6d2e461f;border-radius:17px;padding:18px}.comparison>div.ai-side{color:#fff;background:#3c202b}.comparison small{color:var(--rose);font-weight:900}.compare-icon{width:54px;height:54px;color:var(--berry);background:#eee2d3;border-radius:15px;place-items:center;margin:14px 0;font-size:25px;font-weight:900;display:grid}.ai-side .compare-icon{color:#f1ce83;background:#6d2e46}.comparison strong{font-size:19px}.comparison ul{color:#79636c;margin-bottom:0;padding-right:18px;font-size:12px;line-height:2}.ai-side ul{color:#e0cbd0}.versus{color:var(--rose);align-self:center;font:900 13px Arial}.flow-pipeline{direction:rtl;background:#e9dfd0;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:15px;padding:13px;display:flex}.flow-pipeline span{background:#fff;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.flow-pipeline span i{color:var(--rose);margin-left:5px;font-style:normal}.flow-pipeline>b{color:var(--berry)}.asset-lock{justify-content:center;align-items:center;gap:9px;margin-top:15px;display:flex}.asset-lock>strong{color:var(--berry);margin-left:6px}.asset-lock>div{background:#fff;border:1px solid #6d2e4626;border-radius:9px;padding:7px 10px;font-size:10px}.asset-lock span{color:var(--berry);font-size:17px;font-weight:900}.photo-why{grid-template-columns:240px 1fr;align-items:center;gap:25px;display:grid}.product-stage{background:linear-gradient(135deg,#e6d8c5,#cdb89e);border-radius:18px;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.product-stage:after{content:"";background:#2d1f2333;border-radius:50%;width:130px;height:22px;position:absolute;bottom:23px}.product-visual{z-index:2;filter:drop-shadow(9px 14px 4px #00000038);font-size:73px;position:relative}.light-beam{background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100px;height:250px;position:absolute;top:-50px;right:20px;transform:rotate(30deg)}.photo-why small{color:var(--rose);font-weight:900}.photo-why h3{color:var(--berry);margin:6px 0;font-size:29px}.photo-why p{color:#735f67;margin:0;line-height:1.65}.shot-selector{grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0;display:grid}.shot-selector button{cursor:pointer;background:#fff;border:1px solid #6d2e4624;border-radius:11px;padding:9px}.shot-selector span,.shot-selector b,.shot-selector small{display:block}.shot-selector span{color:#b1919d;font:900 8px Arial}.shot-selector b{margin:5px 0;font-size:11px}.shot-selector small{color:#8c747d;font-size:8px}.shot-selector button.active{background:var(--berry);color:#fff;transform:translateY(-4px);box-shadow:0 8px 18px #6d2e4633}.shot-selector button.active small,.shot-selector button.active span{color:#e7cbd0}.shot-demo{background:#eadfce;border-radius:15px;grid-template-columns:190px 1fr;align-items:center;gap:25px;padding:15px;display:grid}.phone-frame{background:#d8c5aa;border:5px solid #3b2931;border-radius:12px;place-items:center;height:135px;display:grid;position:relative;overflow:hidden}.phone-frame:before{content:"";background:#3b2931;border-radius:9px;width:30px;height:4px;position:absolute;top:6px}.frame-product{font-size:58px;transition:all .3s}.shot-1 .frame-product{transform:translateY(-15px)scale(.75)}.shot-2 .frame-product{transform:translateY(18px)scale(1.18)}.shot-3 .frame-product{transform:scale(2.2)}.shot-4 .frame-product{transform:translate(22px)rotate(-12deg)}.detail-ring{border:3px solid #fff;border-radius:50%;width:75px;height:75px;position:absolute;box-shadow:0 0 0 999px #00000047}.lifestyle-hand{font-size:45px;position:absolute;bottom:4px;left:27px}.shot-explain>span{color:var(--rose);font-size:9px;font-weight:900}.shot-explain h3{color:var(--berry);margin:5px 0;font-size:23px}.shot-explain p{color:#745f67;margin:0}.photo-rules{justify-content:center;gap:8px;margin-top:13px;display:flex}.photo-rules span{background:#fff;border:1px solid #6d2e461f;border-radius:99px;padding:7px 10px;font-size:9px}.finish{color:#fff;text-align:center;background:radial-gradient(circle,#7c3953 0,#331923 66%);place-items:center;height:100vh;padding:25px;display:grid;position:relative;overflow:hidden}.finish-rays{background:repeating-conic-gradient(#ffffff0a 0 7deg,transparent 7deg 18deg);width:1200px;height:1200px;animation:40s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.finish-card{z-index:2;max-width:760px;position:relative}.finish-badge{color:#e8cdd2;border:1px solid #fff3;border-radius:99px;padding:7px 12px;font-size:10px;display:inline-block}.finish-avatar{filter:drop-shadow(0 18px 15px #0000004d);width:130px;height:150px;margin:18px auto -10px}.finish-avatar .player-sprite{width:130px;height:150px}.finish h1{letter-spacing:-.055em;margin:15px 0 18px;font-size:clamp(52px,7vw,88px);line-height:.95}.finish h1 em{color:#f0cc83;font-family:Georgia,serif}.finish p{color:#eadce0;max-width:650px;margin:auto;font-size:16px;line-height:1.8}.finish-summary{justify-content:center;gap:11px;margin:24px 0;display:flex}.finish-summary span{color:#f1c978;background:#ffffff14;border:1px solid #ffffff21;border-radius:12px;min-width:130px;padding:11px;font-size:21px}.finish-summary b{color:#fff;margin-top:5px;font-size:10px;display:block}.finish button{background:var(--cream);color:var(--berry);cursor:pointer;border:0;border-radius:11px;padding:13px 22px;font-weight:900}.finish button small{border:1px solid #6d2e464d;border-radius:4px;margin-right:10px;padding:2px 6px}@media (width<=900px){.intro{padding:22px;overflow:auto}.intro-layout{grid-template-columns:1fr;min-height:auto;padding:55px 0}.intro-copy h1{font-size:60px}.mission-card{max-width:600px}.city-preview{display:none}.hud{grid-template-columns:1fr 1fr;height:75px}.mission-progress{background:#2b1b22;border-radius:10px;padding:8px 12px;position:fixed;top:80px;left:50%;transform:translate(-50%)}.carried-product{display:none}.game-viewport{inset:75px 0 0}.next-mission{bottom:10px;right:10px}.touch-controls{z-index:48;direction:ltr;grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px);gap:4px;display:grid;position:fixed;bottom:16px;left:16px}.touch-controls button{color:var(--berry);background:#f7f1eaeb;border:0;border-bottom:3px solid #3b2530;border-radius:10px;font-weight:900}.touch-controls button:first-child{grid-column:2}.touch-controls button:nth-child(2){grid-column:1}.touch-controls button:nth-child(3){grid-column:2}.touch-controls button:nth-child(4){grid-column:3}.outcome-orbit{display:none}.roadmap-content{grid-template-columns:1fr}.roadmap-line{display:none}.roadmap-stop{text-align:right;grid-template-columns:60px 1fr;align-items:center;display:grid}.roadmap-stop div,.roadmap-stop>span{margin:0}.mission-quadrants{grid-template-columns:1fr 1fr}.comparison{grid-template-columns:1fr}.versus{justify-self:center}.photo-why{grid-template-columns:1fr}.modal-body{padding:20px}.board-demo{grid-template-columns:1fr}.board-demo>strong{justify-self:center;transform:rotate(90deg)}.arrow-guide,.three-outcomes{grid-template-columns:1fr}.shot-selector{grid-template-columns:repeat(5,1fr)}.shot-selector small{display:none}}@media (width<=560px){.intro-nav{align-items:flex-start}.session-chip{font-size:8px}.intro-copy h1{font-size:48px}.intro-copy p{font-size:15px}.controls-preview{display:none}.mission-card{padding:23px}.mission-card h2{font-size:25px}.hud{padding:10px}.brand.compact small{display:none}.progress-dots i{width:15px}.next-mission{display:none}.interact-prompt{bottom:120px}.modal-backdrop{padding:8px}.mission-modal{width:100%;max-height:96vh}.modal-head{height:84px;padding:12px}.modal-head h2{font-size:20px}.recap-grid,.mission-quadrants{grid-template-columns:1fr}.formula,.flow-pipeline,.asset-lock,.photo-rules{flex-wrap:wrap}.shot-demo{grid-template-columns:1fr}.finish-summary{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}