:root{--color-parchment-light:#e6d5ae;--color-parchment-dark:#cdb88a;--color-burnt-edge:#5a3e22;--color-ink:#3a2a1d;--color-gold:#a98232;--color-crimson:#6b1e2a;--color-navy:#1f2e4a;--color-sea:#6f8f8a;--color-forest:#5b6b3a;--color-vignette-core:var(--color-burnt-edge);--color-vignette-edge:var(--color-ink);--color-vignette-deep:#241910;--color-vignette-shadow:#140c0699;--font-heading:"Ruslan Display", Georgia, serif;--font-body:"Kurale", Georgia, serif;--strip-height:44px;--map-height-mobile:55dvh;--panel-width-desktop:380px}button,input,a{-webkit-tap-highlight-color:transparent}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-parchment-dark);height:100dvh;color:var(--color-ink);font-family:var(--font-body);margin:0;padding:0;overflow:hidden}#app{height:100dvh;position:relative;overflow:hidden}.strip{height:var(--strip-height);z-index:10;background:var(--color-gold);color:var(--color-parchment-light);border-bottom:2px solid var(--color-burnt-edge);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.map{top:var(--strip-height);height:var(--map-height-mobile);background:var(--color-vignette-core);position:absolute;left:0;right:0;overflow:hidden;container:map-area/inline-size}.panel{top:calc(var(--strip-height) + var(--map-height-mobile));background:var(--color-parchment-light);border-top:2px solid var(--color-burnt-edge);padding:1rem;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (width>=769px){.map{height:calc(100dvh - var(--strip-height));right:var(--panel-width-desktop)}.panel{top:var(--strip-height);width:var(--panel-width-desktop);border-top:none;border-left:2px solid var(--color-burnt-edge);left:auto;right:0}}.map-viewport{position:absolute;inset:0;overflow:hidden}.map-camera{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.map--overview{background:radial-gradient(ellipse at center, var(--color-vignette-core) 0%, var(--color-vignette-edge) 65%, var(--color-vignette-deep) 100%)}.map--overview .map-camera{box-shadow:0 0 var(--overview-shadow-blur,28px) var(--overview-shadow-spread,7px) var(--color-vignette-shadow)}.map-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.map-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.route{fill:none;opacity:.75}.route--p{stroke:var(--color-crimson)}.route--j{stroke:var(--color-navy)}.stop-circle{fill:var(--color-parchment-light);stroke:var(--color-burnt-edge)}.stop-label{fill:var(--color-ink);font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;pointer-events:none}.figure{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.figure__shadow{transform-origin:50% 100%;--boost:1;transform:translate(-50%, 0) scale(var(--boost));pointer-events:none;background:radial-gradient(#00000059 0%,#0000 75%);border-radius:50%;position:absolute;bottom:0;left:50%}.figure__sprite{transform-origin:50% 100%;--flip:1;--boost:1;transform:translateX(-50%) scaleX(var(--flip)) scale(var(--boost));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute;bottom:0;left:50%}.figure-flash{pointer-events:none;background:radial-gradient(circle,#fff4d6e6 0%,#fff4d600 70%);border-radius:50%;width:200px;height:200px;margin:-100px 0 0 -100px;position:absolute;top:0;left:0}.map-debug{z-index:30;color:#fff;pointer-events:none;white-space:nowrap;background:#0009;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:12px;line-height:1.4;position:absolute;top:.5rem;left:.5rem}.map-debug__scale:before{content:" · "}@container map-area (width<=479px){.map-debug span{display:block}.map-debug__scale:before{content:none}}.panel__content{flex-direction:column;gap:.75rem;height:100%;display:flex;overflow:hidden auto}.panel__title{font-family:var(--font-heading);margin:0;font-size:1.25rem}.panel__photo-frame{background:var(--color-parchment-dark);border:1px solid var(--color-burnt-edge);padding:.4rem;box-shadow:0 2px 6px #0003}.panel__photo{aspect-ratio:3/2;object-fit:cover;object-position:center;width:100%;display:block}.panel__chronicle{margin:0;line-height:1.5}.panel__question{margin:0;font-weight:700}.panel__form{align-items:center;gap:.75rem;display:flex}.panel__input{min-width:0;font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--color-ink);background:var(--color-parchment-light);border:2px solid var(--color-burnt-edge);border-radius:4px;flex:1;padding:.5rem .75rem;font-size:1.1rem}.panel__input:disabled{opacity:.5}.panel__seal{border:3px solid var(--color-burnt-edge);background:radial-gradient(circle at 35% 30%, var(--color-crimson), #4a1420 85%);width:6rem;height:6rem;color:var(--color-parchment-light);font-family:var(--font-heading);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.875rem;line-height:1.1;display:flex}.panel__seal:focus-visible{outline:3px solid var(--color-parchment-light);outline-offset:-6px}.panel__input:focus-visible{border-color:var(--color-gold);box-shadow:inset 0 0 0 3px var(--color-gold);outline:2px solid #0000}.panel__form[aria-busy=true] .panel__seal{cursor:progress;background:radial-gradient(circle at 50% 55%,#4a1420,#2e0b13 90%);box-shadow:inset 0 4px 10px #0000008c}.panel__input[readonly]{opacity:.7}.panel__seal:disabled{opacity:.5;cursor:not-allowed}.panel__seal--rejected{border-style:dashed;border-color:var(--color-gold)}.panel__finale-title{font-family:var(--font-heading);margin:0;font-size:1.25rem}.panel__finale-result{min-height:1.2em;margin:0;font-size:1rem}.panel__finale-result--coords{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:.04em;overflow-wrap:anywhere;font-size:1.4rem}.panel__restart{background:var(--color-parchment-light);color:var(--color-ink);font-family:var(--font-body);border:1px solid var(--color-burnt-edge);cursor:pointer;border-radius:4px;align-self:flex-start;margin-top:.5rem;padding:.35rem .9rem;font-size:.9rem;font-weight:700;text-decoration:underline}.panel__restart:hover,.panel__restart:focus-visible{background:var(--color-parchment-dark)}.panel__finale-title:focus{outline:none}.panel__feedback{min-height:1.2em;color:var(--color-crimson);margin:0;font-size:.9rem}.panel__content [hidden]{display:none!important}.strip__cells{gap:2px;margin:0;padding:0;list-style:none;display:flex}.strip__cell{border:1px solid var(--color-burnt-edge);width:24px;height:24px;font-family:var(--font-body);font-variant-numeric:tabular-nums;background:0 0;border-radius:2px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.strip__cell--filled{background:var(--color-parchment-light);color:var(--color-ink);font-weight:700}.prologue{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.prologue__sky{background:linear-gradient(to bottom, var(--color-navy) 0%, #3d4f72 45%, var(--color-gold) 100%);position:absolute;inset:0}.prologue__plane{pointer-events:none;position:absolute;inset:0}.prologue__plane--far{filter:sepia(.5)hue-rotate(190deg)saturate(.7)brightness(.5);opacity:.9}.prologue__plane--mid{filter:sepia(.3)hue-rotate(190deg)saturate(.7)brightness(.75);opacity:.95}.prologue__plane--near{filter:sepia(.15)saturate(1.15)brightness(1.08)}.prologue__cloud{will-change:transform;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;left:0}.prologue__content{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.prologue__cartouche{aspect-ratio:1600/848;cursor:pointer;background:url(/assets/cartouche.webp) 50%/contain no-repeat;border:none;justify-content:center;align-items:center;width:min(90vw,560px);padding:0;display:flex}.prologue__cartouche:disabled{cursor:default}.prologue__title{white-space:nowrap;text-align:center;font-family:var(--font-heading);color:var(--color-ink);font-size:clamp(1rem,4vw,1.6rem);line-height:1.15;display:inline-block}.prologue__letter{display:inline-block}.prologue__reset{background:var(--color-parchment-light);border:1px solid var(--color-burnt-edge);color:var(--color-ink);font-family:var(--font-body);cursor:pointer;border-radius:4px;padding:.35rem .9rem;font-size:.9rem;font-weight:700;text-decoration:underline}.prologue__reset:hover,.prologue__reset:focus-visible{background:var(--color-parchment-dark)}.draft-badge{z-index:20;top:calc(var(--strip-height) + .5rem);background:var(--color-crimson);color:var(--color-parchment-light);border:2px solid var(--color-burnt-edge);font-family:var(--font-heading);letter-spacing:.1em;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;padding:.2rem .7rem;font-size:.95rem;line-height:1.2;position:fixed;right:.5rem;transform:rotate(3deg);box-shadow:0 2px 6px #00000059}.draft-badge__line{text-align:center;display:block}.draft-badge__line--note{letter-spacing:.04em;font-size:.7rem;line-height:1.3}@media (width>=769px){.draft-badge{right:calc(var(--panel-width-desktop) + .5rem)}}.startup-screen{background:radial-gradient(ellipse at center, var(--color-vignette-core) 0%, var(--color-vignette-edge) 65%, var(--color-vignette-deep) 100%)}.startup-screen__card{background:var(--color-parchment-light);border:2px solid var(--color-burnt-edge);border-radius:4px;flex-direction:column;gap:.75rem;max-width:min(90vw,30rem);padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 16px #00000059}.startup-screen__text{text-align:center;margin:0;line-height:1.5}