:root{--bg:#efe6d2;--surface:#faf5e9;--paper:#fbf7ec;--border:#d8cbaf;--rule:#13294b;--text:#2a2a2e;--text-strong:#13294b;--text-muted:#645e4f;--navy:#13294b;--red:#c0272d;--mustard:#dfa13a;--ocean:#c9dcdc;--graticule:#13294b17;--land:#f6efdd;--land-stroke:#b9a987;--accent:var(--red);--accent-fill:var(--red);--accent-ink:#fdf7ea;--pin-a:var(--red);--pin-a-soft:#efc9bd;--pin-b:var(--navy);--pin-b-soft:#c5cfdd;--route:var(--navy);--guess:var(--mustard);--guess-casing:#13294b80;--plane:var(--navy);--plane-outline:#fdf7ea;--board:#151515;--board-label:#e2a83f;--flap:#222;--flap-hi:#2c2c2c;--flap-text:#f3ead0;--sans:"Jost", "Futura", "Century Gothic", system-ui, sans-serif;--display:"Jost", "Futura", "Century Gothic", system-ui, sans-serif;--flap-font:"Oswald", "Arial Narrow", sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain-opacity:.35;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1726;--surface:#17213a;--paper:#f3ecdb;--border:#2a3654;--rule:#e9dfc6;--text:#e3dac6;--text-strong:#f5ecd7;--text-muted:#98a0b3;--ocean:#122036;--graticule:#c8d7f012;--land:#2e3c5c;--land-stroke:#4a5a80;--accent:#e2483f;--accent-fill:#d0362d;--accent-ink:#fdf7ea;--pin-a:#e2483f;--pin-a-soft:#55282c;--pin-b:#8db3e6;--pin-b-soft:#253f66;--route:#b9cff0;--guess:#f0b04a;--guess-casing:transparent;--plane:#f5ecd7;--plane-outline:#0f1726;--board:#0a0a0a;--flap:#1b1b1b;--flap-hi:#242424;--grain-opacity:.12}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background-image:var(--grain);opacity:var(--grain-opacity);position:fixed;inset:0}button{font:inherit}:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.pass{--pass-ink:#13294b;--pass-muted:#68624f;--pass-paper:var(--paper);--notch:14px;color:var(--pass-ink);filter:drop-shadow(0 10px 18px #13294b2e)drop-shadow(0 2px 3px #13294b1f);grid-template-columns:1fr 190px;animation:.6s cubic-bezier(.2,.8,.2,1) both pass-print;display:grid}@keyframes pass-print{0%{opacity:0;transform:translateY(18px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.pass{animation:none}}.pass-main,.pass-stub{background-color:var(--pass-paper)}.pass-main{-webkit-mask:radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;border-radius:14px 0 0 14px;overflow:hidden}.pass-stub{-webkit-mask:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at 0 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;border-radius:0 14px 14px 0;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 18px 18px;display:flex;position:relative}.pass-stub:before{content:"";left:0;top:calc(var(--notch) + 4px);bottom:calc(var(--notch) + 4px);border-left:2px dashed #13294b4d;position:absolute}.pass-band{background:var(--navy);color:#fdf7ea;border-bottom:4px solid var(--red);box-shadow:0 4px 0 var(--pass-paper), 0 6px 0 var(--mustard);align-items:center;gap:10px;padding:12px 20px;display:flex}.pass-airline{letter-spacing:.02em;font-size:20px;font-style:italic;font-weight:700}.pass-kind{letter-spacing:.24em;text-transform:uppercase;opacity:.85;margin-left:auto;font-size:12px;font-weight:600}.pass-fields{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:12px 16px;margin:0;padding:20px 20px 6px;display:grid}.pass-field dt,.stub-label,.pass-legs th{letter-spacing:.2em;text-transform:uppercase;color:var(--pass-muted);font-size:10.5px;font-weight:600}.pass-field dd{letter-spacing:.04em;text-transform:uppercase;margin:2px 0 0;font-size:17px;font-weight:600}.pass-legs{border-collapse:collapse;font-variant-numeric:tabular-nums;width:calc(100% - 40px);margin:10px 20px 20px}.pass-legs th{text-align:left;border-bottom:1.5px solid var(--pass-ink);padding:6px 4px}.pass-legs td{vertical-align:top;border-bottom:1px dotted #13294b4d;padding:8px 4px;font-size:14px}.pass-legs tr:last-child td{border-bottom:0}.pass-legs .num{text-align:right;white-space:nowrap}.pass-legs .leg{color:var(--red);width:2em;font-weight:700}.route-codes{letter-spacing:.08em;font-weight:700;display:block}.route-codes span{color:var(--red);font-size:12px}.route-cities{color:var(--pass-muted);font-size:12px;display:block}.pass-legs .off{font-weight:700}.dot{vertical-align:0;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot-great{background:#3e8a58}.dot-good{background:var(--mustard)}.dot-ok{background:#e0782c}.dot-miss{background:var(--red)}.stub-total{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.05}.stub-dots{margin:4px 0 2px;display:flex}.stub-dots .dot{width:14px;height:14px}.stub-standing{margin:2px 0 4px;font-size:14px;font-weight:500;line-height:1.35}.stub-standing strong{color:var(--red);font-weight:700}.stub-standing-avg{color:var(--pass-muted);font-size:12px;display:block}.stub-standing-pending{color:var(--pass-muted);font-style:italic}.stub-meta{letter-spacing:.12em;color:var(--pass-muted);font-size:12px;font-weight:600}.barcode{width:100%;height:46px;fill:var(--pass-ink);margin-top:auto}@media (width<=640px){.pass{grid-template-columns:1fr}.pass-main{-webkit-mask:radial-gradient(circle var(--notch) at 0 100%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 100%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 100%, #0000 98%, #000) right / 51% 100% no-repeat;border-radius:14px 14px 0 0}.pass-stub{-webkit-mask:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 0, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 0, #0000 98%, #000) right / 51% 100% no-repeat;border-radius:0 0 14px 14px;grid-template-columns:1fr auto;align-items:end;column-gap:16px;display:grid}.pass-stub:before{left:calc(var(--notch) + 4px);right:calc(var(--notch) + 4px);border-top:2px dashed #13294b4d;border-left:0;top:0;bottom:auto}.stub-label,.stub-total,.stub-dots,.stub-standing,.stub-meta{grid-column:1}.barcode{grid-area:1/2/span 5;width:110px;height:100%;min-height:70px}.pass-fields{grid-template-columns:repeat(2,1fr);padding:16px 16px 4px}.pass-band{padding:10px 16px}.pass-airline{font-size:17px}.pass-kind{letter-spacing:.16em;font-size:10.5px}.pass-legs{width:calc(100% - 24px);margin:8px 12px 16px}.pass-legs th:nth-child(3),.pass-legs th:nth-child(4),.pass-legs td:nth-child(3),.pass-legs td:nth-child(4){display:none}}.guess{flex-direction:column;gap:10px;display:flex}.guess-label{font-family:var(--display);color:var(--text-strong);font-size:16px;font-weight:600}.guess-row{gap:10px;display:flex}.guess-row .btn{flex:none}.guess-field{background:var(--surface);border:2px solid var(--rule);border-radius:999px;flex:1;align-items:center;min-width:0;padding:0 20px 0 22px;transition:border-color .15s;display:flex}.guess-field:focus-within{border-color:var(--accent)}.guess-field input{width:0;min-width:0;font-family:var(--flap-font);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text-strong);background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:30px;font-weight:600}.guess-unit{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:15px;font-weight:600}.guess-hint{color:var(--accent);margin:0;font-size:14px}.board{background:var(--board);border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a,0 1px #ffffff0d,0 8px 24px -8px #00000073}.board-title{font-family:var(--display);letter-spacing:.26em;color:var(--board-label);text-transform:uppercase;padding:0 2px 4px;font-size:12px;font-weight:600}.board-row{align-items:center;gap:10px;display:flex}.board-tag{flex:none;place-items:center;width:30px;display:grid}.board-label{width:5.5em;font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--board-label);flex:none;font-size:13px;font-weight:600}.board-cells{flex:1;min-width:0;container-type:inline-size}.flap-row{--gap:3px;--cell:min(38px, calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols)));justify-content:center;gap:var(--gap);display:flex}.flap{width:var(--cell);height:calc(var(--cell) * 1.45);font-family:var(--flap-font);font-weight:700;font-size:calc(var(--cell) * 1.02);color:var(--flap-text);perspective:calc(var(--cell) * 10);flex:none;position:relative}.flap:after{content:"";z-index:3;background:#000000b3;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}.flap-half{background:var(--flap);backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.flap-half>span{justify-content:center;align-items:center;height:200%;line-height:1;display:flex;position:absolute;left:0;right:0}.flap-top{transform-origin:bottom;background:linear-gradient(var(--flap-hi), var(--flap));border-radius:3px 3px 0 0;top:0}.flap-top>span{top:0}.flap-bottom{transform-origin:top;border-radius:0 0 3px 3px;bottom:0}.flap-bottom>span{bottom:0}.flap-fold{z-index:2;animation:flap-fold calc(var(--step) / 2) ease-in forwards}.flap-unfold{z-index:2;animation:flap-unfold calc(var(--step) / 2) ease-out calc(var(--step) / 2) forwards;transform:rotateX(90deg)}@keyframes flap-fold{to{transform:rotateX(-90deg)}}@keyframes flap-unfold{to{transform:rotateX(0)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.board-row:has(.board-tag) .flap-row{justify-content:flex-start}.route-board .flap-row,.results-board .flap-row{--cell:min(50px, calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols)))}.results-board .board-row .flap-row{justify-content:flex-end}@media (width>=640px){.results-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;display:grid}.results-board .board-title{grid-column:1/-1}.results-board .board-row{grid-template-columns:1fr auto;grid-template-areas:"label tag""cells cells";gap:8px;display:grid}.results-board .board-label{grid-area:label;width:auto}.results-board .board-tag{grid-area:tag;width:auto}.results-board .board-cells{grid-area:cells}}.world-map{aspect-ratio:2;background:var(--ocean);width:100%;max-height:70vh;box-shadow:0 0 0 1.5px var(--rule), 0 10px 24px -14px #13294b73;border-radius:6px;position:relative;overflow:hidden}.world-map:after{content:"";border:1px solid var(--rule);opacity:.45;pointer-events:none;border-radius:3px;position:absolute;inset:5px}@media (width<=640px){.world-map{aspect-ratio:4/3}}.world-map svg{display:block}.sphere{fill:var(--ocean)}.graticule{fill:none;stroke:var(--graticule);stroke-width:.75px;stroke-dasharray:3 3}.land{fill:var(--land);stroke:var(--land-stroke);stroke-width:.5px;stroke-linejoin:round}.land-a{fill:var(--pin-a-soft);stroke:var(--pin-a);stroke-width:1px}.land-b{fill:var(--pin-b-soft);stroke:var(--pin-b);stroke-width:1px}.pin-halo{opacity:.22}.pin-dot{stroke:var(--paper);stroke-width:2.5px}.pin-a .pin-halo,.pin-a .pin-dot{fill:var(--pin-a)}.pin-b .pin-halo,.pin-b .pin-dot{fill:var(--pin-b)}.pin-letter{fill:var(--paper);font-family:var(--display);text-anchor:middle;font-weight:700}@media (prefers-color-scheme:dark){.pin-b .pin-letter{fill:#0f1726}}.pin-name,.pin-capital{font-family:var(--display);paint-order:stroke;stroke:var(--ocean);stroke-width:4px;stroke-linejoin:round}.pin-name{fill:var(--text-strong);font-size:14px;font-weight:700}.pin-capital{fill:var(--text-muted);font-size:12px;font-weight:500}.route-actual{fill:none;stroke:var(--route);stroke-width:3.5px;stroke-dasharray:.1 7;stroke-linecap:round}.route-guess-casing{fill:none;stroke:var(--guess-casing);stroke-width:5px;stroke-linecap:round}.route-guess{fill:none;stroke:var(--guess);stroke-width:3px;stroke-linecap:round}.plane-body{fill:var(--plane);stroke:var(--plane-outline);stroke-width:1.4px;stroke-linejoin:round;paint-order:stroke}.plane-shadow{fill:#00000047}.compass{opacity:.55;pointer-events:none}.compass-ring{fill:none;stroke:var(--rule);stroke-width:1px}.compass-ring-inner{stroke-dasharray:1.5 2.5}.compass-arm{fill:var(--paper);stroke:var(--rule);stroke-width:.8px}.compass-north{fill:var(--red)}.compass-n{fill:var(--rule);font-family:var(--display);text-anchor:middle;font-size:10px;font-weight:700}.map-zoom{border:1.5px solid var(--rule);background:var(--surface);color:var(--text-strong);font-family:var(--display);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 11px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px -2px #00000040}.map-zoom:before{content:"";position:absolute;inset:-8px}@media (hover:hover){.map-zoom:hover{background:var(--bg)}}@media (width<=640px){.map-zoom{padding:5px 11px 5px 9px;font-size:12px;top:10px;right:10px}}.app{max-width:860px;padding:18px 16px calc(56px + var(--keyboard,0px));flex-direction:column;gap:20px;margin:0 auto;display:flex}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-bottom:12px;display:flex}.logo{align-items:center;gap:10px;margin:0;display:flex}.logo-word{font-family:var(--display);letter-spacing:.04em;color:var(--text-strong);font-size:30px;font-style:italic;font-weight:700;line-height:1}.livery{background:linear-gradient(to bottom, var(--navy) 0 4px, transparent 4px 5px, var(--red) 5px 8px, transparent 8px 9px, var(--mustard) 9px 11px);height:11px}@media (prefers-color-scheme:dark){.livery{background:linear-gradient(to bottom, var(--text-strong) 0 4px, transparent 4px 5px, var(--red) 5px 8px, transparent 8px 9px, var(--mustard) 9px 11px)}}.header-stats{gap:8px;margin-left:auto;display:flex}@media (width<=400px){.logo{gap:8px}.logo .emblem{width:30px;height:30px}.logo-word{font-size:26px}.header-stats{gap:6px}.chip{padding:3px 10px;font-size:13px}}.chip{border:1.5px solid var(--rule);color:var(--text-strong);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:500}.chip strong{font-weight:700}.chip-of{color:var(--text-muted)}.screen{flex-direction:column;gap:18px;display:flex}.btn{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .1s,box-shadow .15s,filter .15s}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-fill);color:var(--accent-ink);box-shadow:0 3px #7d1519}.btn-primary:active:not(:disabled){box-shadow:0 1px #7d1519}@media (hover:hover){.btn-primary:hover:not(:disabled){filter:brightness(1.07)}}.btn-large{padding:17px 28px;font-size:18px}.btn-slot{visibility:hidden}.btn-secondary{color:var(--text-strong);border:2px solid var(--rule);background:0 0}.tag{width:30px;height:30px;color:var(--paper);box-shadow:inset 0 0 0 2px var(--paper);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.tag-a{background:var(--pin-a)}.tag-b{background:var(--pin-b)}@media (prefers-color-scheme:dark){.tag-b{color:#0f1726}}.grade-dot{border-radius:50%;width:14px;height:14px;margin:0 auto;display:block}.start{gap:24px}@media (height>=640px){.start{justify-content:center;min-height:calc(100svh - 160px);padding-bottom:40px}}.start-intro{flex-direction:column;gap:10px;display:flex}.start-title{font-family:var(--display);letter-spacing:-.02em;color:var(--text-strong);text-wrap:balance;margin:0;font-size:clamp(36px,7vw,56px);font-style:italic;font-weight:700;line-height:1.02}.start-lede{max-width:46ch;color:var(--text);text-wrap:pretty;margin:0;font-size:18px;line-height:1.5}.reveal{flex-direction:column;gap:16px;display:flex}.logbook{padding-top:4px}.logbook-title{border-bottom:1.5px solid var(--rule);letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;padding-bottom:8px;font-size:12px;font-weight:600}.ledger{grid-template-columns:repeat(2,1fr);column-gap:32px;margin:0;display:grid}.ledger-row{align-items:baseline;gap:8px;padding:7px 0;display:flex}.ledger-row dt{color:var(--text);font-size:15px}.ledger-leader{border-bottom:2px dotted color-mix(in srgb, var(--text-muted) 55%, transparent);flex:1;min-width:12px;transform:translateY(-4px)}.ledger-row dd{color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:16px;font-weight:700}@media (width<=640px){.ledger{grid-template-columns:1fr}}.next-departure{text-align:center;color:var(--text-muted);margin:0}.countdown{font-family:var(--flap-font);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:20px;font-weight:600}