.layout{--road-w:calc(var(--px) * 64);--bez:14px;--rider-y:38vh;grid-template-columns:40% 1fr;min-height:100vh;display:grid}.skip{z-index:100;background:var(--white);position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}.gba{background:var(--bezel);padding:0 var(--bez);box-shadow:inset 4px 0 0 #504e78, inset -4px 0 0 var(--bezel-dk);position:relative}.world{background:var(--grass) 0 0 / var(--tile) var(--tile);outline:4px solid #101018;min-height:100vh;position:relative;overflow:clip}.gate{height:max(calc(var(--rider-y) + var(--px) * 20), calc(var(--px) * 72 + 190px));flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.building{width:calc(var(--w) * var(--px));height:calc(var(--h) * var(--px));z-index:1;display:block;position:relative}.intro{z-index:2;margin:0;padding:4px 8px;font-size:18px;line-height:1.5;position:absolute;top:12px;left:12px;right:12px}.intro h1{font-family:var(--font-ui);margin:0 0 4px;font-size:14px;font-weight:400;line-height:1.6}.intro p{margin:0}.gate-tree{bottom:0;right:calc(50% + var(--px) * 64 - var(--tile) * (var(--x) + 1));position:absolute}.gate-tree.r{right:auto;left:calc(50% + var(--px) * 64 - var(--tile) * (var(--x) + 1))}.gate-tree[style*="-2"]{bottom:var(--tile)}.ride{position:relative}.strip{height:calc(var(--tile) * var(--rows,2));position:relative}.verge{position:absolute;top:0;bottom:0}.verge.l{left:0;right:calc(50% + var(--road-w) / 2);background:var(--gl)}.verge.r{right:0;left:calc(50% + var(--road-w) / 2);background:var(--gr)}.road{top:0;bottom:0;left:calc(50% - var(--road-w) / 2);width:var(--road-w);background:repeating-linear-gradient(#f8f8f8 0 calc(var(--px) * 8), transparent 0 var(--tile)) center top / calc(var(--px) * 2) 100% no-repeat, linear-gradient(#f8f8f8, #f8f8f8) calc(var(--px) * 10) 0 / var(--px) 100% no-repeat, linear-gradient(#f8f8f8, #f8f8f8) calc(100% - var(--px) * 10) 0 / var(--px) 100% no-repeat, var(--fence) left top / calc(var(--px) * 8) var(--tile) repeat-y, var(--fence) right top / calc(var(--px) * 8) var(--tile) repeat-y, var(--road) 0 0 / var(--tile) var(--tile);position:absolute}.deco{top:calc((var(--row) - var(--sh,1) + 1) * var(--tile));position:absolute}.verge.l .deco{right:calc(var(--k) * var(--tile))}.verge.r .deco{left:calc(var(--k) * var(--tile))}.sign-spot{top:calc(var(--tile) * 3);right:calc(50% + var(--road-w) / 2);scroll-margin-top:calc(var(--rider-y) - var(--tile));z-index:2;position:absolute}.signpost{width:var(--tile);height:var(--tile)}.sign-text{top:calc(var(--tile) * 4.5);z-index:3;margin:0;padding:2px 6px;position:absolute;left:10px;right:10px}.sign-text h2{font-family:var(--font-ui);margin:0;font-size:13px;font-weight:400;line-height:1.5}.sign-text h2 a{text-decoration:none}.sign-text p{margin:4px 0 0;font-size:17px}.menu{flex-wrap:wrap;gap:4px 16px;display:flex}.js .sign-text:not(:focus-within){clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.rider-track{top:calc(var(--px) * -22);bottom:0;left:calc(50% + var(--px) * 2);width:calc(var(--px) * 16);z-index:5;pointer-events:none;position:absolute}.rider{top:var(--rider-y);width:calc(var(--px) * 16);height:calc(var(--px) * 20);filter:drop-shadow(0 var(--px) 0 #00000040);display:block;position:sticky}.rider .frame-b{visibility:hidden}.rider.riding .frame-a{animation:.28s step-end infinite frame-a}.rider.riding .frame-b{animation:.28s step-end infinite frame-b}@keyframes frame-a{50%{visibility:hidden}}@keyframes frame-b{0%{visibility:hidden}50%{visibility:visible}}.rest{flex-direction:column;align-items:center;padding-bottom:48px;display:flex;position:relative}.plaza{width:calc(var(--px) * 96);height:calc(var(--tile) * 1.5);background:var(--road) 0 0 / var(--tile) var(--tile)}.rest-sign{z-index:2;font-family:var(--font-ui);color:#402810;margin:-8px 0 0;padding:0 6px;font-size:12px;font-weight:400;position:relative}.rest-info{gap:12px;width:100%;padding:16px 12px 0;display:grid}.rest-info article{margin:0;padding:2px 8px 6px;scroll-margin-top:24px;font-size:18px;line-height:1.45}.rest-info h3{font-family:var(--font-ui);text-transform:uppercase;color:var(--red-dk);margin:4px 0 8px;font-size:12px;font-weight:400}.rest-info p{margin:0 0 6px}.textbox{z-index:20;bottom:10px;left:calc(var(--bez) + 8px);width:calc(40% - var(--bez) * 2 - 16px);visibility:hidden;margin:0;padding:2px 8px 4px;font-size:17px;transition:transform .22s steps(5,end),visibility 0s .22s;position:fixed;transform:translateY(calc(100% + 20px))}.textbox[data-on=true]{visibility:visible;transition:transform .22s steps(5,end);transform:none}.textbox p{margin:0}.tb-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tb-name{font-family:var(--font-ui);font-size:13px;line-height:1.6}.tb-name.typing{animation:type .5s steps(var(--n,12))}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.tb-meta{margin-top:2px!important}.tb-menu{justify-content:flex-end;margin-top:4px!important}.area-pop{z-index:19;top:10px;left:calc(var(--bez) + 8px);max-width:calc(40% - var(--bez) * 2 - 16px);font-family:var(--font-ui);color:#402810;pointer-events:none;margin:0;padding:0 8px;font-size:11px;line-height:1.8;transition:transform .25s steps(4,end);position:fixed;transform:translateY(-160%)}.area-pop.show{transform:none}.dex{background:repeating-linear-gradient(var(--red) 0 6px, #c83828 6px 8px), var(--red);border-left:6px solid var(--red-xdk);height:100dvh;box-shadow:inset 6px 0 0 var(--red-lt);font-family:var(--font-text);grid-template-rows:auto 1fr auto;gap:10px;padding:12px 16px;display:grid;position:sticky;top:0}.dex-head{color:var(--white);font-family:var(--font-ui);text-shadow:3px 3px 0 var(--red-xdk);align-items:center;gap:14px;display:flex}.dex-logo{letter-spacing:2px;font-size:20px}.dex-seen{background:var(--red-xdk);text-shadow:none;border-radius:6px;margin-left:auto;padding:8px 10px;font-size:11px}.dex-seen b{color:#f8d038;font-weight:400}.lens{align-items:flex-start;gap:6px;display:flex}.lens i{border:3px solid var(--red-xdk);background:#f85858;border-radius:50%;width:12px;height:12px;display:block}.lens i:first-child{border:4px solid var(--white);outline:3px solid var(--red-xdk);background:radial-gradient(circle at 32% 30%,#d0f0ff 0 18%,#48a8f0 20% 58%,#2060b0 60%);width:40px;height:40px}.lens i:nth-child(3){background:#f8d038}.lens i:nth-child(2){animation:1.4s step-end infinite blink}@keyframes blink{50%{background:#801818}}.dex-body{border:5px solid var(--red-xdk);background:repeating-linear-gradient(var(--cream) 0 6px, #f0e6c0 6px 8px), var(--cream);min-height:0;box-shadow:inset 0 0 0 4px var(--cream-dk), 0 5px 0 var(--red-dk);border-radius:14px;grid-template-columns:minmax(0,1fr) 132px;gap:12px;padding:12px;display:grid}.dex-entries{scrollbar-width:thin;min-height:0;padding-right:4px;overflow-y:auto}.entry{align-content:start;gap:10px;animation:.24s steps(3,end) page;display:grid}.entry[hidden]{display:none}@keyframes page{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.dex-foot{font-family:var(--font-ui);color:var(--white);background:var(--red-xdk);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 12px;font-size:10px;display:flex}.hello{margin:0;padding:2px 8px;font-size:18px;line-height:1.45}.hello p{margin:0}.totals{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;display:grid}.totals div,.tcard div{flex-direction:column;display:flex}.totals div{background:var(--white);border:3px solid var(--slate);border-radius:8px;padding:6px 8px}.totals dt,.tcard dt{font-family:var(--font-ui);color:var(--red-dk);font-size:9px}.totals dd,.tcard dd{font-family:var(--font-ui);color:var(--ink);margin:4px 0 0;font-size:12px}.list-title{font-family:var(--font-ui);color:var(--red-dk);margin:4px 0 -4px;font-size:11px;font-weight:400}.dex-list{gap:0;margin:0;padding:2px 4px;list-style:none;display:grid}.dex-list .opt{border-bottom:2px dotted var(--cream-xdk);grid-template-columns:7ch 1fr auto;align-items:center;width:100%;padding-top:7px;padding-bottom:7px;font-size:11px;display:grid}.dex-list li:last-child .opt{border:0}.dex-list .no{color:var(--red-dk)}.dex-list .type{text-transform:none}.e-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.e-cover{aspect-ratio:3/2;background:#202028;margin:0}.e-cover img{object-fit:cover;width:100%;height:100%}.e-plate{align-content:start;gap:6px;display:grid}.e-no{font-family:var(--font-ui);color:var(--red-dk);margin:0;font-size:11px}.e-name{font-family:var(--font-ui);text-transform:uppercase;color:var(--ink);text-shadow:3px 3px 0 var(--ink-shadow);margin:0;font-size:clamp(14px,1.5vw,20px);font-weight:400;line-height:1.35}.e-kind{font-family:var(--font-ui);align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.tcard{grid-template-columns:1fr 1fr;gap:8px 10px;margin:2px 0 0;padding:0 4px;display:grid}.tcard div{border-bottom:2px dotted var(--cream-xdk);padding-bottom:4px}.e-dates{font-family:var(--font-ui);color:var(--ink);background:var(--cream-dk);border-radius:6px;justify-self:start;margin:0;padding:6px 10px;font-size:10px}.e-summary{margin:0;padding:2px 8px;font-size:18px;line-height:1.45}.e-bottom{justify-content:flex-end;display:flex}.e-menu,.rest-menu{gap:0 8px;margin:0;padding:0 6px}.rest-menu{justify-items:start;display:grid}.townmap{grid-template-rows:auto 1fr auto;gap:6px;min-height:0;margin:0;padding:0 2px;display:grid}.tm-title,.tm-here{text-align:center;font-family:var(--font-ui);color:var(--red-dk);margin:0;font-size:9px}.tm-here{color:var(--ink);background:var(--cream-dk);border-radius:4px;padding:4px 2px}.tm-land{border:3px solid var(--slate);background:linear-gradient(90deg, transparent 72%, #5898e8 72%) 0 0 / 100% 100%, repeating-conic-gradient(#88c870 0 25%, #78b860 0 50%) 0 0 / 8px 8px;border-radius:6px;min-height:0;position:relative;overflow:hidden}.tm-route{flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:10px 0}.townmap{--p:0}.tm-route:before,.tm-route:after{content:"";background:#e8d090;border:0 solid #a08048;border-width:0 2px;width:6px;position:absolute;top:7px;bottom:7px;left:28px}.tm-route:after{height:calc((100% - 14px) * var(--p));border-color:var(--red);background:#f8f8f8;bottom:auto}.tm-route li{z-index:1;position:relative}.tm-route a{font-family:var(--font-ui);color:var(--ink);align-items:center;gap:8px;padding-left:23px;font-size:9px;text-decoration:none;display:flex}.tm-dot{background:var(--type,var(--red));border:3px solid var(--red-xdk);flex:none;width:16px;height:14px}.tm-dot.is-gate{border-color:var(--slate);background:#6878a8}.tm-dot.is-rest{background:var(--red)}.tm-lbl{background:#f8f8f8d9;border-radius:3px;padding:3px 4px 2px}.tm-route .here .tm-dot{outline:3px solid var(--white);animation:.6s step-end infinite here}.tm-route .here .tm-lbl{background:var(--red);color:var(--white)}.tm-route a:hover .tm-lbl,.tm-route a:focus-visible .tm-lbl{outline:2px solid var(--red-xdk)}@keyframes here{50%{background:var(--white)}}@media (width<=900px){.layout{--bez:0px;grid-template-columns:1fr}.gba{box-shadow:none;padding:0}.dex{display:none}.textbox{width:auto;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom))}.area-pop{max-width:calc(100% - 16px);left:8px}}@media (width<=900px) and (width>=600px){:root{--s:3}}