.world-hero,.world-experience{--night:#11142c;--night-soft:#1a1d3c;--night-line:#363958;--moon:#f4d9a0;--work:#b4bcff;--play:#f9b17e;--people:#b7dfb0;--create:#d3a7e7;--work-strength:.2;--play-strength:.3;--people-strength:.2;--create-strength:.25;color:#f6f0e6}
.world-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;background:var(--night);border-radius:32px;padding:64px 56px;margin:12px 0 48px;overflow:hidden}
.world-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--moon);margin-bottom:22px}
.world-hero h1{font-size:clamp(36px,4.7vw,65px);line-height:1.12;letter-spacing:-.055em;margin:0 0 24px;max-width:680px}
.world-hero-lead{font-size:17px;line-height:1.85;color:#d1cede;max-width:450px;margin:0 0 28px}
.world-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--moon);color:#232233!important;padding:17px 23px;border:0;border-radius:14px;font:inherit;font-size:15px;font-weight:800;line-height:1.4;text-decoration:none;min-height:56px;cursor:pointer;max-width:100%}
.world-primary:hover{background:#ffe4ae;transform:translateY(-2px)}
.world-primary:disabled{opacity:.38;cursor:not-allowed;transform:none}
.world-primary span{font-size:22px}.world-hero-small{font-size:11px;color:#aba9bd;line-height:1.8;max-width:460px;margin:18px 0 0}
.world-poster{position:relative;display:block;isolation:isolate;min-height:440px;border:1px solid #55516a;border-radius:22px;overflow:hidden;background:linear-gradient(150deg,#272846 0%,#1e2547 46%,#2f3753 100%)}
.world-poster-copy{position:relative;z-index:2;padding:28px 30px;display:flex;flex-direction:column;min-height:440px;justify-content:space-between}
.world-poster-copy>span:first-child{font-size:11px;letter-spacing:.1em;color:#c4becd}.world-poster h2{font-size:clamp(28px,3.2vw,42px);line-height:1.3;letter-spacing:-.04em;color:#f9e8c7;margin:24px 0 auto;max-width:360px}
.world-poster-bottom{font-size:68px;line-height:1;font-weight:900;letter-spacing:-.07em;color:var(--moon);padding-top:160px}.world-poster-bottom>span{font-size:17px;letter-spacing:0}.world-poster-bottom b{float:inline-end;font-size:33px;border:1px solid #9b94a4;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}
.world-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}.world-moon{position:absolute;width:88px;height:88px;inset-inline-end:11%;top:16%;border-radius:50%;background:#fae0ad;box-shadow:0 0 80px #f0be8233}.world-moon:after{content:"";position:absolute;inset:0;background:#262d4d;border-radius:50%;transform:translate(26px,-12px)}
.world-star{position:absolute;width:3px;height:3px;background:#e7dec5;box-shadow:0 0 10px #fbe1a7;animation:world-twinkle 5s ease-in-out infinite}.s1{left:12%;top:22%}.s2{left:35%;top:12%;animation-delay:1s}.s3{left:60%;top:36%;animation-delay:2s}.s4{left:84%;top:11%;animation-delay:3s}.world-horizon{position:absolute;inset:50% 0 0;background:radial-gradient(ellipse at 60% 100%,#e19e6455,transparent 66%)}
.world-city{position:absolute;inset:auto -3% 0;height:39%;display:flex;align-items:flex-end;gap:1.5%;padding:0 2%}.city-quarter{display:flex;align-items:flex-end;gap:4px;flex:1;height:100%}.city-building{background:#0c1024;position:relative;flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 5px;padding:13px 7px;align-content:start;border-top:1px solid #46455f;box-shadow:1px -4px 20px #1b193022}.building-0{height:60%}.building-1{height:100%}.building-2{height:78%}.city-building i{height:5px;background:#ffce87;opacity:.2;transition:opacity .6s,background .6s}
.quarter-work i{opacity:var(--work-strength);background:var(--work)}.quarter-play i{opacity:var(--play-strength);background:var(--play)}.quarter-people i{opacity:var(--people-strength);background:var(--people)}.quarter-create i{opacity:var(--create-strength);background:var(--create)}
.world-experience{background:var(--night);border-radius:32px;overflow:hidden;margin:12px 0 48px;box-shadow:0 30px 80px #11142c14}
.world-stage{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px 56px 60px;align-items:center}.world-back{display:block;font-size:12px;color:#c9c5da;margin-bottom:30px}.world-stage h1{font-size:clamp(34px,4.7vw,62px);line-height:1.17;letter-spacing:-.055em;margin:0 0 24px}.world-stage-lead{font-size:19px;line-height:1.7;color:#e3d9ce;margin-bottom:24px}
.world-clock-scene{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:center;justify-content:center;border-radius:24px;overflow:hidden;background:linear-gradient(#252746,#202e4a)}.world-clock-scene .world-city{height:26%}.world-clock-scene .world-moon{width:46px;height:46px;top:8%;inset-inline-end:9%}.world-clock-scene .world-moon:after{transform:translate(13px,-6px)}
.world-clock{position:relative;z-index:2;width:min(88%,320px);aspect-ratio:1;margin-bottom:32px;border-radius:50%;background:radial-gradient(circle,#1b213cdd 38%,transparent 68%)}.world-ring{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 16px #1c1d3c)}.world-ring path{transition:fill .45s}.world-ring text{fill:#a9aac1;font:9px Arial,sans-serif}.ring-old{fill:#4b506e}.ring-new{fill:#fae0a4}.ring-work{fill:var(--work)}.ring-play{fill:var(--play)}.ring-people{fill:var(--people)}.ring-create{fill:var(--create)}.world-clock-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.world-clock-center small{font-size:11px;color:#b8b5ca}.world-clock-center strong{font-size:74px;line-height:1.2;font-weight:900;letter-spacing:-.07em;color:var(--moon)}.world-clock-center>span{font-size:12px;color:#d5cfdf}.world-scene-caption{position:absolute;bottom:14px;text-align:center;color:#e8daca;font-size:12px;line-height:1.6;z-index:2;margin:0}
.world-builder{padding:50px 56px;border-top:1px solid var(--night-line);background:linear-gradient(135deg,#1a1d38,#15192f)}.world-section-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.3;letter-spacing:-.04em;margin:0 0 14px}.world-section-heading p{color:#b7b4c9;font-size:14px;max-width:600px}.world-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.world-settings label{font-size:12px;color:#bbb7cc;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.world-settings output{font-size:16px;font-weight:800;color:#f7dca5}.world-settings input{grid-column:1/-1;accent-color:#f4d9a0;width:100%;cursor:pointer;min-height:28px}
.world-presets{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.world-presets button{background:#262942;border:1px solid #484a65;border-radius:999px;padding:11px 15px;color:#e5deec;font-size:12px;line-height:1.5;transition:background .2s,border-color .2s}.world-presets button:hover,.world-presets button[aria-pressed="true"]{border-color:#f4d9a0;background:#494035;color:#ffe6b1}
.world-budget{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;padding:20px 22px;background:#10152a;border:1px solid #45485f;border-radius:16px;margin:24px 0}.world-budget>span{font-size:12px;color:#c5c1d2}.world-budget>strong{color:#f7dca5;font-size:18px}.world-hour-chips{width:100%;display:flex;gap:6px;padding-top:8px}.world-hour-chips i{height:10px;flex:1;background:#41465c;border-radius:3px;transition:background .3s}.world-complete .world-budget{border-color:#a2bba4}.world-complete .world-budget>strong{color:#b7dfb0}
.world-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.world-choice{min-width:0;background:#21263e;border:1px solid #454a63;border-radius:18px;padding:20px 16px;text-align:center;transition:background .4s,border-color .4s}.world-choice-icon{font-size:26px}.world-choice h3{font-size:18px;margin:10px 0 9px;line-height:1.3}.world-choice p{font-size:11px;line-height:1.7;color:#b9b6c7;min-height:42px;margin:0 0 22px}.world-choice>small{display:block;color:#aaa8bd;font-size:10px;margin-top:9px}.choice-work{--choice:var(--work)}.choice-play{--choice:var(--play)}.choice-people{--choice:var(--people)}.choice-create{--choice:var(--create)}.world-choice-icon,.world-choice h3{color:var(--choice)}.world-choice.has-hours{background:color-mix(in srgb,var(--choice) 9%,#1a1d34);border-color:var(--choice)}
.world-stepper{display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr}.world-stepper button{width:32px;height:34px;min-width:32px;border-radius:9px;border:1px solid #696c80;background:#30354e;color:#fff;font-size:19px;display:grid;place-items:center;padding:0}.world-stepper button:disabled{opacity:.25;cursor:not-allowed}.world-stepper output{font-size:28px;font-weight:800;min-width:28px;color:#fff}.world-model-note{color:#a7a5bb;font-size:11px;margin:19px 0}.world-reset{border:0;background:transparent;color:#c7c2d8;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.world-result{padding:52px 56px;border-top:1px solid var(--night-line);display:grid;grid-template-columns:1.1fr 1fr;gap:30px;background:radial-gradient(ellipse at 30% 0%,#38314a,transparent 75%),#12162d}.world-result-story{align-self:center}.world-result-story h2{font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:-.04em;margin:0 0 16px}.world-result-story p{color:#c5bed2;line-height:1.9;font-size:14px}.world-allocation-line{display:flex;gap:3px;height:12px;margin-top:27px;overflow:hidden;border-radius:10px;background:#3d425b}.world-allocation-line span{background:#3d425b;transition:flex .4s}.chip-work{background:var(--work)!important}.chip-play{background:var(--play)!important}.chip-people{background:var(--people)!important}.chip-create{background:var(--create)!important}
.world-total{background:#25283e;border:1px solid #56546a;border-radius:20px;padding:28px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.world-total>span{font-size:12px;color:#c1bdcb}.world-total>strong{font-size:clamp(35px,5vw,64px);line-height:1.4;letter-spacing:-.06em;color:var(--moon);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.world-total p{font-size:11px;color:#c9c2d1;margin:18px 0 8px}.world-total b{color:#f8e8c9;font-size:18px}.world-total>small{font-size:10px;color:#9899ae}
.world-outcomes{grid-column:1/-1;padding:22px 26px;background:#151a32;border:1px solid #393f59;border-radius:18px}.world-outcomes h3{font-size:13px;color:#e3d9c8;margin:0 0 15px}.world-outcome{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #353b54;align-items:center}.world-outcome>span{font-size:12px;color:#bcb7c9}.world-outcome>strong{font-size:21px;color:#e8e1d8;text-align:end;overflow-wrap:anywhere}.world-outcome small{font-size:11px;color:#a4a2b8;font-weight:400}.world-share{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0}.world-share>p{font-size:11px;color:#a5a1b9;max-width:450px;line-height:1.8}.world-share textarea{width:100%;max-width:500px;background:#242b43;border:1px solid #555c75;color:#fff;min-height:130px;padding:16px}.world-share label{font-size:12px;color:#c2bdd2}.world-share>div{font-size:12px;color:#e9d5ad;max-width:100%}
.world-explanation{padding:40px 56px;background:#eeebe2;color:#363746}.world-explanation h2{font-size:22px;margin:0 0 18px;letter-spacing:-.03em}.world-explanation p{font-size:13px;line-height:1.95;color:#666574}.world-explanation h3{font-size:15px;margin-top:28px}.world-related{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px}.world-related a{text-decoration:underline;text-underline-offset:4px}.world-explanation:lang(ar){direction:rtl}.world-experience :is(h1,h2,h3,p,span,a){overflow-wrap:anywhere}.world-experience button:focus-visible,.world-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.world-live-city{position:relative;isolation:isolate;min-height:140px;background:linear-gradient(120deg,#282d4c,#212743);border:1px solid #484a66;border-radius:16px;margin:0 0 22px;padding:22px;display:flex;align-items:center;overflow:hidden}.world-live-city>p{position:relative;z-index:2;font-size:16px;line-height:1.6;font-weight:700;color:#e9d4ad;width:48%;margin:0}.world-live-city .world-city{height:85%;width:46%;inset-inline-start:auto;inset-inline-end:0;padding:0}.world-live-city .world-moon{width:30px;height:30px;top:12px;inset-inline-end:37%}.world-live-city .world-moon:after{transform:translate(9px,-4px)}.world-live-city .city-building{padding:8px 4px;gap:5px 3px}.world-live-city .city-building i{height:3px}.world-live-city .world-star{width:2px;height:2px}.world-live-city .s1{left:65%;top:16%}
.world-reveal{margin-top:24px}.world-reveal[hidden]{display:none!important}
@keyframes world-twinkle{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:900px){.world-hero{gap:24px;padding:40px 32px}.world-poster,.world-poster-copy{min-height:390px}.world-poster-copy{padding:26px 24px}.world-stage{padding:36px 30px;gap:24px}.world-builder,.world-result{padding:36px 30px}.world-choice{padding:18px 10px}.world-choices{gap:9px}.world-stepper{gap:5px}.world-stepper button{min-width:27px;width:27px}.world-explanation{padding:32px 30px}}
@media(max-width:650px){.world-hero{grid-template-columns:1fr;padding:30px 24px;border-radius:24px;gap:30px;margin-top:2px}.world-hero h1{font-size:37px;letter-spacing:-.05em}.world-hero-lead{font-size:14px;line-height:1.9}.world-hero .world-primary{width:100%}.world-hero-small{font-size:10px}.world-poster,.world-poster-copy{min-height:335px}.world-poster h2{font-size:31px}.world-poster-bottom{font-size:55px;padding-top:105px}.world-eyebrow{font-size:10px;margin-bottom:18px}.world-experience{border-radius:24px;margin-top:2px}.world-stage{grid-template-columns:1fr;padding:26px 22px 28px;gap:28px}.world-stage h1{font-size:36px;line-height:1.2}.world-stage-lead{font-size:17px}.world-stage .world-primary{width:100%}.world-back{margin-bottom:25px}.world-clock-scene{min-height:345px}.world-clock{width:260px;margin-bottom:28px}.world-clock-center strong{font-size:67px}.world-builder,.world-result{padding:32px 22px}.world-section-heading h2{font-size:27px}.world-section-heading p{font-size:12px}.world-settings{grid-template-columns:1fr;gap:22px}.world-settings label{font-size:11px}.world-presets{gap:7px}.world-presets button{font-size:11px;padding:9px 12px}.world-choices{grid-template-columns:1fr 1fr;gap:10px}.world-choice{padding:19px 12px}.world-choice p{font-size:11px;min-height:38px;margin-bottom:17px}.world-choice h3{font-size:17px}.world-stepper{gap:13px}.world-stepper button{min-width:32px;width:32px;height:34px}.world-stepper output{font-size:29px}.world-budget{padding:17px 15px}.world-budget>strong{font-size:16px}.world-budget>span{font-size:11px;max-width:65%}.world-result{grid-template-columns:1fr;gap:26px}.world-result-story h2{font-size:28px}.world-result-story p{font-size:12px}.world-total{padding:26px 19px}.world-total>strong{font-size:52px}.world-outcomes{padding:20px 17px}.world-outcome{gap:12px}.world-outcome>span{font-size:11px;max-width:58%}.world-outcome>strong{font-size:19px}.world-share .world-primary{width:100%}.world-explanation{padding:30px 22px}.world-explanation p{font-size:12px}.world-explanation h2{font-size:21px}.world-related{font-size:11px}}
@media(prefers-reduced-motion:reduce){.world-star{animation:none}.world-hero *,.world-experience *{transition:none!important;scroll-behavior:auto}}