.tt-page{--tt-navy:#0b2029;--tt-panel:#112932;--tt-gold:#f2ce8e;--tt-cream:#f1ebd8;--tt-muted:#adcbc8;--tt-rule:#34515a;padding:28px 0 12px}.tt-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.tt-back{min-height:44px;color:var(--lagoon-text);align-items:center;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.tt-heading .eyebrow{margin:4px 0 8px}.tt-heading h1{font:750 clamp(2.1rem,5vw,3.65rem)/1.04 var(--font-display);letter-spacing:-.045em;color:var(--ink);text-wrap:balance;margin:0}.tt-heading h1 span{color:var(--lagoon-text)}.tt-heading>div>p:last-child{color:var(--ink-2);margin:12px 0 0;font-size:1.05rem}.tt-edition{border:1px solid var(--rule-strong);color:var(--muted);font:500 .65rem/1.7 var(--font-mono);letter-spacing:.14em;flex:none;padding:14px 20px;transform:rotate(-3deg)}.tt-edition strong{color:var(--ink);font-weight:600}.tt-cabinet{background:var(--tt-navy);border:1px solid var(--tt-rule);color:var(--tt-cream);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #09222d26}.tt-cabinet [hidden]{display:none!important}.tt-toolbar{border-bottom:1px solid var(--tt-rule);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.tt-status{font:600 .69rem var(--font-mono);color:var(--tt-muted);align-items:center;gap:8px;display:flex}.tt-status i{background:#a9d9c5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #a9d9c550}.tt-tools{align-items:center;gap:7px;display:flex}.tt-cabinet button,.tt-cabinet select{font:600 .78rem var(--font-body);color:var(--tt-cream);border:1px solid var(--tt-rule);cursor:pointer;background:#18363f;border-radius:8px;min-height:40px;padding:9px 12px}.tt-cabinet button:hover{background:#234650}.tt-cabinet button:disabled{opacity:.4;cursor:default}.tt-cabinet select{color-scheme:dark;max-width:100%}.tt-cabinet :is(button,select,canvas):focus-visible{outline:3px solid var(--tt-gold);outline-offset:-3px}.tt-instruments{border-bottom:1px solid var(--tt-rule);background:#112932;grid-template-columns:1.1fr .8fr .85fr 1.2fr 1.2fr;align-items:center;gap:22px;padding:15px 20px;display:grid}.tt-instruments>div>span,.tt-meter label,.tt-personal-best>span,.tt-loadout>span,.tt-route-progress>div>span{color:var(--tt-muted);font:500 .6rem/1.5 var(--font-mono);letter-spacing:.1em;display:block}.tt-instruments>div>strong{font:650 clamp(1.05rem,2.4vw,1.65rem)/1.1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--tt-cream);margin-top:3px;display:block}.tt-instruments>div:first-child>strong{color:var(--tt-gold)}.tt-meter label{justify-content:space-between;gap:8px;display:flex}.tt-meter b{letter-spacing:0;font-weight:500}.tt-cabinet progress{-webkit-appearance:none;appearance:none;background:#29424a;border:none;border-radius:4px;width:100%;height:6px;margin:8px 0 0;display:block;overflow:hidden}.tt-cabinet progress::-webkit-progress-bar{background:#29424a}.tt-cabinet progress::-webkit-progress-value{background:#8bd7ba}.tt-cabinet progress::-moz-progress-bar{background:#8bd7ba}.tt-boost-meter progress::-webkit-progress-value,.tt-route-progress progress::-webkit-progress-value{background:var(--tt-gold)}.tt-boost-meter progress::-moz-progress-bar,.tt-route-progress progress::-moz-progress-bar{background:var(--tt-gold)}.tt-play-area{grid-template-columns:minmax(0,1fr) 260px;display:grid}.tt-main{min-width:0}.tt-road-viewport{background:#48644f;height:clamp(520px,65dvh,700px);position:relative;overflow:hidden}.tt-road-viewport>canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.tt-road-caption{border-top:1px solid var(--tt-rule);min-height:42px;font:500 .69rem var(--font-mono);background:#142d35;justify-content:space-between;align-items:center;gap:12px;padding:9px 15px;display:flex}.tt-road-caption>span:first-child{color:var(--tt-cream)}.tt-road-caption>span:last-child{color:var(--tt-gold);letter-spacing:.09em;font-size:.6rem}.tt-mission{border-left:1px solid var(--tt-rule);background:#11252c}.tt-map-heading{padding:20px 17px 9px}.tt-kicker{color:var(--tt-gold);font:600 .59rem/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.tt-map-heading h2{font:650 1.18rem/1.15 var(--font-display);letter-spacing:-.025em;color:var(--tt-cream);margin:7px 0}.tt-map-heading p{color:var(--tt-muted);margin:0;font-size:.69rem;line-height:1.5}.tt-mission>canvas{aspect-ratio:260/280;width:100%;height:auto;display:block}.tt-map-legend{color:#c9ded5;grid-template-columns:1fr 1fr;gap:9px;padding:3px 17px 16px;font-size:.63rem;display:grid}.tt-map-legend span{align-items:center;gap:7px;display:flex}.tt-map-legend i{flex:none;display:inline-block}.tt-dot{background:#fb856d;border:1px solid #fff1d4;border-radius:50%;width:8px;height:8px}.tt-line{background:var(--tt-gold);width:14px;height:3px}.tt-uncovered{background:#79999a}.tt-flag{background:conic-gradient(#dcdac2 0 25%,#18323c 0 50%,#dcdac2 0 75%,#18323c 0);width:8px;height:8px}.tt-route-progress,.tt-loadout,.tt-personal-best{border-top:1px solid var(--tt-rule);padding:16px 17px}.tt-route-progress>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.tt-route-progress b{color:#d9e4d7;font:500 .65rem var(--font-mono)}.tt-route-progress p{color:var(--tt-muted);margin:12px 0 0;font-size:.66rem;line-height:1.5}.tt-route-progress p strong{color:var(--tt-cream);margin-top:2px;font-weight:600;display:block}.tt-loadout p{gap:16px;margin:10px 0;display:flex}.tt-loadout b{font:500 .74rem var(--font-mono);color:var(--tt-muted)}.tt-loadout strong{color:var(--tt-gold);margin-left:5px;font-size:1.15rem;display:inline-block}.tt-loadout small{color:var(--tt-muted);font-size:.7rem;line-height:1.5;display:block}.tt-personal-best{justify-content:space-between;align-items:center;display:flex}.tt-personal-best b{font:600 1rem var(--font-mono);color:var(--tt-gold)}.tt-menu{backdrop-filter:blur(2px);background:#061b2855;place-items:center;padding:22px;display:grid;position:absolute;inset:0;overflow:auto}.tt-briefing{background:#102b35;border:1px solid #78968a;border-radius:14px;width:min(100%,485px);overflow:hidden;box-shadow:0 14px 70px #07172080}.tt-poster{height:145px;overflow:hidden}.tt-poster svg{width:100%;height:100%;display:block}.tt-briefing-body{padding:22px 24px 18px}.tt-briefing h2{font:700 clamp(1.5rem,3vw,2.2rem)/1.1 var(--font-display);letter-spacing:-.03em;color:#fff0cc;text-wrap:balance;margin:9px 0}.tt-menu-text{color:#c3d6cf;margin:12px 0 17px;font-size:.82rem;line-height:1.55}.tt-settings{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tt-settings label{color:#b9d3cd;font:500 .67rem var(--font-body);flex-direction:column;gap:6px;display:flex}.tt-settings select{width:100%;min-height:42px;padding:8px;font-size:.74rem}.tt-stage-label{grid-column:1/-1}.tt-cabinet .tt-start{background:var(--tt-gold);color:#152d38;border:none;width:100%;min-height:49px;margin-top:20px;font-size:.92rem;font-weight:800}.tt-cabinet .tt-start:hover{background:#ffdeb0}.tt-menu-note{font:500 .59rem/1.6 var(--font-mono);text-align:center;color:#adc8c1;margin:10px 0 4px}.tt-cabinet .tt-reset-link{color:#b9d3cd;background:0 0;border:none;min-height:36px;margin:auto;padding:8px;font-size:.69rem;text-decoration:underline;display:block}.tt-resume-note{color:#afccc3;text-align:center;font-size:.7rem}.tt-results{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 6px;display:grid}.tt-results dt{color:var(--tt-muted);font-size:.67rem}.tt-results dd{font:650 1.35rem var(--font-mono);color:var(--tt-gold);margin:4px 0 0}.tt-page[data-phase=running] .tt-touch button[data-held]{background:var(--tt-gold);color:#16313d;border-color:var(--tt-gold)}.tt-touch{border-top:1px solid var(--tt-rule);touch-action:none;-webkit-user-select:none;user-select:none;background:#112932;gap:8px;padding:10px;display:none}.tt-steering,.tt-gadgets{gap:6px;display:flex}.tt-touch button{flex:1;min-width:0;min-height:48px;padding:8px 5px;font-size:.75rem}.tt-steering button:nth-child(-n+2){font-size:1.25rem}.tt-touch .tt-fire{color:#fff2d3;background:#cf6250;border-color:#cf6250;font-weight:800}.tt-radio{border-top:1px solid var(--tt-rule);color:#c7dccf;min-height:43px;font:500 .69rem/1.5 var(--font-mono);margin:0;padding:12px 17px}.tt-page[data-mode=tour] .tt-gadgets button:not(:first-child){opacity:.35}.tt-below{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:30px;margin-top:30px;display:grid}.tt-below h2,.tt-landmark-trail h2{font:700 1.5rem/1.15 var(--font-display);letter-spacing:-.035em;color:var(--ink);margin:0 0 12px}.tt-below p,.tt-landmark-trail p:not(.eyebrow){color:var(--ink-2);margin:0 0 14px;font-size:.86rem;line-height:1.65}.tt-key-grid{color:var(--ink-2);grid-template-columns:repeat(2,1fr);gap:10px 18px;font-size:.74rem;display:grid}.tt-key-grid>span{align-items:center;gap:6px;min-height:30px;display:flex}.tt-key-grid kbd{border:1px solid var(--rule-strong);background:var(--paper);min-width:28px;min-height:28px;font:500 .64rem var(--font-mono);color:var(--ink);border-bottom-width:3px;border-radius:5px;place-items:center;padding:3px 6px;display:inline-grid}.tt-below .tt-mouse-setting{margin-top:20px}.tt-mouse-setting label{min-height:40px;color:var(--ink);align-items:center;gap:8px;font-weight:600;display:flex}.tt-mouse-setting input{accent-color:var(--lagoon-text);width:18px;height:18px}.tt-mouse-setting span{color:var(--muted);font-size:.75rem;line-height:1.55;display:block}.tt-display-settings{border-left:1px solid var(--rule);padding-left:30px}.tt-display-settings>label{color:var(--ink-2);grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:12px 0;font-size:.75rem;display:grid}.tt-display-settings select{border:1px solid var(--rule-strong);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:500 .78rem var(--font-body);border-radius:8px;padding:10px}.tt-display-settings p{margin-top:18px}.tt-landmark-trail{border:1px solid var(--rule);background:var(--surface-sky);border-radius:14px;grid-template-columns:1fr 220px;gap:30px;margin-top:30px;padding:26px;display:grid}.tt-landmark-trail .eyebrow{margin:0 0 8px}.tt-landmark-trail p:last-child{margin-bottom:0}.tt-landmark-badges{flex-wrap:wrap;align-content:center;gap:7px;display:flex}.tt-landmark-badges span{font:500 .65rem var(--font-mono);border:1px solid var(--rule-strong);color:var(--ink-2);background:var(--paper);border-radius:5px;padding:8px 10px}.tt-credits{border-top:1px solid var(--rule);color:var(--muted);margin-top:22px;padding:16px 0;font-size:.77rem}.tt-credits summary{cursor:pointer;min-height:36px}.tt-credits p{max-width:95ch;margin:8px 0;line-height:1.65}.tt-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.tt-poster>div,.tt-poster>canvas{width:100%;height:100%;display:block}.tt-poster>canvas{object-fit:cover}.tt-cabinet:fullscreen{border:none;border-radius:0;flex-direction:column;height:100dvh;display:flex}.tt-cabinet:fullscreen .tt-play-area{flex:1;min-height:0}.tt-cabinet:fullscreen .tt-main{flex-direction:column;min-height:0;display:flex}.tt-cabinet:fullscreen .tt-road-viewport{flex:1;height:auto;min-height:0}.tt-cabinet:fullscreen .tt-mission{overflow:auto}.tt-cabinet:fullscreen .tt-radio{flex:none}@media (pointer:coarse){.tt-touch{grid-template-columns:1fr 1fr;display:grid}}@media (width<=900px){.tt-play-area{grid-template-columns:minmax(0,1fr) 225px}.tt-instruments{gap:14px}.tt-edition{display:none}.tt-mission>canvas{aspect-ratio:260/280}.tt-map-legend{gap:8px;padding-inline:12px}.tt-below{gap:22px}.tt-display-settings{padding-left:22px}}@media (width<=700px){.tt-page{padding-top:16px}.tt-heading{margin-bottom:20px}.tt-heading h1{font-size:2.15rem}.tt-heading>div>p:last-child{font-size:.91rem}.tt-cabinet{border-radius:12px}.tt-toolbar{gap:8px;min-height:52px;padding:8px 10px}.tt-status{font-size:.58rem}.tt-tools{gap:4px}.tt-tools button{min-height:38px;padding:7px 9px;font-size:.68rem}.tt-tools button>span{display:none}.tt-tools select{max-width:126px;min-height:38px;padding:7px;font-size:.65rem}.tt-instruments{grid-template-columns:1.15fr .9fr 1fr;gap:10px;padding:12px}.tt-instruments>div>span{font-size:.52rem}.tt-instruments>div>strong{font-size:1.23rem}.tt-meter{grid-row:2}.tt-meter:nth-child(4){grid-column:1/3}.tt-meter:nth-child(5){grid-column:3}.tt-meter label{font-size:.52rem}.tt-play-area{display:block}.tt-road-viewport{height:clamp(510px,65dvh,640px)}.tt-page[data-phase=running] .tt-road-viewport{height:clamp(330px,45dvh,440px)}.tt-page[data-phase=running] .tt-cabinet:fullscreen .tt-road-viewport{height:auto}.tt-menu{padding:15px}.tt-poster{height:112px}.tt-briefing-body{padding:17px 18px 13px}.tt-briefing h2{font-size:1.58rem}.tt-menu-text{margin:10px 0 15px;font-size:.76rem;line-height:1.5}.tt-settings{gap:10px}.tt-settings select{font-size:.7rem}.tt-cabinet .tt-start{margin-top:16px;font-size:.83rem}.tt-menu-note{font-size:.56rem}.tt-touch{grid-template-columns:1fr;display:grid}.tt-touch button{min-height:47px}.tt-road-caption{padding:9px 11px;font-size:.62rem}.tt-road-caption>span:last-child{font-size:.51rem}.tt-mission{border-left:none;border-top:1px solid var(--tt-rule);grid-template-columns:150px minmax(0,1fr);column-gap:10px;padding:12px 8px;display:grid}.tt-map-heading{grid-area:1/2;padding:3px 2px 0}.tt-map-heading h2{font-size:1rem}.tt-map-heading p{font-size:.6rem}.tt-mission>canvas{object-fit:contain;grid-area:1/1/4;align-self:center;max-height:195px}.tt-map-legend{grid-area:3/2;align-content:start;gap:7px;padding:6px 2px 0;font-size:.55rem}.tt-route-progress{border:none;grid-area:2/2;padding:10px 2px 5px}.tt-route-progress>div{flex-wrap:wrap;gap:4px}.tt-route-progress>div>span{font-size:.51rem}.tt-route-progress b{font-size:.56rem}.tt-route-progress p{margin-top:8px;font-size:.59rem}.tt-loadout{grid-column:1/3;align-items:center;gap:15px;margin-top:11px;padding:11px 5px 0;display:flex}.tt-loadout>span{font-size:.54rem}.tt-loadout p{flex:none;gap:12px;margin:0}.tt-loadout small{font-size:.58rem;line-height:1.4}.tt-personal-best{display:none}.tt-radio{padding:10px 12px;font-size:.59rem}.tt-below{grid-template-columns:1fr;gap:24px;margin-top:25px}.tt-display-settings{border-left:none;border-top:1px solid var(--rule);padding:24px 0 0}.tt-landmark-trail{grid-template-columns:1fr;gap:18px;padding:22px}.tt-cabinet:fullscreen .tt-mission{display:none}.tt-cabinet:fullscreen .tt-play-area{display:flex}.tt-cabinet:fullscreen .tt-main{flex:1}.tt-cabinet:fullscreen .tt-poster{height:65px}.tt-cabinet:fullscreen .tt-menu{padding:8px}.tt-cabinet:fullscreen .tt-briefing-body{padding:12px 16px}.tt-cabinet:fullscreen .tt-menu-text{margin:7px 0 10px;font-size:.72rem}.tt-cabinet:fullscreen .tt-briefing h2{font-size:1.35rem}.tt-cabinet:fullscreen .tt-start{margin-top:12px}}@media (width<=380px){.tt-heading h1{font-size:1.95rem}.tt-status{max-width:87px;line-height:1.5}.tt-tools select{max-width:116px}.tt-tools button{padding:7px}.tt-mission{grid-template-columns:130px minmax(0,1fr);gap:8px}.tt-poster{height:95px}.tt-briefing-body{padding:16px 14px 12px}.tt-settings{gap:9px}.tt-loadout{flex-wrap:wrap;gap:8px}.tt-loadout small{flex-basis:100%}.tt-key-grid{gap:10px}.tt-key-grid>span{font-size:.68rem}}@media (height<=600px) and (orientation:landscape){.tt-cabinet:fullscreen .tt-instruments{padding:8px 15px}.tt-cabinet:fullscreen .tt-toolbar{min-height:44px;padding-block:5px}.tt-cabinet:fullscreen .tt-menu{padding:10px}.tt-cabinet:fullscreen .tt-briefing{grid-template-columns:170px 1fr;width:95%;max-width:650px;display:grid}.tt-cabinet:fullscreen .tt-poster{height:100%}.tt-cabinet:fullscreen .tt-briefing-body{padding:12px 18px}.tt-cabinet:fullscreen .tt-briefing h2{margin:5px 0;font-size:1.4rem}.tt-cabinet:fullscreen .tt-menu-text{margin:7px 0;font-size:.7rem}.tt-cabinet:fullscreen .tt-settings{gap:7px}.tt-cabinet:fullscreen .tt-settings select{min-height:35px;padding:6px}.tt-cabinet:fullscreen .tt-start{min-height:40px;margin-top:9px}.tt-cabinet:fullscreen .tt-reset-link{min-height:25px;padding:4px}.tt-cabinet:fullscreen .tt-touch{grid-template-columns:1fr 1fr;padding:6px}.tt-cabinet:fullscreen .tt-touch button{min-height:38px}.tt-cabinet:fullscreen .tt-road-caption{min-height:28px;padding:5px 10px}.tt-cabinet:fullscreen .tt-radio{min-height:28px;padding:6px 12px}}@media (prefers-reduced-motion:reduce){.tt-page *{scroll-behavior:auto}}
