:root{--ink:#101114;--paper:#fff;--asphalt:#172735;--muted:#5d6268;--line:#cfd2d4;--orange:#ff3d00;--orange-dark:#d83200;--lime:#b8e000;--max:88rem;--gutter:clamp(1rem, 4vw, 3.5rem);--radius:.875rem;color:var(--ink);background:var(--paper);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:20rem;margin:0;font-size:1rem;line-height:1.5}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.09em}a:focus-visible,button:focus-visible{outline:.25rem solid var(--lime);outline-offset:.25rem}.skip-link{z-index:20;background:var(--ink);color:#fff;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header,.site-footer{width:min(100%, var(--max));padding-inline:var(--gutter);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:4.75rem;display:flex}.brand{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;text-decoration:none}.brand span{color:var(--orange)}.header-link{text-decoration-color:var(--orange);font-weight:700}.hero{width:min(100%, var(--max));min-height:42rem;padding-left:var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:minmax(20rem,.8fr) minmax(31rem,1.2fr);margin-inline:auto;display:grid;overflow:hidden}.hero__copy{padding-block:5rem;z-index:2;align-self:center;padding-right:clamp(2rem,5vw,5rem)}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:10ch;margin-bottom:1.5rem;font-size:clamp(3.8rem,8vw,7.4rem);line-height:.88}.hero__copy>p{max-width:28rem;margin-bottom:2rem;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.42}.hero__actions{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.button{border:2px solid var(--orange);min-height:3.5rem;font:inherit;border-radius:.35rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem 1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.button svg,.text-link svg{flex:none}.button--primary{background:var(--orange);color:#fff}.button--primary:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.button--outline{color:var(--orange);min-width:14rem}.button--outline:hover{background:var(--orange);color:#fff}.text-link{align-items:center;gap:.65rem;font-weight:800;display:inline-flex}.hero__visual{min-height:42rem}.road-scene{background:#f7f8f8;width:100%;height:100%;min-height:18rem;position:relative;overflow:hidden}.road{background:var(--asphalt);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);position:absolute;inset:-5% 11% -8%}.road:before,.road:after{content:"";background:#fff;width:.65%;min-width:3px;position:absolute;inset-block:0}.road:before{transform-origin:bottom;left:25%;transform:rotate(7deg)}.road:after{transform-origin:bottom;right:25%;transform:rotate(-7deg)}.lane{background:repeating-linear-gradient(0deg,#9aa1a5 0 5%,#0000 5% 10%);width:1.2%;height:70%;position:absolute;bottom:0}.lane--left{transform-origin:bottom;left:42%;transform:rotate(2deg)}.lane--right{transform-origin:bottom;right:42%;transform:rotate(-2deg)}.crossing{justify-content:space-between;width:40%;display:flex;position:absolute;top:14%;left:30%;transform:perspective(10rem)rotateX(12deg)}.crossing i{background:#fff;width:15%;height:clamp(.4rem,1vw,.9rem);display:block}.car{aspect-ratio:1.35;border:clamp(2px,.3vw,5px) solid;border-radius:40% 40% 25% 25%;width:clamp(3.2rem,12%,7rem);position:absolute;left:50%;transform:translate(-50%)}.car:before,.car:after{content:"";background:#090b0d;border-radius:0 0 50% 50%;width:16%;height:28%;position:absolute;bottom:-13%}.car:before{left:9%}.car:after{right:9%}.car--main{color:var(--orange);background:var(--orange);bottom:14%;box-shadow:0 1rem 1rem #00000040}.car--main span{background:#111b22;border-radius:50% 50% 10% 10%;position:absolute;inset:17% 17% 45%}.car--ghost{color:#8a979f;opacity:.72;bottom:54%}.person{border-left:.35rem solid #fff;width:1rem;height:2.8rem;position:absolute;top:7%;left:50%;transform:translate(-50%)}.person:before{content:"";background:#fff;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:-.75rem;left:-.62rem}.person:after{content:"";background:#fff;width:1.7rem;height:.35rem;position:absolute;top:1.3rem;left:-.45rem;transform:rotate(-28deg)}.tree{aspect-ratio:1;background:var(--lime);border-radius:50%;width:clamp(3rem,8vw,6rem);position:absolute;top:10%;right:7%}.tree span{background:var(--ink);width:4%;height:105%;position:absolute;top:55%;left:48%}.games{width:min(100%, var(--max));padding:clamp(2.5rem, 6vw, 5rem) var(--gutter);margin-inline:auto}.game-preview{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:.45rem .45rem 0 var(--ink);background:linear-gradient(135deg,#fff 65%,#f1f3f3);grid-template-columns:minmax(13rem,.48fr) 1fr auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:1.25rem;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.game-preview:hover{box-shadow:.65rem .65rem 0 var(--orange);transform:translate(-.2rem,-.2rem)}.game-preview:nth-child(2n) .game-preview__visual{filter:hue-rotate(155deg)saturate(.85)}.game-preview:nth-child(3n) .game-preview__visual{filter:hue-rotate(190deg)saturate(.9)}.game-preview:nth-child(4n) .game-preview__visual{filter:hue-rotate(25deg)saturate(1.1)}.game-preview__visual{border-radius:.55rem;height:13rem;overflow:hidden}.game-preview h2{letter-spacing:-.045em;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.game-preview__copy>p:last-child{max-width:37rem;margin-bottom:0;font-size:1.15rem}.status{border:1.5px solid var(--orange);color:var(--orange);border-radius:.2rem;margin-bottom:.8rem;padding:.2rem .55rem;font-weight:800;display:inline-block}.principles{background:var(--ink);color:#fff;padding:clamp(4rem, 8vw, 7rem) var(--gutter)}.principles>*{width:min(100%, calc(var(--max) - 2 * var(--gutter)));margin-inline:auto}.principles h2{letter-spacing:-.055em;max-width:19ch;margin-bottom:clamp(3rem,6vw,5rem);font-size:clamp(2.5rem,6vw,5.5rem);line-height:.98}.principles__list{grid-template-columns:repeat(3,1fr);display:grid}.principles__list p{border-left:1px solid #555a5f;min-height:8rem;margin:0;padding:0 2rem;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800}.principles__list p:first-child{border-left:0;padding-left:0}.principles__list span{color:var(--lime);margin-bottom:1.5rem;font-size:.9rem;display:block}.site-footer{justify-content:space-between;gap:2rem;padding-block:2rem;font-size:.95rem;display:flex}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;gap:1.5rem;display:flex}.game-page,.prose-page{width:min(100%, var(--max));padding:clamp(3rem, 7vw, 6rem) var(--gutter);margin-inline:auto}.game-intro{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.game-intro h1{font-size:clamp(3.5rem,8vw,7rem)}.game-intro__lead{max-width:34rem;font-size:1.25rem}.game-stage{border:2px solid var(--ink);border-radius:var(--radius);min-height:34rem;overflow:hidden}.foundation{background:#f2f3f3;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,7vw,7rem);margin-top:5rem;padding:clamp(2rem,5vw,4rem);display:grid}.foundation h2{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.foundation dl{margin:0}.foundation dl div{border-top:1px solid #b7bbbd;padding:1.25rem 0}.foundation dt{margin-bottom:.35rem;font-weight:800}.foundation dd{color:var(--muted);margin:0}.back-link{margin-top:2.5rem}.back-link svg{transform:rotate(180deg)}.prose-page{max-width:62rem}.prose-page h1{max-width:none;font-size:clamp(3.5rem,8vw,6.5rem)}.prose-page__lead{max-width:38rem;font-size:1.4rem}.prose-page ol{counter-reset:principle;margin-top:4rem;padding:0;list-style:none}.prose-page li{counter-increment:principle;border-top:1px solid var(--line);padding:1.5rem 0 1.5rem 4rem;font-size:1.15rem;position:relative}.prose-page li:before{content:"0" counter(principle);color:var(--orange);font-weight:800;position:absolute;left:0}.game-page--playable{max-width:74rem;padding-top:clamp(2rem,5vw,4rem)}.game-heading{text-align:center;margin-inline:auto;max-width:58rem;margin-bottom:2rem;display:block}.game-heading h1{max-width:11ch;margin-bottom:0;font-size:clamp(3.5rem,8vw,7rem)}.game-heading>p{max-width:32rem;margin-inline:auto;font-size:1.2rem}.game-kicker{color:var(--orange);margin-bottom:.75rem;font-weight:900}.braking-game{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:.55rem .55rem 0 var(--ink);overflow:hidden}.braking-game__topline{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;min-height:4rem;padding:.75rem 1.25rem;display:flex}.braking-game__topline p{margin:0;font-weight:800}.micro-steps{gap:.5rem;font-size:.76rem;font-weight:800;display:flex}.micro-steps span{color:#aeb7bd;border:1px solid #65717a;border-radius:99rem;padding:.2rem .5rem}.micro-steps span.active{border-color:var(--lime);color:#fff}.game-timer{color:var(--lime);font-variant-numeric:tabular-nums}.braking-game__road{background:radial-gradient(circle at 10% 18%, var(--lime) 0 3.8rem, transparent 3.9rem), radial-gradient(circle at 91% 23%, #88ad21 0 4.8rem, transparent 4.9rem), linear-gradient(90deg, #e6e8e5 0 16%, transparent 16% 84%, #e6e8e5 84%), #f8f9f8;height:clamp(22rem,52vw,38rem);position:relative;overflow:hidden}.braking-game__road:before{content:"";z-index:2;background:repeating-linear-gradient(90deg,#fff 0 13%,#0000 13% 20%);width:38%;height:7%;position:absolute;top:8%;left:31%}.braking-game__lane{background:var(--asphalt);clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);position:absolute;inset:-5% 16%;box-shadow:inset 1rem 0 #fff,inset -1rem 0 #fff}.braking-game__lane:before{content:"";background:repeating-linear-gradient(#fff 0 8%,#0000 8% 15%);width:1%;height:100%;position:absolute;left:49.5%}.braking-game__car{aspect-ratio:1.35;background:var(--orange);z-index:2;border-radius:42% 42% 24% 24%;width:clamp(5rem,13vw,9rem);transition:bottom .7s ease-out;position:absolute;bottom:17%;left:50%;transform:translate(-50%);box-shadow:0 1rem 1.25rem #00000047}.braking-game__car:before,.braking-game__car:after{content:"";background:#080b0e;border-radius:0 0 50% 50%;width:17%;height:27%;position:absolute;bottom:-10%}.braking-game__car:before{left:10%}.braking-game__car:after{right:10%}.braking-game__car span{background:#101a22;border-radius:50% 50% 12% 12%;position:absolute;inset:16% 18% 45%}.braking-game__hazard{opacity:0;width:3.5rem;height:5.5rem;transition:opacity .12s,transform .12s;position:absolute;top:10%;left:50%;transform:translate(-50%)scale(.7)}.braking-game__hazard:before{content:"";background:var(--lime);border-radius:50%;width:1rem;height:1rem;position:absolute;left:1.3rem}.braking-game__hazard span,.braking-game__hazard span:before,.braking-game__hazard span:after{background:var(--lime);width:.45rem;height:3rem;display:block;position:absolute}.braking-game__hazard span{top:.9rem;left:1.55rem}.braking-game__hazard span:before,.braking-game__hazard span:after{content:"";transform-origin:top;height:2.4rem;top:1.9rem}.braking-game__hazard span:before{transform:rotate(35deg)}.braking-game__hazard span:after{transform:rotate(-35deg)}.braking-game[data-state=react] .braking-game__hazard,.braking-game[data-state=result] .braking-game__hazard{opacity:1;transform:translate(-50%)scale(1)}.braking-game[data-state=result] .braking-game__car{bottom:44%}.brake-button{z-index:3;background:var(--orange);color:#fff;min-width:min(22rem,100% - 2rem);min-height:4rem;font:inherit;cursor:pointer;box-shadow:0 .4rem 0 var(--ink);border:0;border-radius:.35rem;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:900;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.braking-game[data-state=react] .brake-button{background:var(--lime);color:var(--ink)}.braking-game__instructions{justify-content:space-between;gap:2rem;padding:1.25rem;display:flex}.braking-game__instructions p{max-width:42rem;margin:0}.game-note{color:var(--muted);font-size:.9rem}.learning-prediction,.parking-scenarios,.rain-setup fieldset{border:0;margin:0;padding:0}.learning-prediction{flex-wrap:wrap;gap:.45rem 1rem;display:flex}.learning-prediction strong,.learning-prediction span{width:100%}.learning-prediction label,.parking-scenarios label,.rain-setup label{cursor:pointer}.prediction-resolution{border-left:.35rem solid var(--lime);background:#f1f3f3;padding:.8rem 1rem}.braking-result{border-top:2px solid var(--ink);grid-template-columns:.35fr 1fr;display:grid}.reaction-result{background:var(--orange);color:#fff;padding:clamp(1.5rem,4vw,3rem)}.reaction-result p{margin-bottom:.5rem;font-weight:800}.reaction-result strong{margin-bottom:2rem;font-size:clamp(2.5rem,6vw,5rem);line-height:1;display:block}.text-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid;padding:0;font-weight:800}.result-actions{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.share-status{min-height:1.5rem;margin:1rem 0 0;font-size:.85rem}.distance-comparison{padding:clamp(1.5rem,4vw,3rem)}.distance-comparison h2,.insight h2,.evidence h2{letter-spacing:-.05em;font-size:clamp(2rem,5vw,4.5rem);line-height:.98}.distance-comparison>p{max-width:48rem}.distance-row{grid-template-columns:4.5rem 1fr 3.5rem;align-items:center;gap:1rem;margin-top:1.5rem;display:grid}.distance-row__label strong{font-size:2rem;line-height:1;display:block}.distance-row__label span{font-size:.8rem}.distance-track{background:#eceeee;height:2.5rem;display:flex}.distance-track span{height:100%;display:block}.distance-track__reaction{background:var(--asphalt)}.distance-track__braking{background:var(--orange)}.distance-legend{gap:1.5rem;margin-top:1.5rem;font-size:.85rem;display:flex}.distance-legend i{width:.8rem;height:.8rem;margin-right:.35rem;display:inline-block}.legend-reaction{background:var(--asphalt)}.legend-braking{background:var(--orange)}.insight{grid-template-columns:.7fr 1fr;gap:clamp(2rem,7vw,7rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.insight>p{font-size:clamp(1.25rem,2.5vw,1.8rem)}.insight aside{border-left:.45rem solid var(--lime);background:#f1f3f3;grid-column:2;padding:1.5rem}.insight aside p{margin:.5rem 0 0}.evidence{margin-inline:calc(-1 * var(--gutter));padding:clamp(3rem, 7vw, 6rem) var(--gutter);background:var(--ink);color:#fff}.evidence>div:first-child{justify-content:space-between;align-items:end;gap:2rem;display:flex}.evidence>div:first-child p{color:var(--lime)}.evidence dl{margin:3rem 0}.evidence dl div{border-top:1px solid #4c5155;grid-template-columns:.35fr 1fr;gap:2rem;padding:1.25rem 0;display:grid}.evidence dt{font-weight:900}.evidence dd{color:#d7d9da;margin:0}.source-list{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.source-list a{border:1px solid #5a6064;flex-direction:column;min-height:11rem;padding:1.25rem;text-decoration:none;display:flex}.source-list a:hover{border-color:var(--lime)}.source-list span{color:var(--lime);font-size:.8rem;font-weight:900}.source-list strong{margin:.7rem 0}.source-list small{color:#c9ccce}.games{gap:1.5rem;display:grid}.centered-game-page{width:min(100%,74rem);padding:clamp(2rem, 5vw, 4rem) var(--gutter) 6rem;margin-inline:auto}.centered-game-heading{text-align:center;max-width:58rem;margin:0 auto 2.5rem}.centered-game-heading h1{max-width:none;font-size:clamp(3.5rem,8vw,6.5rem)}.centered-game-heading p{max-width:38rem;margin-inline:auto;font-size:1.2rem}.centered-game-heading:after{content:"";background:var(--orange);width:4.5rem;height:.5rem;margin:1.5rem auto 0;display:block}.centered-game-heading--editorial{text-align:left;grid-template-columns:1fr auto;align-items:end;gap:2rem;max-width:none;display:grid}.centered-game-heading--editorial:after{display:none}.centered-game-heading--editorial h1{max-width:14ch;margin-bottom:1rem;font-size:clamp(3.2rem,7vw,6rem)}.centered-game-heading--editorial p{margin-inline:0}.heading-stat{border:2px solid var(--ink);text-align:center;min-width:9rem;box-shadow:.35rem .35rem 0 var(--orange);background:#fff;border-radius:.65rem;padding:1rem}.heading-stat span{color:var(--orange);font-size:3.5rem;line-height:1;display:block}.heading-stat--blue{box-shadow:.35rem .35rem #2c98cf}.parking-game{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:.55rem .55rem 0 var(--ink);overflow:hidden}.game-flow{border-bottom:1px solid var(--line);background:#f5f6f6;grid-template-columns:repeat(3,1fr);display:grid}.game-flow span{color:var(--muted);text-align:center;padding:.8rem 1rem;font-size:.82rem;font-weight:900;position:relative}.game-flow span+span{border-left:1px solid var(--line)}.game-flow span.active{background:var(--ink);color:#fff}.game-flow span.active:after{content:"";background:var(--lime);height:.22rem;position:absolute;inset:auto 16% 0}.parking-scenarios{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.8rem 1.4rem;padding:1rem;display:flex}.parking-scenarios legend{width:100%;font-weight:900}.scenario-reflection{border-top:1px solid var(--line);padding-top:1rem;font-weight:700;margin-top:1rem!important}.rain-game{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:.55rem .55rem 0 var(--ink);overflow:hidden}.rain-setup{grid-template-columns:1fr 1.3fr auto;align-items:end;gap:1.5rem;padding:1rem;display:grid}.rain-setup fieldset{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.rain-setup legend{width:100%;margin-bottom:.4rem;font-weight:900}.rain-setup>strong{border:1px solid var(--line);color:var(--orange);padding:.75rem}.rain-board{aspect-ratio:1.35;background:#8f9ca2;border-block:1px solid #7d898f;grid-template-columns:repeat(4,1fr);gap:clamp(.2rem,.5vw,.45rem);padding:clamp(.5rem,2vw,1rem);display:grid;position:relative}.rain-cell{min-width:0;font:inherit;color:#fff;cursor:pointer;background:#56616a;border:0;font-size:clamp(1.4rem,4vw,3rem);transition:transform .13s,filter .13s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47,0 .2rem .35rem #0003}.rain-cell--roof{background:repeating-linear-gradient(135deg,#0000 0 .7rem,#ffffff1f .7rem .78rem),#9c684e}.rain-cell--roof:before{content:"";border:2px solid #e7ddd5;position:absolute;inset:18%;transform:rotate(45deg)}.rain-cell--street{background:linear-gradient(110deg,#52636e,#354852)}.rain-cell--street:before{content:"";opacity:.7;background:repeating-linear-gradient(#fff 0 10%,#0000 10% 20%);width:2%;height:100%;position:absolute;top:0;left:49%}.rain-cell--yard{color:var(--asphalt);background:radial-gradient(#7fa346 15%,#0000 17%) 0 0/1.2rem 1.2rem,#c9d6b0}.rain-cell span{z-index:2;position:relative}.rain-cell--measure-tree{box-shadow:inset 0 0 0 7px var(--lime)}.rain-cell--measure-basin{box-shadow:inset 0 0 0 7px #2c98cf}.rain-cell--measure-roof{box-shadow:inset 0 0 0 7px #719e36}.rain-cell--measure-permeable{box-shadow:inset 0 0 0 7px #b9d6e4}.rain-layer{pointer-events:none;opacity:0;background-image:repeating-linear-gradient(105deg,#0000 0 1.5rem,#2c98cf73 1.55rem 1.65rem,#0000 1.7rem 3rem);position:absolute;inset:0}.rain-game[data-state=raining] .rain-layer{opacity:1;animation:.7s linear infinite rain-shift}@keyframes rain-shift{to{transform:translateY(2rem)}}.rain-tools{grid-template-columns:repeat(4,1fr);gap:.7rem;padding:1rem;display:grid}.rain-tools button{border:1px solid var(--line);min-height:4.5rem;font:inherit;cursor:pointer;background:#fff;border-radius:.55rem;justify-content:center;align-items:center;gap:.5rem;font-weight:800;transition:transform .13s;display:flex;box-shadow:0 .18rem #c8ccce}.rain-tools button[aria-pressed=true]{border:3px solid var(--orange);color:var(--orange);box-shadow:0 .3rem 0 var(--orange)}.rain-tools span{font-size:1.5rem}.rain-actions{justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem 1rem;display:flex}.rain-actions .text-button{color:var(--ink)}.rain-actions .button{cursor:pointer;width:auto}.rain-result{border-top:2px solid var(--orange);background:linear-gradient(135deg,#fff,#edf7fa);padding:clamp(1.5rem,4vw,3rem)}.tempo-game{border:2px solid var(--ink);box-shadow:.65rem .65rem 0 var(--ink);background:#fff;border-radius:1.25rem;overflow:hidden}.tempo-progress{color:var(--orange);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.tempo-progress>div{align-items:center;display:flex}.tempo-progress i{aspect-ratio:1;border:2px solid var(--line);background:#fff;border-radius:50%;width:clamp(1.1rem,3vw,1.6rem)}.tempo-progress i+i{margin-left:clamp(.6rem,2vw,1.4rem)}.tempo-progress i+i:before{content:"";background:var(--line);width:clamp(.6rem,2vw,1.4rem);height:2px;display:block;transform:translate(-100%,calc(.55rem - 1px))}.tempo-progress i.active{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 .25rem #fff}.tempo-scene{isolation:isolate;background:linear-gradient(#d9edf4 0 38%,#a9c67c 38%);min-height:clamp(20rem,48vw,34rem);position:relative;overflow:hidden}.tempo-scene:after{content:"";z-index:8;pointer-events:none;background:linear-gradient(130deg,#ffffff3d,#0000 42%);position:absolute;inset:0}.tempo-building{border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#f8f1df 0 18%,#aac3ce 18% 25%);width:41%;height:45%;position:absolute;top:9%;left:5%;box-shadow:.55rem .55rem #1011142e}.tempo-building:before{content:"";clip-path:polygon(4% 100%,15% 0,90% 0,100% 100%);background:#a4482f;height:18%;position:absolute;inset:-16% -5% auto}.tempo-building b{letter-spacing:.08em;background:#fff;max-width:86%;padding:.3rem .55rem;font-size:clamp(.65rem,1.7vw,1.05rem);position:absolute;bottom:8%;left:7%}.tempo-road{z-index:2;background:#405463;border-left:clamp(2rem,7vw,5rem) solid #d8d5c8;position:absolute;inset:38% -12% -25% 31%;transform:rotate(-14deg);box-shadow:inset 0 0 0 3px #263844}.tempo-road:before{content:"";background:repeating-linear-gradient(90deg,#ffd850 0 8%,#0000 8% 14%);height:clamp(2rem,6vw,4rem);position:absolute;inset:46% 0 auto}.tempo-road:after{content:"";background:repeating-linear-gradient(#fff 0 8%,#0000 8% 16%);width:.35rem;height:100%;position:absolute;left:55%}.tempo-road i{z-index:3;aspect-ratio:1.7;border:3px solid var(--ink);background:var(--orange);border-radius:45% 45% 20% 20%;width:clamp(2.8rem,8vw,5.5rem);position:absolute;box-shadow:inset 0 .7rem #bdd9e5}.tempo-road i:first-child{top:12%;left:22%}.tempo-road i:nth-child(2){background:#f1efe9;bottom:16%;right:12%}.tempo-road i:nth-child(3){background:var(--lime);bottom:5%;left:16%}.tempo-tree{z-index:4;color:#73952c;text-shadow:.08em .08em #55741a;font-size:clamp(7rem,22vw,15rem);line-height:1;position:absolute;top:17%;right:8%}.tempo-person,.tempo-bike{z-index:6;color:var(--ink);font-weight:900;position:absolute}.tempo-person{font-size:clamp(2rem,7vw,4rem);bottom:17%;left:48%}.tempo-bike{font-size:clamp(1.2rem,4vw,2.5rem);bottom:31%;right:21%;transform:rotate(-14deg)}.tempo-scene[data-tempo-scene=axis]{filter:saturate(.72)}.tempo-scene[data-tempo-scene=centre] .tempo-building{background:repeating-linear-gradient(90deg,#f3d381 0 18%,#88aec0 18% 25%)}.tempo-scene[data-tempo-scene=meeting] .tempo-road{background:#b98d65;border-left-color:#d6c1a5}.tempo-panel,.tempo-feedback,.tempo-final{padding:clamp(1.25rem,4vw,3rem)}.tempo-place{color:var(--orange);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-weight:900}.tempo-panel>h2,.tempo-feedback h2,.tempo-final h2{letter-spacing:-.045em;max-width:18ch;margin-bottom:1.75rem;font-size:clamp(1.7rem,4vw,3rem);line-height:1.05}.tempo-panel fieldset{border:0;margin:0 0 1.5rem;padding:0}.tempo-panel legend{margin-bottom:.75rem;font-weight:900}.tempo-speeds{grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,2vw,1rem);display:grid}.tempo-speeds legend{grid-column:1/-1}.tempo-speeds button{color:#fff;cursor:pointer;background:#385569;border:3px solid #385569;border-radius:.75rem;min-height:clamp(6rem,15vw,9rem);box-shadow:0 .35rem #223946}.tempo-speeds button:hover{transform:translateY(-.18rem)}.tempo-speeds button[aria-pressed=true]{border-color:var(--ink);background:var(--orange);box-shadow:0 .35rem 0 var(--ink)}.tempo-speeds strong{font-size:clamp(2.2rem,7vw,4.5rem);line-height:1;display:block}.tempo-speeds span{font-weight:800}.tempo-factors{flex-wrap:wrap;gap:.6rem;display:flex}.tempo-factors legend{width:100%}.tempo-factors button{min-height:3.1rem;font:inherit;cursor:pointer;background:#edf4f7;border:2px solid #d7e1e7;border-radius:99rem;padding:.65rem .9rem;font-weight:800}.tempo-factors button:nth-of-type(3n+1){background:#eaf4d6;border-color:#d2e5aa}.tempo-factors button:nth-of-type(3n){background:#fff0bd;border-color:#f5dc81}.tempo-factors button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.tempo-factors button span{margin-right:.45rem;font-size:1.2rem}.tempo-check{cursor:pointer;width:100%}.tempo-check:disabled{opacity:.38;cursor:not-allowed}.tempo-feedback{border-top:.6rem solid var(--orange);background:linear-gradient(135deg,#fff,#edf4f7)}.tempo-comparison{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tempo-comparison p,.tempo-final [data-tempo-summary] p{border:1px solid var(--line);background:#fff;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.tempo-comparison span,.tempo-final span{color:var(--muted)}.tempo-comparison strong{font-size:1.4rem}.tempo-reason{border-left:.4rem solid var(--lime);padding-left:1rem;font-weight:700}.tempo-final{background:var(--ink);color:#fff}.tempo-final .status{color:var(--lime);border-color:var(--lime)}.tempo-final [data-tempo-summary]{color:var(--ink);margin:2rem 0}.rain-result h2{letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.rain-result__compare,.rain-balance{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.rain-result__compare p{border:1px solid var(--line);padding:1rem}.rain-result__compare span,.rain-balance span{font-size:.85rem;display:block}.rain-result__compare strong{margin-top:.35rem;font-size:1.4rem;display:block}.rain-balance{grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.rain-balance meter{accent-color:#2c98cf;width:100%}.parking-canvas{aspect-ratio:4/3;border-block:1px solid var(--line);background:linear-gradient(90deg,#c9c7c0 0 3%,#0000 3% 97%,#c9c7c0 97%),#e1dfd8;grid-template-columns:repeat(4,1fr);gap:clamp(.2rem,.5vw,.45rem);padding:clamp(.75rem,2vw,1.5rem);display:grid}.parking-cell{color:#fff;min-width:0;font:inherit;cursor:pointer;background:#43505a;border:0;font-size:clamp(1.5rem,5vw,3.5rem);transition:transform .13s,filter .13s;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d,0 .25rem .35rem #0000002e}.parking-cell:hover{filter:brightness(1.08);transform:scale(1.025)}.parking-cell:hover,.rain-cell:hover{z-index:4;outline:.25rem solid var(--lime);outline-offset:-.25rem}.parking-cell:focus-visible{z-index:2}.parking-cell--parking:after{content:"";border:3px solid #fff;border-top:0;position:absolute;inset:15% 20%}.parking-cell--parking{background:radial-gradient(at 50% 65%,#0000003d,#0000 34%),linear-gradient(110deg,#59656d,#354650)}.parking-cell--tree{color:#29310b;background:#b8e000}.parking-cell--tree span{aspect-ratio:1;color:#0000;background:#5c8219;border-radius:50%;place-items:center;width:55%;display:inline-grid;box-shadow:.6rem .4rem #7aa61e}.parking-cell--permeable{color:#405c18;background-color:#d5e6ba;background-image:radial-gradient(#759d32 22%,#0000 24%);background-size:1.4rem 1.4rem}.parking-cell--solar{background-color:#234e78;background-image:linear-gradient(90deg,#0000 48%,#7da4c2 50%,#0000 52%),linear-gradient(#0000 48%,#7da4c2 50%,#0000 52%);background-position:0 0;background-repeat:repeat;background-size:2rem 2rem;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.parking-cell--seat{color:#8b542d;background:repeating-linear-gradient(90deg,#d1af78 0 12%,#b27c43 12% 18%)}.parking-cell--bike{color:#172735;background:repeating-linear-gradient(90deg,#d8dcde 0 18%,#76838a 19% 22%,#d8dcde 23% 33%)}.parking-tools{grid-template-columns:repeat(6,1fr);gap:.65rem;padding:1rem;display:grid}.parking-tool{min-height:5.5rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #aeb3b5;border-radius:.45rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.6rem;font-weight:800;transition:transform .13s;display:flex;box-shadow:0 .18rem #c8ccce}.parking-tool:hover,.rain-tools button:hover{transform:translateY(-.15rem)}.parking-tool span{font-size:1.6rem}.parking-tool[aria-pressed=true]{border:3px solid var(--orange);color:var(--orange);box-shadow:0 .3rem 0 var(--orange)}.tool-hint{color:var(--muted);text-align:center;margin:-.2rem 1rem 1rem;font-size:.88rem}.parking-actions{justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem 1rem;display:flex}.parking-actions .text-button{color:var(--ink)}.parking-actions .button{cursor:pointer;width:auto}.impact-strip{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.impact-strip>div{border-left:1px solid var(--line);padding:1rem}.impact-strip>div:first-child{border-left:0}.impact-strip span{margin-bottom:.45rem;font-size:.8rem;font-weight:800;display:block}.impact-strip meter{width:100%;accent-color:var(--orange)}.parking-result{border-top:2px solid var(--orange);background:linear-gradient(135deg,#fff,#f4f7e8);padding:clamp(1.5rem,4vw,3rem)}.parking-result h2{letter-spacing:-.05em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,4rem);line-height:1}.parking-result p{max-width:48rem;margin:0;font-size:1.15rem}.result-insight{border:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;gap:.4rem 1rem;margin-top:1.5rem;padding:1rem;display:grid}.result-insight span{color:var(--muted)}.result-insight strong{color:var(--orange)}.game-context{padding-top:clamp(4rem,8vw,7rem)}.game-context h2{letter-spacing:-.05em;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1}.game-context>div:first-child{grid-template-columns:.8fr 1fr;gap:3rem;display:grid}.game-context aside{border-left:.45rem solid var(--lime);background:#f1f3f3;max-width:46rem;margin:3rem 0 3rem auto;padding:1.5rem}.source-list--light a{color:var(--ink);border-color:var(--line)}.source-list--light small{color:var(--muted)}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto;padding-left:0}.hero__copy{padding:4rem var(--gutter) 3rem}.hero__visual{min-height:27rem}.game-preview{grid-template-columns:13rem 1fr}.game-preview .button{grid-column:2;justify-self:start}.game-intro,.foundation,.game-heading,.insight{grid-template-columns:1fr}.insight aside{grid-column:1}.braking-result,.source-list{grid-template-columns:1fr}.parking-tools{grid-template-columns:repeat(3,1fr)}.game-context>div:first-child{grid-template-columns:1fr;gap:1rem}.rain-setup{grid-template-columns:1fr}}@media (width<=620px){.site-header{min-height:4.25rem}.header-link{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-size:.9rem;overflow:hidden}h1{font-size:clamp(3.3rem,17vw,5rem)}.hero__copy{padding-top:3.25rem}.hero__visual{min-height:22rem}.button{width:100%}.game-preview{grid-template-columns:1fr;padding:.85rem}.game-preview__visual{height:12rem}.game-preview .button{grid-column:1;width:100%}.principles__list{grid-template-columns:1fr}.principles__list p,.principles__list p:first-child{border-top:1px solid #555a5f;border-left:0;min-height:auto;padding:1.5rem 0}.site-footer{flex-direction:column}.site-footer nav{flex-direction:column;gap:.75rem}.game-stage{min-height:23rem}.game-heading{gap:1rem}.game-heading h1{font-size:clamp(3.2rem,16vw,5rem)}.braking-game__instructions{flex-direction:column;gap:.75rem}.micro-steps{display:none}.game-flow span{padding:.7rem .3rem;font-size:.7rem}.distance-row{grid-template-columns:3.5rem 1fr 3rem;gap:.6rem}.distance-track{height:2rem}.distance-legend{flex-direction:column;gap:.5rem}.evidence>div:first-child{display:block}.evidence dl div{grid-template-columns:1fr;gap:.5rem}.centered-game-page{padding-inline:.75rem}.centered-game-heading{padding-inline:.25rem}.centered-game-heading h1{overflow-wrap:anywhere;font-size:clamp(2.8rem,14vw,4.2rem);line-height:.95}.centered-game-heading--editorial{text-align:left;grid-template-columns:1fr}.centered-game-heading--editorial p{margin-inline:0}.heading-stat{justify-content:center;align-items:center;gap:.7rem;min-width:0;display:flex}.heading-stat span{font-size:2rem}.parking-canvas{min-height:18rem}.parking-tools{grid-template-columns:repeat(2,1fr)}.parking-tool{min-height:4.5rem;font-size:.85rem}.parking-actions{flex-direction:column-reverse;align-items:stretch}.parking-actions .button{width:100%}.impact-strip{grid-template-columns:repeat(2,1fr)}.impact-strip>div{border-top:1px solid var(--line)}.learning-prediction{display:grid}.rain-board{aspect-ratio:1}.rain-tools{grid-template-columns:repeat(2,1fr)}.rain-actions{flex-direction:column-reverse;align-items:stretch}.rain-actions .button{width:100%}.rain-result__compare,.rain-balance{grid-template-columns:1fr}.tempo-game{box-shadow:.3rem .3rem 0 var(--ink)}.tempo-progress{flex-direction:column;align-items:flex-start}.tempo-scene{min-height:20rem}.tempo-comparison{grid-template-columns:1fr}.tempo-factors button{flex:45%;font-size:.8rem}.tempo-final [data-tempo-summary] p{flex-direction:column;gap:.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}