:root{--bg:#fff;--ink:#1d1d1b;--muted:#8a8a85;--card:#f4f3ef;--line:#e4e3de;--accent:#e54c2a;--gap:12px;--page:1432px;--font:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--anthracite:#2e2e30;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:500 14px/1.45 var(--font);font-feature-settings:"tnum";-webkit-text-size-adjust:100%;margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.top{max-width:var(--page);justify-content:space-between;align-items:flex-end;gap:16px;margin:0 auto;padding:16px;display:flex}.logo{flex-shrink:0;display:block}.logo img{width:auto;height:88px;display:block}@media (width<=480px){.logo img{height:64px}}.nav{gap:8px;margin-left:auto;display:flex}.nav a{min-height:44px;font:400 13px/1 var(--font);color:var(--anthracite);align-items:flex-end;text-decoration:none;display:inline-flex}.nav a:hover{text-underline-offset:2px;text-decoration:underline}.nav a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.stack button[type=submit]{border:1px solid var(--line);background:var(--bg);padding:6px 10px;font-size:12px;text-decoration:none}.grid{gap:20px var(--gap);max-width:var(--page);grid-template-columns:repeat(2,1fr);margin:0 auto;padding:0 16px 48px;display:grid}@media (width>=768px){.grid{grid-template-columns:repeat(4,1fr);gap:32px 16px}}.tile{flex-direction:column;gap:6px;margin:0;display:flex}.frame{position:relative}.frame img{aspect-ratio:1;object-fit:cover;background:var(--card);width:100%;display:block}.tile-actions{gap:16px;margin:0;display:flex}.edit{color:var(--anthracite);text-underline-offset:2px;font-size:13px}.edit:hover{text-decoration:none}.remove{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.remove:hover{text-decoration:none}.tile-head{font:400 13px/1.45 var(--font);color:var(--anthracite);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.place{font:400 13px/1.45 var(--font);color:var(--anthracite);margin:0}.empty{color:var(--muted);grid-column:1/-1}.map-page{--accent-light:#f19d8a;--accent-dark:#b5361c;--accent-deep:#8a2716;--intro:min(66svh, min(900px, 100vw - 32px) * .5 + 16svh);max-width:var(--page);text-align:center;margin:0 auto;padding:0 16px 48px}:root:has(.map-page) body{overflow-x:clip}.panel{flex-direction:column;justify-content:center;height:82svh;padding:16px 0;display:flex}.panel-grow{height:auto;min-height:82svh}.panel-sub{font:400 13px/1.45 var(--font);color:var(--muted);margin:4px 0 16px}.story{max-width:32em;font:500 clamp(18px, 4.5vw, 26px)/1.3 var(--font);color:var(--anthracite);text-wrap:balance;margin:0 auto 16px}.story:empty{display:none}.chapter-photo{object-fit:cover;background:var(--card);width:min(40svh,64vw);height:min(40svh,64vw);margin:8px auto 0;display:block}.panel-intro{height:var(--intro)}.map-title{margin:0;line-height:0}.map-title a,.intro-title{width:min(900px,100%);margin:0 auto;display:block}.map-title img,.intro-title img{width:100%;height:auto;display:block}.map-title .the,.intro-title .the{width:22%;margin:0 auto -8%}.intro{z-index:10;background:var(--accent);opacity:0;pointer-events:none;padding:0 16px;position:fixed;inset:0}.intro-title{margin-top:calc(var(--intro) / 2);transform:translateY(-50%)}.intro-title img{filter:brightness(0)invert()}.intro.play{animation:3.6s forwards intro}.intro.play .intro-title{animation:3.6s forwards intro-glide}:root:not(.intro-on) .intro{display:none}.intro-on .map-page>:not(.intro){visibility:hidden}.intro-on .intro.play~*{animation:3.6s forwards intro-title}@keyframes intro{0%{opacity:0}18%,62%{opacity:1}to{opacity:0}}@keyframes intro-glide{0%,25%{transform:translateY(calc(50svh - var(--intro) / 2 - 50%));animation-timing-function:cubic-bezier(.65,0,.35,1)}52%,to{transform:translateY(-50%)}}@keyframes intro-title{0%,17%{visibility:hidden}18%,to{visibility:visible}}.map{--world:1400px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;margin:0 calc(50% - 50vw);overflow-x:auto}.map::-webkit-scrollbar{display:none}.map svg{width:calc(3 * var(--world));height:auto;display:block}@media (width>=992px){.map{--world:min(2200px, 60svh * 2.87)}}.map path{fill:var(--line)}.map .has{fill:var(--accent-light)}.map .counts rect{fill:var(--accent)}.map .counts text{font-family:var(--font);text-anchor:middle;fill:#fff;font-weight:500}.map-summary{font:400 13px/1.45 var(--font);color:var(--anthracite);margin:0 0 16px}.map-summary:empty{display:none}.brands{scrollbar-width:none;margin:0 calc(50% - 50vw);padding:0 16px;overflow-x:auto}.brands::-webkit-scrollbar{display:none}.brands svg{width:min(var(--natural), 100%);height:auto;margin:0 auto;display:block}@media (width>=768px){.brands svg{width:min(var(--natural) * 1.35, 100%)}}.brands .branches path,.length-noodle path{fill:none;stroke:var(--line);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.brands text{font:400 12px var(--font);text-anchor:middle;fill:#fff}.brands .brand rect{fill:var(--accent)}.brands .brand text{font-weight:500}.brands .flavour rect{fill:var(--accent-light)}.brands .flavour text{fill:var(--anthracite)}.chart{flex:1;min-height:0;overflow:hidden}.chart svg{display:block}.chart text{font:400 11px var(--font)}.estate.tone-0{--tone:var(--accent);--on-tone:#fff}.estate.tone-1{--tone:var(--accent-dark);--on-tone:#fff}.estate.tone-2{--tone:var(--accent-deep);--on-tone:#fff}.estate.tone-3{--tone:var(--accent-light);--on-tone:var(--anthracite)}.estate>rect{fill:var(--tone)}.estate text{fill:var(--on-tone)}.estate .shade-light text{fill:var(--anthracite)}.estate .estate-brand{font-weight:500}.length svg{margin:0 auto;display:block}.length-marks rect{fill:var(--accent)}.length-marks text{font:400 10px var(--font);text-anchor:middle;fill:var(--muted)}.cooling{width:min(100%,560px);height:auto;margin:0 auto;display:block}.cooling rect{fill:var(--line)}.cooling text{font:400 13px var(--font);text-anchor:middle;fill:var(--muted)}.cooling .cool-soup{fill:var(--accent-light)}.cooling .cool-soup.gone{fill:#0000}.cooling .cool-smoke{fill:var(--line)}.cooling :is(.cool-pipe,.cool-light).on{fill:var(--accent)}.cool-timer{font:500 clamp(32px, 7vw, 64px)/1 var(--font);color:var(--accent);font-variant-numeric:tabular-nums;margin:16px 0 0}.every-grid{grid-template-columns:repeat(var(--cols,20), 1fr);gap:2px;width:min(100%,80svh);margin:0 auto;display:grid}.every-grid img{aspect-ratio:1;object-fit:cover;background:var(--card);width:100%;display:block}.every-more{font:500 clamp(11px, 2.4vw, 15px)/1 var(--font);color:var(--anthracite);text-align:left;white-space:nowrap;align-self:center;margin:0;padding-left:6px;overflow:hidden}.about-page{padding:clamp(32px,6vw,64px) 20px 96px}.about-home{width:fit-content;margin:0 auto clamp(48px,8vw,96px);display:block}.about-home:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.about-logo{width:min(440px,82vw);height:auto;display:block}.about-text{max-width:29em;margin:0 auto;font-size:clamp(17px,.95rem + .4vw,20px);font-weight:400;line-height:1.55}.about-text p{margin:0 0 1.4em}.about-text .about-action{margin:0 0 2.4em}.about-text .about-action .lettering{display:block}.about-text .about-action .lettering img{width:100%;height:auto}.lettering{line-height:0;transition:transform .15s;display:inline-block}.lettering img{width:auto;display:block}.lettering:hover{transform:rotate(-3deg)}.about-page .lettering img{height:30px}.empty .lettering img{height:26px}a.lettering.lettering-link{align-items:flex-end;min-height:44px;display:inline-flex}a.lettering.lettering-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.form-page{max-width:var(--page);margin:0 auto;padding:0 16px 48px}.stack{flex-direction:column;gap:14px;max-width:408px;display:flex}.stack>label,.rating legend{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.stack input:not([type=radio]):not([type=file]),.stack select,.stack textarea{border:1px solid var(--line);background:var(--bg);text-transform:none;letter-spacing:0;border-radius:0;width:100%;padding:10px;font-size:16px}.stack select{appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231d1d1b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:34px}.stack input[type=date]{appearance:none;text-align:left;min-width:0;height:calc(1.45em + 22px);display:block}.stack input[type=date]::-webkit-date-and-time-value{text-align:left}.stack ::placeholder{color:#c4c3bd}.stack input:focus,.stack select:focus,.stack textarea:focus{border-color:var(--ink);outline:none}.stack button[type=submit]{background:var(--ink);color:var(--bg);border-color:var(--ink);padding:14px;font-size:13px}.stack button[type=submit]:disabled{opacity:.5;cursor:wait}.photo-field{flex-direction:column;gap:8px;display:flex}.tabs{gap:16px;margin:0 0 20px;display:flex}.tabs button{font:400 13px/1.45 var(--font);color:var(--muted);background:0 0;border:0;padding:0}.tabs button[aria-current]{color:var(--anthracite);text-underline-offset:2px;text-decoration:underline}.milestone{font:500 13px/1.45 var(--font);color:var(--accent);margin:0}.extra-preview{background:var(--card);width:100%;height:auto;display:block}.check{color:var(--muted);flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.stack .check input[type=checkbox]{width:auto;margin:0;padding:0}.queue{flex-direction:column;gap:16px;max-width:408px;margin:32px 0 0;padding:0;list-style:none;display:flex}.queue li{align-items:flex-start;gap:12px;display:flex}.queue img{object-fit:cover;background:var(--card);width:64px;height:64px}.queue p{margin:0 0 2px;font-size:13px}.photo-picker{aspect-ratio:1;background:var(--card);cursor:pointer;color:var(--muted);place-items:center;font-size:13px;display:grid;position:relative}.photo-picker.has-photo{background:var(--card) center / cover no-repeat}.photo-picker.has-photo span{color:var(--ink);background:#ffffffe6;padding:6px 10px}.photo-picker input{opacity:0;height:1px;position:absolute;inset:auto 0 0}.cropper{aspect-ratio:1;background:var(--card);position:relative;overflow:hidden}.cropper canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.cropper canvas:active{cursor:grabbing}.cropper canvas:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.guide{pointer-events:none;border:1.5px dashed #ffffffe6;position:absolute;inset:8%;box-shadow:0 0 0 1px #00000026}.crop-tools{align-items:center;gap:12px;display:flex}.crop-tools .hint{flex:1}.crop-tools button{border:1px solid var(--line);background:var(--bg);flex-shrink:0;padding:6px 10px;font-size:12px}.hint{color:var(--muted);margin:0;font-size:12px}.rating{border:0;gap:6px;margin:0;padding:0;display:flex}.rating legend{margin-bottom:4px}.rating label{flex:1;position:relative}.rating input{opacity:0;position:absolute;inset:0}.rating span{border:1px solid var(--line);text-align:center;padding:10px 0;font-size:16px;display:block}.rating input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.rating input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.error{color:var(--accent);min-height:1em;margin:0}