.city{--night:0;--shx:30;--shy:14;color:#2a2333;background:linear-gradient(#6fb7ff 0%,#dff0ff 55%,#f5efe6 100%);padding-bottom:34px;position:relative;overflow:clip}.city-stars{pointer-events:none;opacity:var(--night);background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,#0000 60%),radial-gradient(1px 1px at 41% 24%,#fff 50%,#0000 60%),radial-gradient(1px 1px at 66% 29%,#fff 50%,#0000 60%),radial-gradient(1px 1px at 88% 21%,#fff 50%,#0000 60%),radial-gradient(1px 1px at 72% 47%,#fff 50%,#0000 60%);position:absolute;inset:0}.city-sky-orb{aspect-ratio:1;pointer-events:none;border-radius:50%;width:clamp(40px,6vmin,72px);position:absolute}.city-sun{opacity:calc(1 - var(--night));background:radial-gradient(circle at 40% 40%,#fff9e0,#ffd66b 60%,#ffb347);top:12%;left:12%;box-shadow:0 0 40px #ffd66bcc}.city-moon{opacity:var(--night);background:radial-gradient(circle at 40% 40%,#fbfbff,#cfd3e0 60%,#8e93a6);top:10%;right:12%}.city-hero{grid-template-columns:minmax(0,25rem) minmax(0,1fr);align-items:center;gap:1rem;max-width:80rem;margin:0 auto;padding:3.5rem clamp(1.25rem,4vw,3rem) 4.5rem;display:grid;position:relative;overflow:clip}.city-copy{z-index:2;position:relative}.city-stage{z-index:1}.city-eyebrow{opacity:.65}.city-copy h1{margin:.8rem 0 0;font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:.98}.city-lede{color:#3a3448;max-width:34rem;margin-top:1rem;line-height:1.65}.city-cta{flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;display:flex}.city-btn{letter-spacing:.1em;text-transform:uppercase;color:#2a2333;background:#ffffffbf;border:1px solid #2a23334d;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.4rem;font-size:.75rem;text-decoration:none;display:inline-flex}.city-btn:hover{background:#fff;transform:translateY(-1px)}.city-btn-solid{color:#fffdf8;background:#2a2333;border-color:#2a2333}.city-stats{flex-wrap:wrap;gap:.5rem;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.city-stats li{background:#ffffffbf;border-radius:999px;padding:.45rem .9rem;font-size:.72rem}.city-thesis{background:#ffffffd9;border-radius:14px;max-width:30rem;margin-top:1.4rem;padding:1rem 1.2rem;animation:.3s ease-out both city-in;box-shadow:0 12px 40px #14143229}.city-thesis p{margin:.4rem 0 0;font-size:.92rem;line-height:1.55}.city-thesis-link{font-family:var(--font-mono);color:#2a2333;margin-top:.6rem;font-size:.72rem;display:inline-block}@keyframes city-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.city-stage{min-height:34rem;position:relative}.city-scene{width:540px;height:540px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)}.city-ground{transform-style:preserve-3d;background:repeating-linear-gradient(90deg,#0000 0 18px,#fff0c8e6 18px 30px,#0000 30px 40px) 0 268px/100% 3px no-repeat,repeating-linear-gradient(#0000 0 18px,#fff0c8e6 18px 30px,#0000 30px 40px) 268px 0/3px 100% no-repeat,linear-gradient(#5b5f6b,#5b5f6b) 0 225px/100% 90px no-repeat,linear-gradient(#5b5f6b,#5b5f6b) 225px 0/90px 100% no-repeat,linear-gradient(#d9d3c7,#d9d3c7) 0 213px/100% 114px no-repeat,linear-gradient(#d9d3c7,#d9d3c7) 213px 0/114px 100% no-repeat,#b9d59a;position:absolute;inset:0;transform:rotateX(60deg)rotate(45deg);box-shadow:0 0 0 6px #c9c2b4,0 0 0 7px #00000026,0 40px 60px -20px #14143280}.city-ground:after{content:"";pointer-events:none;background:rgba(20,30,70,calc(var(--night) * .55));position:absolute;inset:0}.city-tree{background:radial-gradient(circle at 35% 35%,#8ac27a,#4f8a48);border-radius:50%;width:14px;height:14px;position:absolute;transform:translateZ(10px);box-shadow:4px 6px #00000026}.city-tree:before{content:"";transform-origin:0 0;background:#6b4a2b;width:2px;height:10px;position:absolute;top:6px;left:6px;transform:rotateX(-90deg)}.city-car{width:12px;height:7px;transform-style:preserve-3d;background:var(--cc);border-radius:2px;animation:linear infinite city-drive;position:absolute;box-shadow:0 1px #0000004d}.city-car:before,.city-car:after{content:"";border-radius:1px;width:3px;height:5px;position:absolute;top:1px}.city-car:before{box-shadow:8px 0 8px 3px rgba(255,247,214,calc(var(--night) * .8));background:#fff7d6;right:-2px}.city-car:after{box-shadow:0 0 6px 2px rgba(255,75,75,calc(var(--night) * .8));background:#ff4b4b;left:-1px}.city-car-x1{animation-name:city-drive-east;animation-duration:9s;top:236px}.city-car-x2{animation-name:city-drive-west;animation-duration:12s;animation-delay:-5s;top:296px}.city-car-y1{width:7px;height:12px;animation-name:city-drive-south;animation-duration:11s;animation-delay:-3s;left:240px}.city-car-y2{width:7px;height:12px;animation-name:city-drive-north;animation-duration:8s;animation-delay:-7s;left:296px}.city-car-y1:before,.city-car-y2:before{width:5px;height:3px;top:auto;bottom:-2px;right:1px}.city-car-y1:after,.city-car-y2:after{width:5px;height:3px;top:-1px;left:1px}@keyframes city-drive-east{0%{transform:translate3d(-30px,0,2px)}to{transform:translate3d(570px,0,2px)}}@keyframes city-drive-west{0%{transform:translate3d(570px,0,2px)rotate(180deg)}to{transform:translate3d(-30px,0,2px)rotate(180deg)}}@keyframes city-drive-south{0%{transform:translate3d(0,-30px,2px)rotate(90deg)}to{transform:translate3d(0,570px,2px)rotate(90deg)}}@keyframes city-drive-north{0%{transform:translate3d(0,570px,2px)rotate(-90deg)}to{transform:translate3d(0,-30px,2px)rotate(-90deg)}}.city-slot{left:var(--x);top:var(--y);width:var(--w);height:var(--d);transform-style:preserve-3d;position:absolute}.city-shadow{filter:blur(3px);transform:translate(calc(var(--shx) * var(--h) / 100), calc(var(--shy) * var(--h) / 100)) translateZ(.5px);opacity:calc(1 - var(--night) * .7);background:#14193c47;position:absolute;inset:0}.city-b{transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .5s cubic-bezier(.2,1.3,.3,1);position:absolute;inset:0;transform:translateZ(0)}.city-b:hover,.city-b:focus-visible{transform:translateZ(24px)}.city-b:focus-visible{outline-offset:4px;outline:2px solid #2a2333}.city-face{background:var(--c);transform-origin:0 0;display:block;position:absolute;top:0;left:0;overflow:hidden}.city-face:before{content:"";pointer-events:none;z-index:2;background:rgba(18,24,66,calc(var(--night) * .6));position:absolute;inset:0}.city-top{width:var(--w);height:var(--d);transform:translateZ(var(--h));transform-style:preserve-3d;overflow:visible}.city-top:after{content:"";background:#ffffff29;position:absolute;inset:0;box-shadow:inset 6px 6px 0 -5px #0000000f,inset -6px -6px 0 -5px #0000000f}.city-south{width:var(--w);height:var(--h);transform:translateY(var(--d)) translateZ(var(--h)) rotateX(-90deg);filter:brightness(.96)}.city-east{width:var(--d);height:var(--h);transform:translateX(var(--w)) translateZ(var(--h)) rotateZ(90deg) rotateX(-90deg);filter:brightness(.74)}.city-door{background:#4c3d3a;border-radius:2px 2px 0 0;width:12px;height:10px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wins{grid-template-columns:repeat(var(--cols), 1fr);grid-auto-rows:1fr;gap:4px 5px;display:grid;position:absolute;inset:8px 6px 12px}.win{background:linear-gradient(160deg,#78a0c8d9,#3c5a82e6);border-radius:1px;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.win:after{content:"";border-radius:inherit;opacity:calc(var(--night,0) * var(--lit,0));background:#ffd58a;transition:opacity .35s;position:absolute;inset:0;box-shadow:0 0 6px #ffc878e6}.win.on{--lit:1}.win.warm:after{background:#ffe9b8}.win.cool:after{background:#cfe6ff;box-shadow:0 0 6px #b4d2ffe6}.city-tag{text-align:center;pointer-events:none;backface-visibility:hidden;opacity:0;background:#ffffffd9;border-radius:8px;width:150px;padding:8px 10px;font-size:11px;line-height:1.35;transition:opacity .25s,transform .5s cubic-bezier(.2,1.3,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(20px)rotate(-45deg)rotateX(-60deg)translateY(-40px);box-shadow:0 6px 16px #0000002e}.city-tag b{font-family:Georgia,serif;font-size:14px;display:block}.city-b:hover .city-tag,.city-b:focus-visible .city-tag{opacity:1;transform:translate(-50%,-50%)translateZ(36px)rotate(-45deg)rotateX(-60deg)translateY(-40px)}.city-neon{transform-origin:0 0;letter-spacing:.08em;color:#ff5fb8;text-shadow:0 0 6px #ff5fb8,0 0 14px #ff2fa0,0 0 30px #ff2fa099;width:150px;height:34px;box-shadow:0 0 20px rgba(255,95,184,calc(.25 + var(--night) * .55));background:#2a2038;border:2px solid #3c2d4f;border-radius:4px;place-items:center;margin-left:-75px;font-family:Georgia,serif;font-size:16px;font-style:italic;animation:3.2s ease-in-out infinite city-neon-hover,5s step-end infinite city-neon-flicker;display:grid;position:absolute;top:100%;left:50%;transform:translateZ(64px)rotateX(-90deg)}.city-neon:before,.city-neon:after{content:"";background:#6a5a7a;width:2px;height:18px;position:absolute;bottom:-18px}.city-neon:before{left:20px}.city-neon:after{right:20px}@keyframes city-neon-hover{0%,to{transform:translateZ(64px)rotateX(-90deg)}50%{transform:translateZ(70px)rotateX(-90deg)}}@keyframes city-neon-flicker{0%,90%,to{opacity:1}91%,93%{opacity:.55}92%{opacity:1}}.city-loop{background:#f6f1e7;border-top:1px solid #d9dfee}.city-loop-inner{max-width:60rem;margin:0 auto;padding:3rem clamp(1.25rem,4vw,3rem) 4rem}.city-loop h2{margin:.7rem 0 0;font-size:clamp(1.8rem,3.4vw,2.8rem)}.city-loop ol{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.city-loop li{border-top:2px solid #2a2333;padding-top:.8rem;line-height:1.6}.city-tape{z-index:60;color:#f5efe6;white-space:nowrap;background:#2a2333e6;font-size:12px;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.city-tape-track{padding:8px 0;animation:28s linear infinite city-tape;display:inline-block}.city-tape-track span{margin:0 18px}.city-tape-track .up{color:#8ac27a;font-style:normal}.city-tape-track .down{color:#e6a49a;font-style:normal}.city-tape-note{opacity:.55;letter-spacing:.14em;text-transform:uppercase;font-size:10px}@keyframes city-tape{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=960px){.city-hero{grid-template-columns:1fr}.city-stage{order:2;min-height:28rem}}@media (prefers-reduced-motion:reduce){.city-tape-track{animation:none}.city-neon{animation:5s step-end infinite city-neon-flicker}.city-b,.city-tag,.city-car{transition:none;animation-duration:40s}}