.world{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(#315d89,#a4bdcf)}#scene,#sky-canvas,#scene canvas{position:absolute;inset:0;width:100%;height:100%}.city-back{position:absolute;inset:0;background:url('/assets/riyadh-candidate-day-cutout-v1.png') center bottom/cover no-repeat;--night:0}.city-back:after{content:"";position:absolute;inset:0;background:url('/assets/riyadh-candidate-night-fewer-lights-v2.png') center bottom/cover no-repeat;opacity:var(--night)}.readability{position:absolute;inset:0;background:linear-gradient(90deg,#071b304f,transparent 62%),linear-gradient(transparent 60%,#071b3040)}header{color:#fff}#time{border-width:1px;border-style:solid;border-radius:24px;padding:11px 17px;cursor:pointer}.hero{padding:160px 7% 65px;min-height:850px}.hero h1{font-size:clamp(46px,5vw,78px);max-width:850px;color:white;text-shadow:0 2px 22px #142d3a50}.hero h1 em{color:#fff1c9}.hero .eyebrow,.hero p,.hero .explore,.hero-footer{color:white}.hero p{max-width:490px;font-size:15px;text-shadow:0 1px 10px #132b40}.hero .eyebrow{margin-bottom:20px}.hero-footer{bottom:35px}.content{margin-top:8vh}.section-nav{bottom:18px}.review{position:fixed;right:20px;bottom:80px;width:365px;z-index:30;font-size:11px;color:#e6eaf0;background:#102334ec;border:1px solid #ffffff30;border-radius:12px;box-shadow:0 12px 45px #0003;backdrop-filter:blur(16px)}.review summary{padding:12px 15px;cursor:pointer;font-size:10px;letter-spacing:.5px}.review summary #phase{float:right;color:#d7bc83}.review-body{padding:0 15px 12px;display:grid;gap:10px}.engine-links{display:flex;gap:6px}.engine-links a{flex:1;padding:9px 7px;border:1px solid #ffffff25;border-radius:5px;font-size:10px}.engine-links a.active{background:#e1c48b;color:#162832}.moments{display:flex;gap:5px}.review button,.review select{border:1px solid #ffffff30;border-radius:5px;background:#ffffff09;color:#f4f4ef;font:inherit;padding:7px;cursor:pointer}.review select option{background:#102334}.review button.active{border-color:#e1c48b}.review small{font-size:9px;line-height:1.5;color:#b2bfce}.timeline{display:flex;align-items:center;gap:8px}.timeline input{width:95px}.timeline span{margin-left:auto;font-size:9px}.tuning{display:flex;gap:10px;align-items:center}.tuning label{font-size:9px;display:grid;gap:5px;flex:1}.tuning input{width:70px}.tuning select{width:105px;font-size:9px}input{accent-color:#d8bc84}html[data-theme=night] .world{background:#07142a}@media(max-width:700px){.hero{padding:135px 7% 80px;min-height:780px}.hero h1{font-size:47px;letter-spacing:-2px}.hero p{font-size:13px;max-width:300px}.city-back,.city-back:after{background-position:50% bottom}.review{width:min(365px,94%);right:3%;bottom:70px}.hero-footer{bottom:25px}.review details:not([open]){width:100%}.review summary{padding:10px}.content{margin-top:0}.section-nav a{padding:10px 7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
