.site{--sign-yellow:#f6c500;--sign-yellow-hi:#ffd83a;--sign-yellow-text:#ffe27a;--sign-red:#d9252f;--road-blue:#0f5aa8;--road-blue-hi:#1670cc;--sky:#2e9af8;--grass:#6cc23c;--barn:#a8322a;--gravel:#e2b67c;--gravel-deep:#bd8a52;--meadow:#1f6f3c;--forest-950:#0e2f20;--forest-900:#134029;--forest-800:#1a5235;--forest-700:#236a45;--forest-line:#33835a;--cream:#fff8e7;--muted:#d3e6cc;--ink:#16202e;--post:#8d99a6;min-height:100dvh;color:var(--cream);font-family:var(--font-fredoka), "Trebuchet MS", Verdana, sans-serif;font-variant-numeric:tabular-nums;flex-direction:column;font-size:1.0625rem;line-height:1.5;display:flex}.site *,.site :before,.site :after{box-sizing:border-box}:where(.site) :where(h1,h2,h3){font-family:var(--font-lilita), var(--font-fredoka), sans-serif;margin:0;font-weight:400;line-height:1.1}:where(.site) :where(p){margin:0}:where(.site) :where(a){color:inherit}.site :focus-visible{outline:3px solid var(--sign-yellow);outline-offset:3px;border-radius:4px}.skip-link{z-index:10;background:var(--sign-yellow);border:3px solid var(--ink);color:var(--ink);border-radius:8px;padding:.5rem 1rem;font-weight:600;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:.75rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-width{width:min(74rem,100% - 2rem);margin-inline:auto}.site-backdrop{z-index:-1;background:var(--forest-950) url(/rotmanaden.webp) 50% 100% / cover no-repeat;position:fixed;inset:0}.site-backdrop:after{content:"";background:linear-gradient(#144a2cc7,#0e3420e6);position:absolute;inset:0}.site-top{z-index:3;background:var(--forest-800);position:relative}.site-top-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;width:min(74rem,100% - 2rem);margin-inline:auto;padding-block:.65rem;display:flex}.awning{filter:drop-shadow(0 3px #16202e8c);pointer-events:none;height:1.1rem;position:absolute;top:100%;left:0;right:0}.awning:before{content:"";background:repeating-linear-gradient(90deg, var(--forest-800) 0 2rem, var(--cream) 2rem 4rem);position:absolute;inset:0;-webkit-mask:radial-gradient(1rem 1.1rem at 50% 0,#000 98%,#0000) 0 0/2rem 100% repeat-x;mask:radial-gradient(1rem 1.1rem at 50% 0,#000 98%,#0000) 0 0/2rem 100% repeat-x}.site-logo{color:var(--cream);font-family:var(--font-lilita), sans-serif;align-items:center;gap:.6rem;font-size:1.75rem;line-height:1;text-decoration:none;display:inline-flex}.site-logo svg{width:2.5rem;height:auto}.site-nav ul{flex-wrap:wrap;gap:.4rem .3rem;margin:0;padding:0;list-style:none;display:flex}.vagvisare{--plate:var(--road-blue);--plate-text:var(--cream);--arrow:.9em;isolation:isolate;padding:.36em calc(var(--arrow) + .5em) .36em .8em;color:var(--plate-text);font-family:var(--font-lilita), sans-serif;align-items:center;font-size:1.08rem;line-height:1.15;text-decoration:none;display:inline-flex;position:relative}.vagvisare:before,.vagvisare:after{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--arrow)) 0, 100% 50%, calc(100% - var(--arrow)) 100%, 0 100%);position:absolute}.vagvisare:before{background:var(--cream);inset:0}.vagvisare:after{background:var(--plate);inset:3px 4px 3px 3px}a.vagvisare:hover{--plate:var(--road-blue-hi)}a.vagvisare[aria-current=page],a.vagvisare.is-go{--plate:var(--sign-yellow);--plate-text:var(--ink)}a.vagvisare[aria-current=page]:hover,a.vagvisare.is-go:hover{--plate:var(--sign-yellow-hi)}.site-button{border:3px solid var(--ink);background:var(--sign-yellow);box-shadow:0 4px 0 var(--ink);color:var(--ink);font-family:var(--font-lilita), sans-serif;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.4rem;font-size:1.2rem;line-height:1.2;text-decoration:none;transition:transform 90ms ease-out,box-shadow 90ms ease-out;display:inline-flex}.site-button:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.site-button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.site-button:disabled{opacity:.6;cursor:default;transform:none}.site-button-big{padding:.4rem 2.6rem .5rem;font-size:2rem}.site-button-plain{background:var(--cream)}.site-button-small{box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:8px;padding:.25rem .8rem;font-family:inherit;font-size:.95rem;font-weight:600}.button-icon{object-fit:contain;width:1.5rem;height:1.5rem}.text-link{text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.text-link:hover{color:var(--sign-yellow)}.panel{border:3px solid var(--ink);background:var(--forest-900);box-shadow:0 5px 0 var(--ink);border-radius:14px;padding:1rem clamp(.9rem,2.5vw,1.35rem)}.panel-table{padding:.4rem .2rem;overflow-x:auto}.chip{border:2px solid var(--ink);color:var(--ink);font-family:var(--font-lilita), sans-serif;white-space:nowrap;border-radius:999px;padding:.1rem .65rem;font-size:.95rem;line-height:1.3;display:inline-block}.chip-latt{background:var(--grass)}.chip-normal{background:var(--sign-yellow)}.chip-svar{background:var(--sign-red);color:var(--cream)}.scene{background:var(--sky);width:100%;height:min(56.25vw,max(100svh - 5rem,46vw));position:relative;overflow:hidden}.scene-image{object-fit:cover;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}.scene-sky{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(.4rem,1vw,.9rem);padding:clamp(1.6rem,2.6vw,3rem) 1rem 0;display:flex;position:relative}.hero-title{color:var(--sign-yellow);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);font-size:clamp(3.3rem,9vw,10.5rem);line-height:1}.sky-panel{border:3px solid var(--ink);background:var(--forest-800);width:min(37rem,100%);box-shadow:0 5px 0 var(--ink);border-radius:14px;padding:.85rem 1.25rem 1rem}.hero-lead{font-family:var(--font-lilita), sans-serif;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.2}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:.7rem;display:flex}.hero-note{color:var(--muted);margin-top:.8rem;font-size:.97rem;line-height:1.35}.login{flex-direction:column;flex:1;display:flex}.login .scene{flex:1 0 auto}.login-error{border:3px solid var(--ink);background:var(--sign-yellow);color:var(--ink);border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem;font-weight:500}.home{flex-direction:column;flex:1;display:flex}.home-body{background:var(--meadow);flex:1;padding-block:clamp(2.5rem,4.5vw,3.5rem) clamp(2.5rem,5vw,4rem);position:relative}.home-body:before{content:"";z-index:1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='22'><path d='M0 22V15L7 18 12 6 18 17 26 12 31 19 41 9 47 18 58 14 64 3 71 17 82 11 90 19 99 7 106 18 117 13 124 19 133 5 140 17 151 10 158 18 168 12 174 18 180 15V22Z' fill='%231f6f3c'/></svg>") 0 100%/180px 22px repeat-x;height:22px;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.home-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:2rem clamp(1.5rem,3vw,2.5rem);display:grid}.home-section{margin-top:clamp(2.5rem,5vw,3.75rem)}.page-title{color:var(--sign-yellow);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .05em 0 var(--ink);font-size:clamp(2.5rem,7vw,4rem)}.page-lead{max-width:62ch;margin-top:.6rem;font-size:1.15rem}.section-title{margin-top:2.5rem;margin-bottom:.9rem;font-size:2rem}.section-title-first{margin-top:0}.section-lead{max-width:62ch;color:var(--muted);margin-bottom:1.25rem}.under-sign{margin-top:1.1rem}.side-note{color:var(--muted);margin-top:.9rem;font-size:.95rem}.latest{margin:0;padding-block:.4rem;list-style:none}.latest-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr) auto;align-items:center;gap:.1rem .8rem;padding-block:.5rem;display:grid}.latest-row+.latest-row{border-top:2px solid var(--forest-line)}.latest-name{font-family:var(--font-lilita), sans-serif;overflow-wrap:anywhere;font-size:1.15rem}.latest-score{text-align:right;white-space:nowrap;font-weight:600}.latest-date{display:none}.ledger{margin:0;padding-block:.5rem}.ledger>div{justify-content:space-between;align-items:baseline;gap:1rem;padding-block:.45rem;display:flex}.ledger>div+div{border-top:2px solid var(--forest-line)}.ledger dd{color:var(--sign-yellow);font-family:var(--font-lilita), sans-serif;white-space:nowrap;margin:0;font-size:1.35rem}.route{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.route:before{content:"";border:3px solid var(--ink);background-color:var(--gravel);background-image:radial-gradient(circle at 20% 30%,#785c3059 1.1px,#0000 1.8px),radial-gradient(circle at 70% 60%,#ffffff8c 1.1px,#0000 1.8px);background-size:23px 23px,31px 31px;border-radius:999px;height:1.5rem;position:absolute;top:8.3rem;left:0;right:0}.stop{position:relative}.stop-figure{object-fit:contain;object-position:50% 100%;width:9rem;max-width:100%;height:9rem;margin-inline:auto;display:block;position:relative}.stop-text{margin-top:1.4rem}.stop-name{color:var(--cream);align-items:center;gap:.45rem;font-size:1.35rem;display:flex}.stop-number{border:2px solid var(--ink);background:var(--sign-yellow);width:1.7rem;height:1.7rem;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:inline-grid}.stop-blurb{color:var(--muted);margin-top:.35rem;line-height:1.35}.stop-boss{color:var(--sign-yellow-text);margin-top:.35rem;font-weight:600}.roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.roster-card{flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.figure-tile{aspect-ratio:4/3;border:3px solid var(--ink);background:linear-gradient(180deg, var(--sky) 0 62%, var(--grass) 62%);border-radius:10px;position:relative;overflow:hidden}.figure-tile img{width:92%;max-width:none;height:auto;position:absolute;top:4%;left:50%;transform:translate(-50%)}.figure-tile.is-you{background:linear-gradient(180deg, var(--sign-yellow) 0 62%, var(--gravel) 62%)}.figure-tile.is-large{flex:none;width:7rem}.roster-name{font-size:1.25rem}.roster-text{color:var(--muted);margin-top:.2rem;font-size:.98rem;line-height:1.32}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.shop-item{flex-direction:column;padding:.75rem;display:flex}.shop-icon{object-fit:contain;width:6.5rem;height:6.5rem;margin-inline:auto;display:block}.shop-name{margin-top:.3rem;font-size:1.25rem}.shop-text{color:var(--muted);flex:1;margin-top:.2rem;font-size:.98rem;line-height:1.32}.price-tag{border:2px solid var(--ink);background:var(--cream);color:var(--ink);font-family:var(--font-lilita), sans-serif;border-radius:6px;align-self:flex-start;margin-top:.6rem;padding:.05rem .6rem;font-size:1rem}.page{flex:1;padding-block:clamp(2.5rem,5vw,3.5rem) clamp(2.5rem,5vw,4rem)}.distance-sign{border:4px solid var(--cream);background:var(--road-blue);box-shadow:0 0 0 3px var(--ink), 0 8px 0 var(--ink);color:var(--cream);border-radius:14px;padding:clamp(.9rem,2.5vw,1.3rem) clamp(.9rem,3vw,1.5rem)}.distance-title{font-size:1.8rem}.distance-table{border-collapse:collapse;width:100%;margin-top:.6rem}.distance-table th{text-align:left;padding:.1rem .5rem .3rem;font-size:.92rem;font-weight:500}.distance-table td{vertical-align:baseline;padding:.3rem .5rem}.distance-table tbody tr+tr td{border-top:2px solid #ffffff38}.distance-table .num{text-align:right;white-space:nowrap}.distance-table .rank{width:2.2rem;color:var(--sign-yellow);font-family:var(--font-lilita), sans-serif;padding-left:0;font-size:1.25rem}.distance-table .name{font-family:var(--font-lilita), sans-serif;overflow-wrap:anywhere;font-size:1.2rem}.distance-table tr.is-me td{color:var(--sign-yellow-text)}.whole-way{color:var(--sign-yellow-text);font-weight:600}.distance-empty{margin-top:.5rem}.distance-empty a{color:var(--sign-yellow-text)}.tabs{flex-wrap:wrap;gap:.4rem .3rem;margin:1.25rem 0 .4rem;padding:0;list-style:none;display:flex}.tab-blurb{color:var(--muted);margin-bottom:1.1rem;font-weight:500}.medal-meter{border:3px solid var(--ink);background:var(--forest-950);border-radius:999px;max-width:26rem;height:1rem;margin-top:.75rem;overflow:hidden}.medal-meter span{background:var(--sign-yellow);height:100%;display:block}.medal-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:2.25rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.medal{flex-direction:column;align-items:center;padding-bottom:1.1rem;display:flex;position:relative}.medal:before{content:"";background:var(--post);border-inline:2px solid var(--ink);width:.55rem;position:absolute;top:2.5rem;bottom:0;left:50%;transform:translate(-50%)}.medal-art{justify-content:center;align-items:center;height:7.5rem;display:flex;position:relative}.medal-art svg{width:auto;max-width:100%;height:100%;display:block}.medal-plate{border:3px solid var(--ink);background:var(--cream);width:100%;color:var(--ink);text-align:center;border-radius:6px;margin-top:.4rem;padding:.5rem .7rem .6rem;position:relative}.medal-name{font-size:1.15rem}.medal-text{margin-top:.2rem;font-size:.97rem;line-height:1.3}.medal-status{margin-top:.35rem;font-size:.92rem;font-weight:600}.medal-status.is-earned{color:#176d2c}.medal.is-covered .medal-art svg{filter:grayscale()contrast(.75)brightness(1.1)}.medal.is-covered .medal-art:after{content:"";background:repeating-linear-gradient(90deg, var(--ink) 0 .9rem, var(--sign-yellow) .9rem 1.8rem);border:2px solid var(--ink);height:.85rem;position:absolute;inset:44% -6% auto;transform:rotate(-24deg)}.medal.is-guest .medal-art svg{filter:none}.medal.is-guest .medal-art:after{content:none}.profile-head{flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem;display:flex}.profile-name{flex:1;min-width:12rem}.profile-name .page-title{overflow-wrap:anywhere}.profile-since{color:var(--muted);margin-top:.3rem}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.record-title{line-height:1}.record-empty{color:var(--muted);margin-top:.6rem}.route-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin-top:.75rem;display:grid}.route-bar-part{border:2px solid var(--ink);background:var(--forest-950);border-radius:4px;height:.7rem;overflow:hidden}.route-bar-part span{background:var(--sign-yellow);height:100%;display:block}.record-list{grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:.7rem 0 0;font-size:1rem;display:grid}.record-list dt{color:var(--muted)}.record-list dd{text-align:right;white-space:nowrap;margin:0;font-weight:600}.stat-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1.5rem;margin:0;display:grid}.stat-list dt{color:var(--muted)}.stat-list dd{color:var(--sign-yellow);font-family:var(--font-lilita), sans-serif;margin:0;font-size:1.6rem;line-height:1.15}.plain-table{border-collapse:collapse;width:100%;min-width:40rem}.plain-table th{border-bottom:3px solid var(--forest-line);text-align:left;padding:.6rem .8rem .4rem;font-weight:600}.plain-table td{vertical-align:top;padding:.45rem .8rem}.plain-table tbody tr+tr td{border-top:2px solid var(--forest-700)}.plain-table td:first-child{white-space:nowrap}.plain-table .num{text-align:right;white-space:nowrap}.status-bad{color:#ffc2b5;min-width:15rem;font-weight:500}.form-error{color:#ffc2b5;margin-top:.6rem;font-weight:600}.lost-sign{width:clamp(9rem,26vw,13rem);margin-bottom:1rem;display:block}.site-foot{border-top:4px solid var(--ink);background:var(--forest-900);padding:1.1rem 0 1.4rem;position:relative}.site-foot-inner{flex-direction:column;gap:.35rem;width:min(74rem,100% - 2rem);margin-inline:auto;font-size:.97rem;display:flex}.site-foot p{max-width:78ch}.site-foot p+p{color:var(--muted)}@media (min-width:40rem){.latest-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr) auto auto}.latest-date{min-width:6.5rem;color:var(--muted);text-align:right;white-space:nowrap;font-size:.95rem;display:block}}@media (max-width:56rem){.scene{background:linear-gradient(180deg, var(--sky) 9rem, var(--meadow) 9rem);flex-direction:column;height:auto;display:flex}.scene-sky{display:contents}.hero-title{z-index:1;text-align:center;order:1;padding:1.8rem 1rem 0;font-size:clamp(3.1rem,15.5vw,6rem);position:relative}.scene-image{object-position:75% 100%;order:2;height:clamp(20rem,100vw,34rem);margin-top:-.75rem;display:block;position:relative;-webkit-mask-image:linear-gradient(#0000 0,#000 9% 95%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 9% 95%,#0000 100%)}.sky-panel{z-index:1;text-align:center;order:3;width:min(37rem,100% - 2rem);margin:-2.25rem auto .75rem;position:relative}.home-grid{grid-template-columns:minmax(0,1fr)}.home-side .section-title-first{margin-top:.5rem}.route{grid-template-columns:minmax(0,1fr);gap:1.1rem}.route:before{width:1.5rem;height:auto;inset:0 auto 0 2.6rem}.stop{grid-template-columns:6.7rem minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.stop-figure{width:6.7rem;height:6.7rem;margin:0}.stop-text{margin-top:0}.roster,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.record-grid{grid-template-columns:minmax(0,1fr)}.stat-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:40rem){.distance-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.distance-table tr{grid-template-columns:2.2rem 1fr auto;gap:0 .5rem;padding-block:.4rem;display:grid}.distance-table tbody tr+tr{border-top:2px solid #ffffff38}.distance-table td,.distance-table tbody tr+tr td{border-top:0;padding:0}.distance-table .rank{grid-row:span 2}.distance-table .name,.distance-table .place{grid-column:2/4}.distance-table .levels{text-align:left;grid-column:2}.distance-table .levels:before{content:"Nivåer: "}.distance-table .score{grid-column:3}.distance-table .score:after{content:" p"}.distance-table .time{display:none}.site-logo{font-size:1.5rem}.site-logo svg{width:2.1rem}.site-nav .vagvisare{padding-inline:.65em calc(var(--arrow) + .35em);font-size:.94rem}.latest-row{grid-template-columns:minmax(0,1fr) auto}.latest-place{color:var(--muted);grid-column:1;font-size:.98rem}.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .75rem}.medal-art{height:6rem}}@media (prefers-reduced-motion:reduce){.site-button{transition:none}.site-button:hover,.site-button:active{transform:none}}.shop-heading{font-family:var(--font-lilita), sans-serif;margin-top:2.2rem;font-size:1.6rem;font-weight:400}.shop-emoji{text-align:center;font-size:3rem;line-height:1.2}