@font-face{font-family:GT America Expanded;src:url(/fonts/GT-America-Expanded-Medium.ttf) format("truetype");font-weight:400 700;font-display:block}@font-face{font-family:GT America Standard;src:url(/fonts/GT-America-Standard-Light.ttf) format("truetype");font-weight:300;font-display:block}@font-face{font-family:GT America Standard;src:url(/fonts/GT-America-Standard-Regular.ttf) format("truetype");font-weight:400;font-display:block}@font-face{font-family:GT America Standard;src:url(/fonts/GT-America-Standard-Medium.ttf) format("truetype");font-weight:500 700;font-display:block}:root{--natt: #1f1f1f;--dag: #f8f8f8;--white: #ffffff;--black: #000000;--rebell: #d4ff26;--datablaa: #0142fe;--dataroed: #fc411e;--vann1: #909da9;--vann2: #c6d0d9;--vann3: #eef3f7;--jord1: #aeb7ab;--jord2: #d9dccf;--jord3: #f1f1e9;--ild1: #cbb29c;--ild2: #e1d1c1;--ild3: #f0eae2;--luft1: #cac2b8;--luft2: #dbd5ce;--luft3: #eeebe8;--font-display: "GT America Expanded", "Helvetica Neue", Arial, sans-serif;--font-body: "GT America Standard", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--mx: 72px;--mt: 58px;--mb: 115px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.7, 0, .2, 1);--scale: 1}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0e0e0e;overflow:hidden;font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}#deck{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;padding:var(--mt) var(--mx) var(--mb);overflow:hidden;color:var(--natt);font-size:30px;line-height:1.4}.slide.active{display:flex;flex-direction:column}.bg-natt{background:var(--natt);color:var(--white)}.bg-dag{background:var(--dag)}.bg-white{background:var(--white)}.bg-vann1{background:var(--vann1);color:var(--white)}.bg-jord1{background:var(--jord1);color:var(--white)}.bg-vann2{background:var(--vann2)}.bg-vann3{background:var(--vann3)}.bg-jord2{background:var(--jord2)}.bg-jord3{background:var(--jord3)}.bg-ild2{background:var(--ild2)}.slide{--muted: rgb(31 31 31 / .62);--line: rgb(31 31 31 / .14);--card: var(--white)}.slide.is-dark{--muted: rgb(255 255 255 / .68);--line: rgb(255 255 255 / .18);--card: rgb(255 255 255 / .06)}.chrome{position:absolute;left:var(--mx);right:var(--mx);bottom:34px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.wordmark{font-family:var(--font-body);font-weight:400;font-size:36px;letter-spacing:-.01em;line-height:1}.page-num{font-size:18px;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}h1,h2,h3,p,ul,ol,figure{margin:0}.display{font-family:var(--font-display);font-weight:500;font-size:96px;line-height:1.04;letter-spacing:-.015em}.display.xl{font-size:124px}.display.md{font-size:72px}.title{font-family:var(--font-body);font-weight:500;font-size:56px;line-height:1.1;letter-spacing:-.01em}.kicker{font-weight:500;font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.lead{font-weight:300;font-size:40px;line-height:1.3}.small{font-size:24px}.caption{font-weight:300;font-size:20px;color:var(--muted)}.muted{color:var(--muted)}strong,b{font-weight:500}em{font-style:normal;font-weight:500}code,.mono{font-family:var(--font-mono);font-size:.82em;letter-spacing:-.01em}:not(pre)>code{background:var(--line);padding:.08em .35em;border-radius:6px}pre.code{font-family:var(--font-mono);font-size:22px;line-height:1.5;background:var(--natt);color:#e9e9e9;padding:28px 32px;border-radius:14px;white-space:pre;overflow:hidden}.is-dark pre.code{background:#ffffff12}pre.code .hl{color:var(--rebell)}pre.code .c{color:#8a8f94}ul.bullets{list-style:none;padding:0;display:grid;gap:22px}ul.bullets>li{position:relative;padding-left:38px}ul.bullets>li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;background:var(--natt)}.is-dark ul.bullets>li:before{background:var(--rebell)}.dot{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--rebell)}.chip{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:500;padding:6px 14px;border-radius:999px;background:var(--rebell);color:var(--natt)}.chip.outline{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px var(--line)}.app-chip{align-self:flex-start;width:fit-content;margin-bottom:20px}.use-chip{align-self:flex-start;width:fit-content;margin-bottom:20px;background:var(--natt);color:var(--white)}.use-chip svg{width:20px;height:20px;flex:none}.map-use .use-chip{margin-bottom:0}.use-chips{display:flex;gap:10px;margin-bottom:20px}.use-chips .use-chip{margin-bottom:0}.grow{flex:1;min-height:0}.row{display:flex;gap:48px}.col{display:flex;flex-direction:column;gap:24px}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:72px}.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.center{align-items:center;justify-content:center}.mt-auto{margin-top:auto}.mt-s{margin-top:24px}.mt-m{margin-top:48px}.mt-l{margin-top:80px}.layout-cover{padding-top:64px}.layout-cover .logo-cascade{position:relative;font-family:var(--font-body);font-weight:400;font-size:64px;line-height:1;width:3.4em;height:2.9em}.logo-cascade span{position:absolute}.layout-section .section-num{font-size:22px;font-weight:500;letter-spacing:.08em;color:var(--vann2)}.layout-section.bg-vann1 .section-num{color:var(--natt);opacity:.7}.layout-section .display{margin-top:300px;max-width:1500px}.layout-section .lead{margin-top:40px;max-width:1200px;color:var(--muted)}.layout-content .title{margin-bottom:56px;max-width:1600px}.layout-split{display:none}.layout-split.active{display:grid;grid-template-columns:640px 1fr;grid-template-rows:1fr;column-gap:80px}.layout-split.wide-media.active{grid-template-columns:560px 1fr}.layout-split>.text{display:flex;flex-direction:column;min-height:0}.layout-split>.text .title{margin-bottom:40px}.layout-split>.media{position:relative;min-height:0}.layout-full{padding:0}.layout-full>.media{position:absolute;top:0;right:0;bottom:0;left:0}.layout-full>.panel{position:absolute;left:var(--mx);top:var(--mt);width:640px;padding:40px 44px;background:#f8f8f8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 20px 60px #0000001f;z-index:2}.layout-full.is-dark>.panel{background:#1f1f1fe6}.layout-full>.panel .title{font-size:46px;margin-bottom:24px}.layout-full .chrome{z-index:3}.layout-full .chrome .wordmark{background:#f8f8f8f0;padding:8px 14px 10px;border-radius:10px;margin-left:-14px}.layout-statement .dot{margin-top:170px}.layout-statement .display{margin-top:40px;max-width:1560px;font-size:80px;line-height:1.1}.layout-statement .context{margin-top:56px;font-weight:300;font-size:36px;line-height:1.35;max-width:1400px}.stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:64px;margin-top:auto;margin-bottom:auto}.stat .num{font-family:var(--font-display);font-size:116px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.is-dark .stat .num{color:var(--rebell)}.stat .label{margin-top:28px;font-size:30px;max-width:420px}.stat .label .caption{display:block;margin-top:8px}.findings{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:56px 56px}.finding .n{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--rebell);color:var(--natt);font-family:var(--font-display);font-size:28px;margin-bottom:28px}.finding h3{font-size:34px;font-weight:500;line-height:1.2;margin-bottom:14px}.finding p{font-size:26px;color:var(--muted)}.media:has(>.shot){display:flex;align-items:center;justify-content:center}.shot{position:relative;width:100%;max-height:100%;border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 1px #0000000a,0 30px 80px -20px #00000040;display:flex;flex-direction:column}.is-dark .shot{box-shadow:0 30px 80px -20px #0009}.shot:before{content:attr(data-url);flex:none;display:flex;align-items:center;height:52px;padding-left:120px;font-size:18px;color:#1f1f1f8c;background:radial-gradient(circle at 30px 50%,#e0e0e0 7px,transparent 8px),radial-gradient(circle at 54px 50%,#e0e0e0 7px,transparent 8px),radial-gradient(circle at 78px 50%,#e0e0e0 7px,transparent 8px),#f3f3f3;border-bottom:1px solid #e6e6e6}.shot img{flex:0 1 auto;min-height:0;width:100%;height:auto;object-fit:contain;object-position:var(--pos, center);display:block}.shot figcaption{position:absolute;right:20px;bottom:20px;font-size:18px;padding:6px 12px;border-radius:8px;background:#1f1f1fcc;color:#fff}.shot.missing{height:100%}.shot.missing img{display:none}.shot.missing:after{content:"Legg et skjermbilde i public/images/" attr(data-file);flex:1;display:grid;place-items:center;font-size:24px;color:var(--vann1);background:repeating-linear-gradient(45deg,var(--vann3) 0 20px,var(--white) 20px 40px)}.legend{display:grid;gap:12px;font-size:24px}.legend .item{display:flex;align-items:center;gap:16px}.legend .sw{width:56px;height:10px;border-radius:5px;flex:none}.legend .sw.dashed{background:repeating-linear-gradient(90deg,var(--c) 0 8px,transparent 8px 14px)!important}.legend h4{margin:16px 0 4px;font-size:18px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ramp{display:flex;height:64px;border-radius:12px;overflow:hidden}.ramp>span{flex:1}.ramp-labels{display:flex;font-size:18px;color:var(--muted);margin-top:10px}.ramp-labels>span{flex:1}.card{background:var(--card);border-radius:20px;padding:36px 40px;box-shadow:inset 0 0 0 1px var(--line)}[data-step]{opacity:0;transform:translateY(28px);transition:opacity .55s var(--ease-out),transform .7s var(--ease-out),filter .55s var(--ease-out)}[data-step][data-anim=fade]{transform:none}[data-step][data-anim=scale]{transform:scale(.92)}[data-step][data-anim=left]{transform:translate(-40px)}[data-step][data-anim=blur]{transform:none;filter:blur(12px)}[data-step].step-visible{opacity:1;transform:none;filter:none}[data-step].step-gone{opacity:0;pointer-events:none}.focus-steps [data-step].step-visible:not(.step-current){opacity:.35}.slide.active .enter{animation:enter-rise .9s var(--ease-out) both;animation-delay:calc(.18s + var(--i, 0) * 90ms)}@keyframes enter-rise{0%{opacity:0;transform:translateY(36px)}}#hud .progress{position:fixed;left:0;bottom:0;height:3px;width:calc(var(--p) * 100%);background:var(--rebell);opacity:0;transition:width .5s var(--ease-out),opacity .3s}#hud .help{position:fixed;left:50%;bottom:16px;transform:translate(-50%);font:14px var(--font-body);color:#fff;background:#000000bf;padding:10px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .3s}#hud.show-help .help,#hud.show-help .progress{opacity:1}body.notes-view{overflow:auto;background:var(--natt);color:var(--white)}.notes-root{padding:32px 48px;max-width:1100px;margin:0 auto}.notes-root header{display:flex;justify-content:space-between;font-size:20px;color:var(--vann2)}.notes-root .timer{font-family:var(--font-display);font-size:40px;color:var(--rebell)}.notes-root h1{font-weight:500;font-size:40px;margin:16px 0 24px}.notes-root .notes-body{font-size:28px;line-height:1.5}.notes-root .notes-body p{margin:0 0 .6em}.notes-root .notes-body ul{margin:-.3em 0 .6em;padding-left:1.2em}.notes-root .notes-body li{margin-bottom:6px}.notes-root footer{margin-top:40px;font-size:20px;color:var(--vann2)}.notes-root button{font:inherit;font-size:18px;padding:8px 16px;border-radius:999px;border:1.5px solid rgb(255 255 255 / .35);background:transparent;color:var(--white);cursor:pointer}.notes-root button:hover{border-color:var(--white)}.notes-root button.primary{background:var(--rebell);border-color:var(--rebell);color:var(--natt)}.notes-root kbd{font:inherit;font-size:.8em;opacity:.6;margin-left:6px}.notes-root .notes-edit{margin-top:24px}.notes-editor textarea{display:block;width:100%;min-height:46vh;padding:20px 24px;font:inherit;font-size:24px;line-height:1.5;color:var(--white);background:#ffffff0f;border:1.5px solid rgb(255 255 255 / .25);border-radius:12px;resize:vertical}.notes-editor textarea:focus{outline:none;border-color:var(--rebell)}.notes-editor-bar{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:16px;color:var(--vann2)}.notes-editor-bar>span:first-child{margin-right:auto}.notes-status{color:var(--rebell)}.media.has-popout{position:relative}.shot-popout{position:absolute;right:-24px;bottom:40px;width:400px;height:auto;border-radius:14px;box-shadow:0 30px 80px -20px #00000073,0 0 0 1px #0000000f;z-index:2}html.cursor-idle,html.cursor-idle *{cursor:none!important}.projection-morph{position:relative;height:100%;cursor:pointer}.projection-morph svg{width:100%;height:100%;display:block;color:currentColor}.projection-morph .pm-shape{fill:var(--vann2);stroke:var(--natt);stroke-width:1.4;stroke-linejoin:round}.projection-morph.is-merc .pm-shape{fill:#c9dafc;stroke:var(--datablaa)}.projection-morph .pm-ghost{fill:none;stroke:var(--natt);stroke-width:1.2;stroke-dasharray:4 5;opacity:0;transition:opacity .6s}.projection-morph.is-merc .pm-ghost{opacity:.45}.projection-morph .pm-label{position:absolute;right:0;bottom:10px;text-align:right;display:flex;flex-direction:column}.pm-name{font-family:var(--font-display);font-size:44px}.pm-epsg{font-size:24px;color:var(--muted)}.simplify-demo{display:grid;grid-template-rows:auto 1fr auto;height:100%;gap:24px}.simplify-demo svg{width:100%;height:100%;min-height:0}.simplify-demo .sd-full{fill:none;stroke:var(--vann2);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.simplify-demo .sd-line{fill:none;stroke:var(--natt);stroke-width:2.4;stroke-linejoin:round}.simplify-demo .sd-dots{fill:var(--dataroed);stroke:none}.simplify-demo .sd-meta{display:flex;gap:72px;align-items:flex-end}.simplify-demo .sd-meta>div{display:flex;flex-direction:column}.simplify-demo .sd-num{white-space:nowrap;font-family:var(--font-display);font-size:64px;line-height:1;font-variant-numeric:tabular-nums}.simplify-demo .sd-lbl{font-size:22px;color:var(--muted);margin-top:8px}.simplify-demo .sd-param{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:22px;color:var(--muted)}.simplify-demo .sd-levels{display:flex;gap:8px}.simplify-demo .sd-levels button{font:inherit;background:none;cursor:pointer;font-size:24px;padding:8px 18px;border-radius:999px;border:1.5px solid var(--line);color:var(--muted);white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.simplify-demo .sd-levels button:hover:not(.on){border-color:var(--natt);color:var(--natt)}.simplify-demo .sd-levels button.on{background:var(--natt);border-color:var(--natt);color:var(--white)}.tiling-demo{position:relative;height:100%;display:flex;flex-direction:column}.td-user{position:absolute;right:0;top:-76px;font-size:22px;font-weight:500;padding:6px 16px;border-radius:999px;background:var(--rebell)}.td-panels{display:grid;grid-template-columns:1fr 1fr;gap:48px;flex:1;min-height:0}.td-panel{display:flex;flex-direction:column;gap:14px;min-height:0}.td-head{display:flex;align-items:baseline;gap:16px;font-size:28px}.td-head span{font-size:22px;color:var(--muted)}.td-panel svg{flex:1 1 0;min-height:0;width:100%;height:100%;display:block;overflow:hidden}.td-world{fill:var(--white);stroke:var(--line)}.td-roads{fill:none;stroke:#c5ccd2;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.td-grid path{stroke:var(--vann1);stroke-width:1.5;stroke-dasharray:6 6;fill:none}.td-cached{fill:#0142fe14}.td-view{fill:#1f1f1f0a;stroke:var(--natt);stroke-width:3}.td-req{fill:none;stroke-width:4;animation:td-flash 1.1s ease-out forwards}.td-req.miss{stroke:var(--dataroed);fill:#fc411e1f}.td-req.hit{stroke:#2e9a4a;fill:#2e9a4a29}@keyframes td-flash{to{opacity:0}}.td-stats{display:flex;gap:48px}.td-stats>div{display:flex;flex-direction:column}.td-stats span{font-family:var(--font-display);font-size:48px;line-height:1.05;font-variant-numeric:tabular-nums}.td-stats small{font-size:20px;color:var(--muted)}.td-log{margin:0;font-family:var(--font-mono);font-size:15px;line-height:1.55;height:calc(6.2em + 24px);padding:12px 16px;background:var(--natt);color:#cfd3d6;border-radius:10px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.td-log .ok{color:#7fd38f}.td-log .miss{color:#ff8a70}.flow{display:flex;align-items:stretch;gap:0}.flow .node{flex:1;padding:28px 28px 32px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);display:flex;flex-direction:column;gap:10px}.flow .node .k{font-size:18px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--muted)}.flow .node h3{font-size:32px;font-weight:500;line-height:1.15}.flow .node p{font-size:22px;color:var(--muted);line-height:1.35}.flow .arrow{flex:0 0 56px;display:grid;place-items:center;font-size:34px;color:var(--muted)}.flow .node.accent{box-shadow:inset 0 0 0 3px var(--natt)}.is-dark .flow .node.accent{box-shadow:inset 0 0 0 3px var(--rebell)}.crs{display:grid;grid-template-columns:1fr 140px 1.2fr;grid-template-rows:1fr 1fr;gap:32px 0;align-items:center}.crs .backend{grid-row:1 / 3;align-self:stretch}.crs .wire{height:100%}.crs .wire svg{width:100%;height:100%;overflow:visible}.crs .wire path{fill:none;stroke:var(--natt);stroke-width:2.5;stroke-dasharray:8 8;animation:crs-flow 1s linear infinite}@keyframes crs-flow{to{stroke-dashoffset:-16}}.crs .client{display:flex;gap:24px;align-items:center}.crs .client .card{flex:1}.crs code{font-size:22px}.palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-block:auto}.palettes .ramp{height:160px;border-radius:16px}.palettes .pal h3{font-size:28px;font-weight:500;margin-bottom:8px;white-space:nowrap}.palettes .pal .q{font-size:24px;color:var(--muted);margin-bottom:28px;min-height:2.8em}.palettes .pal .type{margin-top:24px}::view-transition-group(*){animation-duration:.85s;animation-timing-function:var(--ease-in-out)}::view-transition-old(root),::view-transition-new(root){animation-duration:.85s;animation-timing-function:var(--ease-in-out);animation-fill-mode:both;mix-blend-mode:normal}html[data-vt=slide][data-vt-dir=forward]::view-transition-old(root){animation-name:vt-push-out}html[data-vt=slide][data-vt-dir=forward]::view-transition-new(root){animation-name:vt-push-in}html[data-vt=slide][data-vt-dir=back]::view-transition-old(root){animation-name:vt-push-in;animation-direction:reverse;z-index:2}html[data-vt=slide][data-vt-dir=back]::view-transition-new(root){animation-name:vt-push-out;animation-direction:reverse}@keyframes vt-push-out{to{transform:translate(-18%) scale(.9);opacity:0;filter:blur(4px)}}@keyframes vt-push-in{0%{transform:translate(100%)}}html[data-vt=wipe]::view-transition-old(root){animation-name:vt-recede}html[data-vt=wipe]::view-transition-new(root){animation-name:vt-wipe;animation-duration:1s;z-index:2}html[data-vt=wipe][data-vt-dir=back]::view-transition-new(root){animation-name:vt-wipe-back}@keyframes vt-wipe{0%{clip-path:polygon(130% 0,140% 0,110% 100%,100% 100%)}to{clip-path:polygon(-40% 0,140% 0,110% 100%,-70% 100%)}}@keyframes vt-wipe-back{0%{clip-path:polygon(-40% 0,-10% 0,-40% 100%,-70% 100%)}to{clip-path:polygon(-40% 0,140% 0,110% 100%,-70% 100%)}}@keyframes vt-recede{to{transform:scale(.94);opacity:.4}}html[data-vt=circle]::view-transition-old(root){animation-name:vt-recede}html[data-vt=circle]::view-transition-new(root){animation-name:vt-iris;animation-duration:1.05s;z-index:2}@keyframes vt-iris{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(75% at 50% 50%)}}html[data-vt=zoom][data-vt-dir=forward]::view-transition-old(root){animation-name:vt-zoom-out-old}html[data-vt=zoom][data-vt-dir=forward]::view-transition-new(root){animation-name:vt-zoom-in-new}html[data-vt=zoom][data-vt-dir=back]::view-transition-old(root){animation-name:vt-zoom-in-new;animation-direction:reverse;z-index:2}html[data-vt=zoom][data-vt-dir=back]::view-transition-new(root){animation-name:vt-zoom-out-old;animation-direction:reverse}@keyframes vt-zoom-out-old{to{transform:scale(1.6);opacity:0;filter:blur(10px)}}@keyframes vt-zoom-in-new{0%{transform:scale(.7);opacity:0}}html[data-vt=rise]::view-transition-old(root){animation-name:vt-recede}html[data-vt=rise]::view-transition-new(root){animation-name:vt-rise;z-index:2}html[data-vt=rise][data-vt-dir=back]::view-transition-new(root){animation-name:vt-drop}@keyframes vt-rise{0%{transform:translateY(100%)}}@keyframes vt-drop{0%{transform:translateY(-100%)}}html[data-vt=fade]::view-transition-old(root){animation-name:vt-fade-out}html[data-vt=fade]::view-transition-new(root){animation-name:vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}html[data-vt=morph]::view-transition-old(root){animation:vt-fade-out .5s ease both}html[data-vt=morph]::view-transition-new(root){animation:vt-fade-in .5s .15s ease both}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.car-counter{--road-border: #727a7f;--road-bg: #fff;--bike-bg: #ecedee;--ink: #262c30;--detector-bg: #fff;--detector-hit: #95c89c;display:flex;flex-direction:column;gap:24px;width:100%}.cc-counters{display:flex;gap:16px 64px;margin:0;padding:28px 36px;border-radius:16px}.cc-counters>div{display:flex;flex-direction:column}.cc-counters dd{margin:0;font-weight:500;font-size:44px;line-height:1.15;font-variant-numeric:tabular-nums}.cc-counters dt{font-size:22px}.cc-light .cc-counters{background:#f3f4f4;color:#262c30}.cc-light .cc-counters dt{color:#555f64}.cc-dark .cc-counters{background:#ffffff12;color:#fff}.cc-dark .cc-counters dd{color:var(--rebell)}.cc-dark .cc-counters dt{color:#ffffffb3}.cc-scene{--design-px: calc(100cqw / 1215);container-type:inline-size;position:relative;isolation:isolate;width:100%;aspect-ratio:1215 / 166;border:2px solid var(--road-border);border-radius:16px;background:var(--road-bg);overflow:hidden}.cc-bikepath,.cc-roadway{position:absolute;left:0;right:0}.cc-bikepath{top:0;height:25.3%;background:var(--bike-bg)}.cc-roadway{top:25.3%;bottom:0;border-top:2px solid var(--road-border);background:var(--road-bg)}.cc-centerline{position:absolute;top:62.65%;left:2cqw;right:2cqw;height:.33cqw;background:repeating-linear-gradient(to right,var(--road-border) 0 1.4cqw,transparent 1.4cqw 5.3cqw)}.cc-loop{--sq: 2cqw;--gap: .66cqw;--road-left: 12%;--bike-left: 5%;--line: clamp(1px, .12cqw, 2px);--outline: clamp(1.5px, .18cqw, 3px);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cc-loop:before{content:"";position:absolute;top:12%;left:calc(var(--bike-left) + var(--sq) + var(--gap) / 2);height:13.3%;border-left:var(--line) solid var(--ink)}.cc-loop:after{content:"";position:absolute;top:calc(25.3% - .4cqw);left:calc(var(--bike-left) + var(--sq) + var(--gap) / 2);right:calc(100% - var(--road-left) - var(--sq) - var(--gap) / 2);border-top:var(--line) solid var(--ink)}.cc-spine{position:absolute;top:25.3%;bottom:18.15%;left:calc(var(--road-left) + var(--sq) + var(--gap) / 2);border-left:var(--line) solid var(--ink)}.cc-pair{position:absolute;left:var(--road-left);display:flex;gap:var(--gap);transform:translateY(-50%)}.cc-pair:before{content:"";position:absolute;top:50%;left:var(--sq);right:var(--sq);border-top:var(--line) solid var(--ink)}.cc-pair span{width:var(--sq);aspect-ratio:1;border:var(--outline) solid var(--ink);background:var(--detector-bg);transition:background .6s}.cc-pair.hit span{animation:cc-hit .6s ease-out}.cc-pair-bike{top:12%;left:var(--bike-left)}.cc-pair-west{top:44.5%}.cc-pair-east{top:81.85%}.cc-logger{position:absolute;top:25.3%;left:calc(var(--road-left) + var(--sq) + var(--gap) / 2);width:2cqw;height:.75cqw;transform:translate(-50%,-100%);border:var(--outline) solid var(--ink);background:#b8bcbf}.cc-logger.hit{animation:cc-hit .6s ease-out}@keyframes cc-hit{0%,30%{background:var(--detector-hit)}}.cc-lane{position:absolute;left:0;width:100%;height:0}.cc-lane-bike{top:12%}.cc-lane-west{top:44.5%}.cc-lane-east{top:81.85%}.cc-vehicle{position:absolute;top:0;left:0;display:block;width:calc(var(--width) * var(--design-px));transform:translate(calc(var(--x, 0) * var(--design-px)),-50%);will-change:transform}.cc-vehicle svg{display:block;width:100%;height:auto}.cc-vehicle.mirrored svg{transform:scaleX(-1)}