@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#344638;font-synthesis:none;--ink:#344638;--muted:#68715e;--green:#4e6548;--frame:#74816a;--paper:#fcfaef;--surface:#eff0e3;--line:#d1d7c2;background:#e8ecdf;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h2:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #a3763e}.app{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:48px 24px;display:flex;position:relative}.roadtrip-background{z-index:-1;pointer-events:none;image-rendering:pixelated;background:#aeb89b url(/art/baltimore-roadtrip-background.png) 50%/cover no-repeat;position:fixed;inset:0}.roadtrip-background:after{content:"";background:#e8eddd80;position:absolute;inset:0}.paper-card{background:var(--paper);border:2px solid var(--frame);width:400px;max-width:100%;min-height:560px;padding:56px 36px 36px;animation:.18s cubic-bezier(.22,1,.36,1) both screen-enter;position:relative;box-shadow:4px 4px #536348,inset 0 0 0 4px #edf0df}.paper-card:before{content:"";background:#879b70;width:6px;height:6px;position:absolute;top:24px;left:calc(50% - 3px);box-shadow:-12px 0 #d2dac3,12px 0 #d2dac3}.paper-card h2{text-align:center;letter-spacing:.025em;text-wrap:balance;font-size:22px;font-weight:600;line-height:1.5}.event-title{letter-spacing:.08em;color:var(--muted);text-align:center;margin:4px 0 12px;font-size:12px;font-weight:500;line-height:1.5}.confirmation{text-align:center}.ticket{background:var(--surface);border:1px solid var(--line);margin:20px 0 24px;display:flex;position:relative}.ticket>div:not(.ticket-cut){width:50%;padding:20px 16px}.ticket>div:first-child{border-right:1px dashed #b7c3a5}.ticket label{color:var(--muted);letter-spacing:.12em;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.ticket input,.ticket select{text-align:center;text-align-last:center;width:100%;color:var(--green);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;min-height:52px;padding:4px 0;font-family:IBM Plex Mono,monospace;font-size:36px;font-weight:500;line-height:1.3}.ticket select{cursor:pointer}.ticket-cut{display:none}.muted,.secret-note{color:var(--muted);font-size:13px;line-height:1.85}.centered{text-align:center}.icon-next,.primary{background:var(--green);color:var(--paper);border:2px solid #40563b;border-radius:0;justify-content:center;align-items:center;transition:background-color .1s,transform .1s,box-shadow .1s;display:flex;box-shadow:0 3px #34482e,inset 0 2px #ffffff20}.icon-next{width:48px;height:48px;margin:32px auto 0}.icon-next svg,.icon-back svg{stroke-width:2px}.icon-next:hover:not(:disabled),.primary:hover:not(:disabled){background:#617a54}.icon-next:active:not(:disabled),.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #34482e30}.icon-back{width:40px;height:40px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;left:16px}.icon-back:hover{background:var(--surface);color:var(--ink)}.primary{letter-spacing:.06em;min-width:112px;min-height:44px;margin:24px auto 0;padding:8px 24px;font-size:14px;font-weight:500}.field-label{text-align:left;color:var(--muted);margin:24px 0 8px;font-size:12px;font-weight:500;display:block}input:not(#table),select:not(#person){width:100%;min-height:48px;color:var(--ink);background:#f2f3e9;border:1px solid #b8c3a8;border-radius:0;padding:10px 14px;font-size:16px;line-height:1.5;box-shadow:inset 0 2px #dce2d130}.screen-character #name{margin:auto;display:block}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.character-grid button{background:var(--surface);border:2px solid #0000;justify-content:center;align-items:center;min-height:60px;padding:2px 0;display:flex;position:relative}.character-grid button:hover{background:#e3e9d7}.character-grid button .sheep{transition:transform .14s ease-out}.character-grid button:hover .sheep{transform:translateY(-2px)}.character-grid .selected{border-color:var(--green);background:#e2e9d3}.picked{background:var(--green);color:#fff;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;bottom:0;right:0}.sheep-sprite{vertical-align:middle;image-rendering:pixelated;clip-path:inset(8% 0 0);background-image:url(/art/sheep-atlas-v2.png);background-repeat:no-repeat;background-size:500% 400%;flex-shrink:0;display:inline-block}.screen-prep{padding-top:96px}.screen-prep h2{max-width:260px;margin:0 auto}.shush{color:var(--green);justify-content:center;margin:36px 0;display:flex}.shush svg{shape-rendering:crispedges;width:64px;height:64px}.secret-note{text-align:center;margin:32px 0 0}.secret-note p:first-child{color:var(--ink);margin-bottom:6px;font-weight:500}.screen-prep .secret-note{margin-top:0}.screen-prep .icon-next{margin-top:36px}.screen-question{padding-top:100px}.paper-card .question-heading{margin-bottom:32px;font-size:22px;line-height:1.65}.counter{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px;line-height:1.5}.screen-question .secret-note{margin-top:40px}.screen-finish{padding-top:160px}.welcome{text-align:center;margin-top:40px;font-size:16px;line-height:1.85}.group-label{text-align:center;color:var(--muted);letter-spacing:.06em;margin-top:32px;font-size:12px;font-weight:500}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;min-height:200px;margin-top:24px;display:grid}.group-player{flex-direction:column;align-items:center;min-width:0;display:flex}.group-player strong{overflow-wrap:anywhere;text-align:center;margin-top:8px;font-size:13px;font-weight:500;line-height:1.5}.screen-group .icon-next{margin-top:32px}.answer-description{text-align:center;color:var(--muted);margin:20px 0 28px;font-size:13px;line-height:1.85}.answer-list{gap:16px;display:grid}.answer-list article{min-width:0}.answer-list article>div{align-items:center;gap:10px;font-size:12px;line-height:1.5;display:flex}.answer-list strong{overflow-wrap:anywhere;font-weight:500}.answer-list article p{background:var(--surface);overflow-wrap:anywhere;border-left:3px solid #b0c099;margin-top:4px;padding:12px 16px;font-size:15px;line-height:1.7}.error{color:#8d4e32;background:#f5e7d9;gap:8px;margin-top:24px;padding:12px;font-size:13px;line-height:1.7;display:flex}.error button{color:inherit;background:0 0;border:0;min-width:32px;margin-left:auto}.test-toolbar{text-align:center;background:#fcfaefe8;border:1px solid #a6b297;width:400px;max-width:100%;padding:12px}.test-toolbar>span{color:var(--muted);margin-bottom:8px;font-size:11px;line-height:1.5;display:block}.test-toolbar-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.test-toolbar button{border:1px solid var(--line);background:var(--surface);justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 10px;font-family:IBM Plex Mono,Noto Sans SC,monospace;font-size:11px;line-height:1.5;display:flex}.test-toolbar button:hover:not(:disabled){background:#e2e9d3}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.departing{animation:screen-exit var(--transition-duration) ease-in forwards}.transition-loader{z-index:10;width:50%;height:3px;position:fixed;bottom:24px;left:25%}.transition-track{background:var(--line);height:100%;animation:loader-fade var(--transition-duration) linear forwards;border-radius:2px;overflow:hidden}.transition-progress{background:var(--green);transform-origin:0;height:100%;animation:loader-fill var(--transition-duration) linear forwards}.transition-sheep{animation:road-run var(--transition-duration) linear forwards;margin-left:-20px;position:absolute;bottom:5px}.back{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:40px;margin:12px auto 0;padding:8px;font-size:12px;line-height:1.5;display:flex}h1{letter-spacing:.025em;font-weight:600;line-height:1.5}@keyframes screen-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-exit{to{opacity:0;transform:translateY(-4px)}}@keyframes road-run{0%{opacity:0;left:0}12%{opacity:1}75%{opacity:1;left:100%;transform:translate(0)}to{opacity:0;left:100%;transform:translate(28px)}}@keyframes loader-fill{0%{transform:scaleX(0)}75%,to{transform:scaleX(1)}}@keyframes loader-fade{0%,75%{opacity:1}to{opacity:0}}.qr-page{max-width:1100px;margin:auto;padding:48px 32px}.qr-heading{text-align:center}.qr-heading h1{text-wrap:balance;margin:16px 0 12px;font-size:28px}.qr-heading p{color:var(--muted);font-size:14px;line-height:1.8}.qr-heading .back{justify-content:flex-start;margin:0 0 24px}.qr-settings{max-width:640px;margin:32px auto;font-size:13px;font-weight:500;display:block}.qr-settings input{margin-top:8px}.qr-settings small{color:var(--muted);margin-top:8px;font-size:12px;font-weight:400;line-height:1.7;display:block}.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.qr-grid article{text-align:center;border:1px solid var(--frame);background:var(--paper);padding:24px;box-shadow:3px 3px #d1d9c3}.qr-grid article>p{color:var(--muted);letter-spacing:.06em;margin-top:8px;font-size:11px;font-weight:500}.qr-grid h2{margin-top:8px;font-size:20px;font-weight:600;line-height:1.5}.qr-grid img{width:100%;max-width:250px;margin:16px auto;display:block}.qr-grid a{color:var(--green);overflow-wrap:anywhere;font-size:12px;line-height:1.7}.print-button{max-width:250px;margin:32px auto}@media (width<=480px){.app{gap:20px;padding:24px 20px}.paper-card{padding-left:24px;padding-right:24px}.paper-card h2{font-size:20px}.character-grid{gap:6px}.character-grid button{min-height:58px}.ticket>div:not(.ticket-cut){padding:20px 12px}}@media (width<=760px){.qr-page{padding:24px 20px}.qr-heading h1{font-size:24px}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qr-grid article{padding:16px 12px}.qr-grid h2{font-size:18px}}@media (width<=360px){.qr-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.transition-loader{display:none}}@media print{body{background:#fff}.qr-heading .back,.qr-settings,.print-button,.qr-grid .back{display:none}.qr-page{padding:0}.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-grid article{break-inside:avoid;box-shadow:none}.qr-grid a{font-size:10px}.qr-heading{margin-bottom:24px}}