:root{
  color-scheme:dark;
  --navy:#081827;
  --cream:#f1e2c9;
  --green:#a3d600;
  --blue:#189fda;
  --muted:#c4c2b6;
  --mono:'IBM Plex Mono',monospace}
  *{
    box-sizing:border-box}
    body{
      margin:0;
      background:var(--navy);
      color:var(--cream);
      font:14px Inter,system-ui,sans-serif}
      button{
        font:inherit;
        cursor:pointer}
        a{
          color:inherit}
          button:focus-visible,a:focus-visible{
            outline:3px solid var(--green);
            outline-offset:4px}
            [hidden]{
              display:none!important}
              header{
                height:66px;
                display:flex;
                align-items:center;
                justify-content:space-between;
                gap:20px;
                padding:0 25px;
                border-bottom:1px solid #465252}
                header>a{
                  text-decoration:none;
                  font:10px var(--mono)}
                  header>span{
                    font:10px var(--mono);
                    letter-spacing:.16em}
                    .brand{
                      display:flex;
                      align-items:center;
                      gap:11px;
                      font:700 20px Inter;
                      letter-spacing:.06em}
                      .brand img{
                        width:34px;
                        height:34px;
                        object-fit:contain}
                        main{
                          position:relative;
                          height:calc(100dvh - 106px);
                          min-height:630px;
                          overflow:hidden}
                          #landscape{
                            position:absolute;
                            inset:0}
                            .perspective{
                              position:absolute;
                              z-index:2;
                              top:22px;
                              left:calc(50% + 165px);
                              transform:translateX(-50%);
                              display:flex;
                              border:1px solid var(--cream);
                              border-radius:28px;
                              overflow:hidden;
                              box-shadow:0 5px 18px #0003;
                              background:var(--navy)}
                              .perspective button{
                                border:0;
                                padding:15px 25px;
                                font:11px var(--mono);
                                letter-spacing:.03em;
                                background:var(--navy);
                                color:var(--cream);
                                white-space:nowrap}
                                .perspective button[aria-pressed=true]{
                                  background:var(--cream);
                                  color:var(--navy)}
                                  .panel{
                                    position:absolute;
                                    top:22px;
                                    bottom:26px;
                                    left:24px;
                                    width:345px;
                                    padding:25px;
                                    background:#081827f0;
                                    backdrop-filter:blur(12px);
                                    border:1px solid #adb4a42b;
                                    border-radius:6px;
                                    overflow:auto;
                                    scrollbar-width:thin}
                                    .eyebrow{
                                      color:var(--blue);
                                      font:10px var(--mono);
                                      letter-spacing:.13em;
                                      margin:0 0 20px}
                                      h1{
                                        font-size:54px;
                                        line-height:1.03;
                                        letter-spacing:-.055em;
                                        font-weight:500;
                                        margin:0 0 20px;
                                        max-width:270px}
                                        .description{
                                          font-size:13px;
                                          line-height:1.65;
                                          color:#e0ded3;
                                          margin:0 0 22px}
                                          .data-row{
                                            display:flex;
                                            gap:16px;
                                            align-items:center;
                                            padding:18px 0;
                                            border-top:1px solid #8e9e9040}
                                            .data-row strong{
                                              display:block;
                                              font-size:12px;
                                              font-weight:400;
                                              line-height:1.55;
                                              margin-top:6px}
                                              .data-row small,.bearing-card small{
                                                font:9px var(--mono);
                                                letter-spacing:.06em;
                                                color:var(--muted)}
                                                .symbol{
                                                  flex-shrink:0;
                                                  width:17px;
                                                  height:17px;
                                                  border:1px solid var(--cream);
                                                  display:block;
                                                  margin:0 4px}
                                                  .symbol.position{
                                                    border-radius:50%;
                                                    background:var(--blue);
                                                    box-shadow:0 0 0 4px #189fda25}
                                                    .symbol.diamond{
                                                      transform:rotate(45deg);
                                                      background:var(--green);
                                                      border:0;
                                                      width:14px;
                                                      height:14px}
                                                      .symbol.rings{
                                                        border-radius:50%;
                                                        box-shadow:0 0 0 4px #081827,0 0 0 5px #aaa997;
                                                        width:14px;
                                                        height:14px}
                                                        .insight{
                                                          border-left:2px solid var(--green);
                                                          padding-left:12px;
                                                          font-size:12px;
                                                          line-height:1.6;
                                                          margin:20px 0;
                                                          color:#d3d2c6}
                                                          .primary{
                                                            width:100%;
                                                            border:0;
                                                            border-radius:3px;
                                                            padding:14px 12px;
                                                            color:#102100;
                                                            background:var(--green);
                                                            font-size:12px;
                                                            font-weight:600;
                                                            display:flex;
                                                            justify-content:space-between;
                                                            gap:10px}
                                                            .primary:hover{
                                                              background:#b7e925}
                                                              .text-button{
                                                                padding:10px 0;
                                                                background:none;
                                                                border:0;
                                                                color:var(--cream);
                                                                font-size:11px;
                                                                text-decoration:underline;
                                                                text-underline-offset:5px}
                                                                .fictional{
                                                                  font:8px var(--mono);
                                                                  letter-spacing:.055em;
                                                                  margin:18px 0 0;
                                                                  color:var(--muted)}
                                                                  .paper{
                                                                    color:#3c382e;
                                                                    background:#dfcfad;
                                                                    padding:9px 9px 5px;
                                                                    border:1px solid #bdab86;
                                                                    transform:rotate(-2deg);
                                                                    box-shadow:0 5px 18px #0004;
                                                                    margin:4px 0 18px}
                                                                    .paper-head{
                                                                      display:flex;
                                                                      justify-content:space-between;
                                                                      font:8px var(--mono);
                                                                      letter-spacing:.06em;
                                                                      padding-bottom:7px}
                                                                      #paper-map{
                                                                        height:170px;
                                                                        background:#d6c6a4}
                                                                        .paper p{
                                                                          font:7px var(--mono);
                                                                          margin:8px 0 3px;
                                                                          display:flex;
                                                                          align-items:center;
                                                                          gap:7px}
                                                                          .ink-cross{
                                                                            font:bold 17px var(--mono);
                                                                            color:#993c21}
                                                                            .ink-dot{
                                                                              font-size:10px;
                                                                              margin-left:auto;
                                                                              color:#524b3c}
                                                                              .paper .mapboxgl-canvas{
                                                                                filter:sepia(.5) saturate(.35)}
                                                                                .paper .mapboxgl-ctrl-attrib{
                                                                                  font-size:7px;
                                                                                  line-height:11px;
                                                                                  min-height:11px;
                                                                                  background:#e1d2b8cc;
                                                                                  color:#514c40}
                                                                                  .paper .mapboxgl-ctrl-logo{
                                                                                    transform:scale(.65);
                                                                                    transform-origin:bottom left}
                                                                                    .paper .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{
                                                                                      margin:0}
                                                                                      .bearing-card{
                                                                                        display:flex;
                                                                                        align-items:center;
                                                                                        gap:14px}
                                                                                        .bearing-card svg{
                                                                                          width:68px;
                                                                                          flex-shrink:0;
                                                                                          fill:none;
                                                                                          stroke:#b4a990;
                                                                                          stroke-width:.9}
                                                                                          .bearing-card svg text{
                                                                                            fill:var(--cream);
                                                                                            stroke:none;
                                                                                            font:8px var(--mono);
                                                                                            text-anchor:middle}
                                                                                            #needle{
                                                                                              fill:var(--green);
                                                                                              stroke:none}
                                                                                              .bearing-card strong{
                                                                                                display:block;
                                                                                                font:24px var(--mono);
                                                                                                margin:6px 0}
                                                                                                .bearing-card div>span{
                                                                                                  display:block;
                                                                                                  font-size:10px;
                                                                                                  color:var(--muted);
                                                                                                  line-height:1.5}
                                                                                                  .map-controls{
                                                                                                    position:absolute;
                                                                                                    top:86px;
                                                                                                    right:22px;
                                                                                                    display:flex;
                                                                                                    gap:10px;
                                                                                                    align-items:center}
                                                                                                    .map-controls button{
                                                                                                      background:#081827e8;
                                                                                                      border:1px solid #8a958950;
                                                                                                      border-radius:3px;
                                                                                                      padding:10px 12px;
                                                                                                      color:var(--cream);
                                                                                                      font:9px var(--mono)}
                                                                                                      .map-controls span{
                                                                                                        display:none}
                                                                                                        .view-note{
                                                                                                          position:absolute;
                                                                                                          bottom:35px;
                                                                                                          left:calc(50% + 165px);
                                                                                                          transform:translateX(-50%);
                                                                                                          background:#081827e8;
                                                                                                          padding:11px 16px;
                                                                                                          max-width:calc(100% - 450px);
                                                                                                          width:max-content;
                                                                                                          font:10px/1.6 var(--mono);
                                                                                                          text-align:center;
                                                                                                          color:#e4e3d2;
                                                                                                          border-radius:3px}
                                                                                                          .terrain-clues{
                                                                                                            position:absolute;
                                                                                                            right:22px;
                                                                                                            bottom:90px;
                                                                                                            width:290px;
                                                                                                            padding:17px;
                                                                                                            background:#081827eb;
                                                                                                            border-radius:5px;
                                                                                                            border:1px solid #bbc2ac33}
                                                                                                            .terrain-clues>span{
                                                                                                              font:9px var(--mono);
                                                                                                              letter-spacing:.11em;
                                                                                                              color:var(--muted);
                                                                                                              display:block;
                                                                                                              margin-bottom:13px}
                                                                                                              .terrain-clues button{
                                                                                                                font:10px var(--mono);
                                                                                                                padding:8px 10px;
                                                                                                                border:1px solid #8995846b;
                                                                                                                border-radius:3px;
                                                                                                                color:var(--cream);
                                                                                                                background:transparent}
                                                                                                                .terrain-clues button[aria-pressed=true]{
                                                                                                                  background:var(--cream);
                                                                                                                  color:var(--navy)}
                                                                                                                  .terrain-clues p{
                                                                                                                    font-size:11px;
                                                                                                                    line-height:1.6;
                                                                                                                    margin:13px 0 0;
                                                                                                                    color:#d0d1c1}
                                                                                                                    .live-position{
                                                                                                                      width:15px;
                                                                                                                      height:15px;
                                                                                                                      border-radius:50%;
                                                                                                                      background:var(--blue);
                                                                                                                      border:2px solid var(--cream);
                                                                                                                      box-shadow:0 0 0 6px #189fda35;
                                                                                                                      position:relative}
                                                                                                                      .marker-label{
                                                                                                                        position:absolute;
                                                                                                                        top:24px;
                                                                                                                        left:50%;
                                                                                                                        transform:translateX(-50%);
                                                                                                                        background:#081827ef;
                                                                                                                        padding:7px 10px;
                                                                                                                        color:var(--cream);
                                                                                                                        font:10px var(--mono);
                                                                                                                        white-space:nowrap;
                                                                                                                        border-radius:3px}
                                                                                                                        .checkpoint{
                                                                                                                          width:14px;
                                                                                                                          height:14px;
                                                                                                                          transform:rotate(45deg);
                                                                                                                          background:var(--green);
                                                                                                                          border:1px solid #23351e}
                                                                                                                          .checkpoint-wrap{
                                                                                                                            position:relative}
                                                                                                                            .checkpoint-wrap .marker-label{
                                                                                                                              top:-39px}
                                                                                                                              .paper-destination{
                                                                                                                                font:30px var(--mono);
                                                                                                                                color:#7f321e;
                                                                                                                                line-height:20px}
                                                                                                                                .paper-landmark{
                                                                                                                                  width:7px;
                                                                                                                                  height:7px;
                                                                                                                                  background:#524b3c;
                                                                                                                                  border-radius:50%}
                                                                                                                                  .paper-landmark span{
                                                                                                                                    position:absolute;
                                                                                                                                    left:10px;
                                                                                                                                    top:-5px;
                                                                                                                                    font:8px var(--mono);
                                                                                                                                    white-space:nowrap;
                                                                                                                                    color:#383328;
                                                                                                                                    background:#e3d5bbaa}
                                                                                                                                    .mapboxgl-ctrl-bottom-left{
                                                                                                                                      left:390px}
                                                                                                                                      .paper .mapboxgl-ctrl-bottom-left{
                                                                                                                                        left:0}
                                                                                                                                        #loading{
                                                                                                                                          position:absolute;
                                                                                                                                          bottom:70px;
                                                                                                                                          right:22px;
                                                                                                                                          background:var(--navy);
                                                                                                                                          padding:12px 16px;
                                                                                                                                          border-left:2px solid var(--blue);
                                                                                                                                          max-width:330px;
                                                                                                                                          font-size:12px}
                                                                                                                                          footer{
                                                                                                                                            height:40px;
                                                                                                                                            padding:0 25px;
                                                                                                                                            display:flex;
                                                                                                                                            align-items:center;
                                                                                                                                            justify-content:space-between;
                                                                                                                                            gap:15px;
                                                                                                                                            font:9px var(--mono);
                                                                                                                                            color:var(--muted)}
                                                                                                                                            @media(min-width:801px) and (max-height:820px){
                                                                                                                                              main{
                                                                                                                                                min-height:0}
                                                                                                                                                .panel{
                                                                                                                                                  padding:20px;
                                                                                                                                                  width:345px}
                                                                                                                                                  h1{
                                                                                                                                                    font-size:43px;
                                                                                                                                                    margin-bottom:14px}
                                                                                                                                                    .eyebrow{
                                                                                                                                                      margin-bottom:14px}
                                                                                                                                                      .description{
                                                                                                                                                        font-size:12px;
                                                                                                                                                        margin-bottom:15px}
                                                                                                                                                        .data-row{
                                                                                                                                                          padding:14px 0}
                                                                                                                                                          .insight{
                                                                                                                                                            font-size:11px;
                                                                                                                                                            margin:15px 0}
                                                                                                                                                            .fictional{
                                                                                                                                                              font-size:7px;
                                                                                                                                                              margin-top:14px}
                                                                                                                                                              #paper-map{
                                                                                                                                                                height:135px}
                                                                                                                                                                .paper{
                                                                                                                                                                  margin-bottom:14px}
                                                                                                                                                                  .bearing-card svg{
                                                                                                                                                                    width:54px}
                                                                                                                                                                    .bearing-card strong{
                                                                                                                                                                      font-size:20px;
                                                                                                                                                                      margin:4px 0}
                                                                                                                                                                      .bearing-card small{
                                                                                                                                                                        font-size:7px}
                                                                                                                                                                      }
                                                                                                                                                                      @media(max-width:800px){
                                                                                                                                                                        header{
                                                                                                                                                                          height:56px;
                                                                                                                                                                          padding:0 15px}
                                                                                                                                                                          .brand{
                                                                                                                                                                            font-size:15px}
                                                                                                                                                                            .brand img{
                                                                                                                                                                              width:27px;
                                                                                                                                                                              height:27px}
                                                                                                                                                                              header>span{
                                                                                                                                                                                display:none}
                                                                                                                                                                                header>a{
                                                                                                                                                                                  font-size:8px}
                                                                                                                                                                                  main{
                                                                                                                                                                                    height:auto;
                                                                                                                                                                                    min-height:0;
                                                                                                                                                                                    padding-top:56vh;
                                                                                                                                                                                    overflow:visible}
                                                                                                                                                                                    #landscape{
                                                                                                                                                                                      height:56vh;
                                                                                                                                                                                      bottom:auto}
                                                                                                                                                                                      .perspective{
                                                                                                                                                                                        position:fixed;
                                                                                                                                                                                        top:68px;
                                                                                                                                                                                        left:50%;
                                                                                                                                                                                        z-index:5;
                                                                                                                                                                                        box-shadow:0 3px 20px #0008}
                                                                                                                                                                                        .perspective button{
                                                                                                                                                                                          font-size:10px;
                                                                                                                                                                                          padding:13px 20px}
                                                                                                                                                                                          .panel{
                                                                                                                                                                                            position:relative;
                                                                                                                                                                                            top:auto;
                                                                                                                                                                                            left:auto;
                                                                                                                                                                                            bottom:auto;
                                                                                                                                                                                            width:auto;
                                                                                                                                                                                            border-radius:0;
                                                                                                                                                                                            padding:25px 22px;
                                                                                                                                                                                            overflow:visible}
                                                                                                                                                                                            .eyebrow{
                                                                                                                                                                                              font-size:9px}
                                                                                                                                                                                              h1{
                                                                                                                                                                                                font-size:46px;
                                                                                                                                                                                                max-width:none}
                                                                                                                                                                                                .description{
                                                                                                                                                                                                  font-size:13px;
                                                                                                                                                                                                  max-width:470px}
                                                                                                                                                                                                  .map-controls{
                                                                                                                                                                                                    top:67px;
                                                                                                                                                                                                    right:12px}
                                                                                                                                                                                                    .view-note{
                                                                                                                                                                                                      left:12px;
                                                                                                                                                                                                      transform:none;
                                                                                                                                                                                                      top:calc(56vh - 60px);
                                                                                                                                                                                                      bottom:auto;
                                                                                                                                                                                                      max-width:calc(100% - 24px);
                                                                                                                                                                                                      width:calc(100% - 24px);
                                                                                                                                                                                                      font-size:8px;
                                                                                                                                                                                                      padding:8px 12px}
                                                                                                                                                                                                      .terrain-clues{
                                                                                                                                                                                                        position:relative;
                                                                                                                                                                                                        right:auto;
                                                                                                                                                                                                        bottom:auto;
                                                                                                                                                                                                        width:auto;
                                                                                                                                                                                                        margin:0 20px 20px;
                                                                                                                                                                                                        padding:17px;
                                                                                                                                                                                                        background:#122838}
                                                                                                                                                                                                        .paper{
                                                                                                                                                                                                          max-width:340px;
                                                                                                                                                                                                          margin:10px auto 22px}
                                                                                                                                                                                                          #paper-map{
                                                                                                                                                                                                            height:210px}
                                                                                                                                                                                                            .paper p{
                                                                                                                                                                                                              font-size:8px}
                                                                                                                                                                                                              .bearing-card{
                                                                                                                                                                                                                justify-content:center}
                                                                                                                                                                                                                .mapboxgl-ctrl-bottom-left{
                                                                                                                                                                                                                  left:0}
                                                                                                                                                                                                                  .mapboxgl-ctrl-attrib{
                                                                                                                                                                                                                    font-size:8px!important}
                                                                                                                                                                                                                    #loading{
                                                                                                                                                                                                                      top:120px;
                                                                                                                                                                                                                      bottom:auto;
                                                                                                                                                                                                                      right:12px;
                                                                                                                                                                                                                      max-width:calc(100% - 24px)}
                                                                                                                                                                                                                      footer{
                                                                                                                                                                                                                        height:auto;
                                                                                                                                                                                                                        padding:18px 22px;
                                                                                                                                                                                                                        display:block;
                                                                                                                                                                                                                        font-size:8px;
                                                                                                                                                                                                                        line-height:1.7}
                                                                                                                                                                                                                        footer span{
                                                                                                                                                                                                                          display:block}
                                                                                                                                                                                                                          .marker-label{
                                                                                                                                                                                                                            font-size:8px}
                                                                                                                                                                                                                          }
                                                                                                                                                                                                                          @media(prefers-reduced-motion:reduce){
                                                                                                                                                                                                                            *{
                                                                                                                                                                                                                              scroll-behavior:auto!important}
                                                                                                                                                                                                                            }
@media(min-width:801px){.terrain-clues{right:100px}}
/* Mapbox positions marker roots absolutely; only label children are relative to them. */
.live-position,.checkpoint-wrap{position:absolute}.checkpoint-wrap{width:14px;height:14px}