@font-face{font-family:Tsukimi Rounded;src:url(/fonts/Tsukimi_Rounded/TsukimiRounded-Regular.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Tsukimi Rounded;src:url(/fonts/Tsukimi_Rounded/TsukimiRounded-Bold.ttf)format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Tuffy;src:url(/fonts/Tuffy/Tuffy-Regular.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Tuffy;src:url(/fonts/Tuffy/Tuffy-Bold.ttf)format("woff2");font-weight:900;font-style:normal}:root{--color-background:#fff2da;--color-dark:#410909;--color-background-accent:#dec69b;--shadow:4px 4px 4px rgba(0,0,0,.1);--radius-m:.5rem;--border-width:4px;--border:solid var(--border-width) var(--color-dark)}*{box-sizing:border-box}body{text-align:center;background-color:var(--color-background);margin:0;font-family:Tsukimi Rounded,sans-serif}main{aspect-ratio:9/16;box-sizing:border-box;width:min(100dvw,56.25dvh);height:min(100dvh,177.778dvw);margin:0 auto;padding:1rem}h1{margin-top:0}.info-text{border-top:solid 4px var(--color-dark);margin-top:3rem}.route-plaque{aspect-ratio:1;border:solid 4px var(--color-dark);background-color:var(--color-background-accent);width:80%;box-shadow:var(--shadow);border-radius:100%;margin:0 auto;position:relative;container-type:inline-size}.route-plaque div{color:var(--color-dark)}.route-plaque .plaque-hole{border:solid 4px var(--color-dark);background-color:#dec69b;border-radius:100%;width:10%;height:10%;margin:10% auto}.route-plaque .camera-small{background-color:var(--color-background-accent);border:solid 4px var(--color-dark);width:35%;height:35%;box-shadow:var(--shadow);border-radius:100%;padding:4% 4% 5%;position:absolute;top:0;right:-10%}.route-plaque .camera-small svg{width:100%;height:100%}.route-number{justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-family:Tuffy,sans-serif;font-size:clamp(1rem,50cqw,16rem);display:flex;position:absolute}.route-number svg{width:60%;height:60%}.route-stats{color:var(--color-dark);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.route-stats>div{flex-direction:column;justify-content:end;align-items:center;display:flex}.route-stats>div p{margin:.1rem 0 0;font-size:.8rem}.route-stats .rating div{width:50%}.route-stats .rating div svg{width:100%;height:100%;padding-top:10%}.route-stats .rating p{margin:0;font-size:1.5rem}.route-stats .tops p:first-child{margin:auto;font-size:1.5rem}.difficulty-pie{aspect-ratio:1;border:solid 4px var(--color-dark);border-radius:100%;width:80%;margin:0 10%}.ascent-status{border:var(--border);border-radius:var(--radius-m);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:3rem;display:grid}.ascent-status #versuch,.ascent-status label[for=versuch]{grid-area:1/1/2/2}.ascent-status #zone,.ascent-status label[for=zone]{grid-area:1/2/2/3}.ascent-status #top,.ascent-status label[for=top]{border-right:none;grid-area:1/3/2/4}.ascent-status input{appearance:none;margin:0}.ascent-status input:first-child{border-start-start-radius:calc(var(--radius-m) - var(--border-width) * 1.5);border-end-start-radius:calc(var(--radius-m) - var(--border-width) * 1.5)}.ascent-status input:checked{background-color:var(--color-dark);color:var(--color-background)}.ascent-status input:has(~input:checked){background-color:var(--color-dark);color:var(--color-background)}.ascent-status input:has(~input:checked){border-right:solid 2px var(--color-background)}.ascent-status input:not(:checked){border-right:solid 2px var(--color-dark)}.ascent-status input:checked{border-end-end-radius:calc(var(--radius-m) - var(--border-width) * 1.1);border-top-right-radius:calc(var(--radius-m) - var(--border-width) * 1.1);border:var(--border)}.ascent-status label{color:inherit;margin:auto;font-size:1rem}.ascent-status input:checked+label{color:var(--color-background)}.ascent-status input:has(~input:checked)+label{color:var(--color-background)}.beauty-rating{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:3rem;display:grid}.beauty-rating input{appearance:none;margin:0}.beauty-rating input:checked+span svg polygon{fill:var(--color-dark)}.beauty-rating input:has(~input:checked)+span svg polygon{fill:var(--color-dark)}.beauty-rating #star-one,.beauty-rating #star-one+span{grid-area:1/1/2/2}.beauty-rating #star-two,.beauty-rating #star-two+span{grid-area:1/2/2/3}.beauty-rating #star-three,.beauty-rating #star-three+span{grid-area:1/3/2/4}.beauty-rating #star-four,.beauty-rating #star-four+span{grid-area:1/4/2/5}.beauty-rating #star-five,.beauty-rating #star-five+span{grid-area:1/5/2/6}.beauty-rating span{pointer-events:none;margin:auto}.difficulty-rating{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;width:100%;display:grid}.difficulty-rating div{aspect-ratio:1;align-items:center;width:100%;display:grid;position:relative}.difficulty-rating input{aspect-ratio:1;appearance:none;border:solid 1px var(--color-dark);border-radius:50%;width:80%;margin:auto}.difficulty-rating input:checked{border:var(--border);width:100%}.difficulty-rating label{width:100%;position:absolute}.form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;height:4rem;margin-top:3rem;display:grid}input[type=submit]{height:100%;box-shadow:var(--shadow);border-radius:100px;padding:.75rem 2rem 1rem;font-family:Tsukimi Rounded,sans-serif;font-size:1rem}input[type=reset]{height:100%;box-shadow:var(--shadow);border-radius:100px;padding:.75rem 2rem 1rem;font-family:Tsukimi Rounded,sans-serif;font-size:1rem}input[type=submit]{background-color:var(--color-dark);color:var(--color-background);border:none}input[type=reset]{border:solid 2px var(--color-dark);background-color:var(--color-background)}input[type=password]{width:10rem;height:4rem;color:var(--color-dark);text-align:center;border:solid 2px var(--color-dark);background-color:var(--color-background-accent);border-radius:var(--radius-m);font-size:2rem}#qr-reader{border-radius:1000px;height:100%;overflow:hidden}#qr-reader video{object-fit:cover;width:100%;height:100%}#qr-reader #qr-shaded-region{display:none}.route-plaque #start-scanner{width:100%;height:100%;color:var(--color-dark);background-color:var(--color-background-accent);border:none;border-radius:100%;position:absolute;top:0;left:0}.route-plaque #start-scanner span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.route-plaque #start-scanner span svg{width:60%;height:60%}.route-plaque #start-scanner:disabled,.route-plaque #stop-scanner:disabled{display:none}