:root{--color-bg:#fff8ec;--color-surface:#fff;--color-text:#1f2a44;--color-text-soft:#4a5572;--color-primary:#e25840;--color-primary-dark:#c43f29;--color-secondary:#2b6cb0;--color-secondary-dark:#1f4e82;--color-accent:#f6c945;--color-line:#c9cfdb;--color-border:#e7decc;--font-family:"Segoe UI", ui-rounded, system-ui, -apple-system, Helvetica, Arial, sans-serif;--font-size-base:1.125rem;--font-size-lg:clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--font-size-xl:clamp(1.5rem, 1.25rem + 1.3vw, 2rem);--font-size-2xl:clamp(1.9rem, 1.4rem + 2.6vw, 2.75rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-md:1rem;--radius-lg:1.75rem;--shadow-soft:0 10px 30px #1f2a4414;--focus-ring:3px solid var(--color-secondary)}@media (prefers-color-scheme:dark){:root{--color-bg:#171a24;--color-surface:#222736;--color-text:#f3f1ea;--color-text-soft:#c3c8d6;--color-line:#3a4156;--color-border:#323a4d;--shadow-soft:0 10px 30px #00000059}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);margin:0;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}a{color:var(--color-secondary-dark)}button{font-family:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}a:focus-visible,button:focus-visible{outline:var(--focus-ring);outline-offset:3px;border-radius:.4rem}.container{width:100%;max-width:64rem;padding:0 var(--space-md);margin:0 auto}@media (width<=26rem){.container{padding:0 var(--space-sm)}}.skip-link{background:var(--color-accent);color:var(--color-text);padding:var(--space-xs) var(--space-sm);border-radius:0 0 var(--radius-md) 0;z-index:100;font-weight:600;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.btn{border-radius:var(--radius-lg);font-size:var(--font-size-lg);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.9rem 1.8rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background-color:var(--color-primary);color:#fff8ec;box-shadow:var(--shadow-soft)}.btn--primary:hover{background-color:var(--color-primary-dark)}.btn--secondary{color:var(--color-secondary-dark);border:2px solid var(--color-secondary);background-color:#0000}.btn--secondary:hover{background-color:var(--color-secondary);color:#fff8ec}.badge{background-color:var(--color-accent);color:#3a2a06;border-radius:999px;padding:.35rem .9rem;font-size:.95rem;font-weight:700;display:inline-block}.site-header{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.site-header__row{gap:var(--space-xs);flex-direction:column;display:flex}.site-header__title{font-size:1.4rem;font-weight:800}@media (width>=40rem){.site-header__row{flex-direction:row;justify-content:space-between;align-items:center}}.hero{padding:var(--space-xl) 0;gap:var(--space-lg);align-items:center;display:grid}.hero__heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);font-weight:800}.hero__text{font-size:var(--font-size-lg);color:var(--color-text-soft);max-width:38rem}.hero__actions{margin-top:var(--space-lg)}.hero__actions--row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.hero__beta-tag{vertical-align:middle;margin-left:.5rem;font-size:.75rem}.mattis-note{margin-top:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:24rem;padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-soft);transform:rotate(-1.5deg)}.mattis-note__text{font-size:1.1rem;font-weight:600}.mattis-note__signature{margin-top:var(--space-xs);color:var(--color-primary);text-align:right;font-weight:800}.hero__illustration{justify-self:center}@media (width>=56rem){.hero{grid-template-columns:1.1fr 1fr}}@media (width<=36rem){.hero,.route-section,.features,.progress-section{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.train-illustration{max-width:16rem;margin:0 auto}.mattis-note{max-width:100%}}.train-illustration{width:100%;max-width:24rem}.train-illustration__float{transform-origin:50%;animation:3.2s ease-in-out infinite train-bob}@keyframes train-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.route-section{padding:var(--space-xl) 0}.route-section__heading{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);font-weight:800}.route-section__text{color:var(--color-text-soft);max-width:40rem;margin-bottom:var(--space-lg)}.station-line{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.station-line__item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;display:flex;position:relative}.station-line__dot{background-color:var(--color-surface);border:4px solid var(--color-secondary);z-index:1;border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem}.station-line__item:first-child .station-line__dot,.station-line__item:last-child .station-line__dot{border-color:var(--color-primary);background-color:var(--color-primary)}.station-line__item:not(:last-child):before{content:"";background-color:var(--color-line);width:4px;height:calc(100% - .4rem);position:absolute;top:2.4rem;left:.75rem}.station-line__name{font-size:var(--font-size-lg);font-weight:600}.station-line__endpoint-label{color:var(--color-text-soft);font-size:.9rem;font-weight:700;display:block}.route-section__return-note{margin-top:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-soft);align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-weight:600;display:inline-flex}@media (width>=40rem){.station-line{flex-direction:row;gap:0}.station-line__item{text-align:center;gap:var(--space-xs);flex-direction:column;flex:1}.station-line__item:not(:last-child):before{width:calc(100% - .4rem);height:4px;top:.75rem;left:1.6rem}.station-line__name{font-size:1rem}}.features{padding:var(--space-xl) 0}.features__heading{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);font-weight:800}.features__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=48rem){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-soft)}.feature-card__icon{margin-bottom:var(--space-sm);font-size:2.2rem}.feature-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);font-weight:700}.feature-card__text{color:var(--color-text-soft)}.progress-section{padding:var(--space-xl) 0}.progress-section__heading{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);font-weight:800}.progress-section__status{margin-bottom:var(--space-lg)}.progress-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.progress-list__item{align-items:flex-start;gap:var(--space-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex}.progress-list__marker{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-top:.15rem;font-weight:800;display:flex}.progress-list__item--pågår .progress-list__marker{background-color:var(--color-accent);color:#3a2a06}.progress-list__item--kommer .progress-list__marker{background-color:var(--color-line);color:var(--color-text-soft)}.progress-list__title{font-weight:700;display:block}.progress-list__detail{color:var(--color-text-soft);font-size:.95rem}.game-loading{color:#fff8ec;min-height:100vh;font-weight:700;font-size:var(--font-size-lg);background-color:#100f14;justify-content:center;align-items:center;display:flex}.site-footer{padding:var(--space-lg) 0 var(--space-xl);color:var(--color-text-soft);text-align:center;font-size:.95rem}