/* Fictional landscape tickets: the references inform only the overlapping arrangement. */
.ticket-playground{display:block;padding:42px 48px 25px;background:#f5e8d4;overflow:visible}
.board-heading{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:20px}.board-heading h2{font-size:44px;line-height:1.25;margin:10px 0}.board-intro{max-width:480px}.board-intro p{margin:12px 0 0}.board-count{display:inline-block;border:1px solid #d4b995;border-radius:24px;padding:8px 16px;font-size:12px;background:#fff9eb;color:#6d5039}.board-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0 23px}.board-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px}.board-toolbar select{min-height:44px;border:1px solid #c5ad8c;border-radius:8px;padding:8px 28px 8px 10px;background:#fffbf2;color:#554839;font:inherit}.board-toolbar .button{min-height:44px;font-size:12px;padding:10px 18px;box-shadow:none}.board-toolbar small{font-size:10px;color:#796653;margin-left:auto}
.vendor-board{border:1px solid #87aeb9;border-radius:13px;background:#a9cbd4;padding:0 24px 14px;box-shadow:0 6px 0 #8cb2be,0 15px 25px #836d4920;position:relative;isolation:isolate}.board-rail{display:flex;justify-content:space-between;align-items:center;gap:12px;height:47px;border-bottom:1px solid #7eabb8;color:#355965;font:700 9px/1.2 sans-serif;letter-spacing:1.5px}.board-rail:before,.board-rail:after{content:'';position:absolute;top:18px;width:8px;height:8px;border-radius:50%;background:#e7ddc3;box-shadow:inset 0 1px 1px #6e8e9a}.board-rail:before{left:9px}.board-rail:after{right:9px}
.ticket-board{--board-columns:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:88px;column-gap:19px;padding:23px 0 40px;isolation:isolate}.board-ticket{position:relative;display:block;width:100%;height:120px;min-width:0;padding:0;border:1px solid #d6c6a9;border-radius:5px;background:#fff9e9;color:#332d23;cursor:pointer;touch-action:pan-y;transform:translateY(var(--ticket-lift,0px)) rotate(var(--ticket-tilt,0deg));transform-origin:center 35%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 4px 0 #c7c1a7,2px 7px 9px #405c6133;text-align:left;overflow:visible;isolation:isolate}.board-ticket:disabled{opacity:1;cursor:wait}.board-ticket>*{pointer-events:none}.board-ticket .board-art{position:absolute;inset:auto 0 0;width:100%;height:64%;border-radius:0 0 4px 4px;opacity:.9;z-index:-1}.board-ticket .ticket-meta{display:flex;justify-content:space-between;align-items:center;position:absolute;top:12px;left:0;right:0;padding:0 14px;font:700 8px/1 sans-serif;letter-spacing:1.1px;color:#6a7569}.board-ticket .ticket-no{font-variant-numeric:tabular-nums;color:#977454}.board-ticket .ticket-number{display:block;position:absolute;top:31px;left:12px;right:12px;margin:0;padding:4px 0 5px;font:700 27px/1.1 sans-serif;letter-spacing:3px;text-align:center;font-variant-numeric:tabular-nums;background:#fff9e9ed;border-top:1px solid #e4d6ba;border-bottom:1px solid #d4c6a6;white-space:nowrap}.board-ticket .ticket-caption{position:absolute;bottom:9px;right:10px;font-size:8px;color:#516e73;letter-spacing:.8px}.board-ticket .ticket-tab{position:absolute;top:8px;left:-7px;width:21px;height:27px;border-radius:3px 1px 3px 1px;background:var(--tab-color,#edb39a);color:#6d5039;font:700 13px/27px sans-serif;text-align:center;box-shadow:1px 2px 0 #685f481c}.board-ticket:nth-child(4n+2){--ticket-tilt:.7deg}.board-ticket:nth-child(4n+3){--ticket-tilt:-.6deg}.board-ticket[aria-pressed=true]{--ticket-lift:-6px;border-color:#b96b35;box-shadow:0 5px 0 #dfae74,2px 12px 18px #405c614a;z-index:25!important}.board-ticket[aria-pressed=true] .ticket-number{color:#a44520;background:#fff2d8}.board-ticket:focus-visible{outline:3px solid #285d76;outline-offset:3px;z-index:26!important}.board-bottom{padding:1px 0 0;text-align:center;color:#426774;font-size:10px;letter-spacing:1px}.board-keyboard{font-size:11px!important;text-align:center;color:#786753!important;margin:4px 0 0!important}.ticket-playground #board-status{margin:19px 0 4px;min-height:22px}
@media(hover:hover){.board-ticket:not(:disabled):hover{--ticket-lift:-5px;border-color:#ae8c58;box-shadow:0 4px 0 #d3b995,2px 10px 16px #405c6140;z-index:24!important}}
.board-reveal{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 28px);box-sizing:border-box;margin:auto;padding:0;border:1px solid #c5ad8c;border-radius:17px;background:#fff8e9;color:#39372f;overflow:auto;box-shadow:0 24px 80px #203e4e55}.board-reveal::backdrop{background:#243d4d80;backdrop-filter:blur(2px)}.board-reveal-paper{padding:30px 28px 24px;position:relative}.board-reveal .eyebrow{font-size:9px;color:#947055}.board-reveal h3{margin:9px 0 5px;font-size:26px}.board-reveal #board-reveal-description{font-size:12px;margin:0 0 24px;color:#726552}.board-reveal #board-selected-number{font:700 16px sans-serif;letter-spacing:1.6px;color:#a24c2a}.board-close{position:absolute;top:8px;right:8px;width:44px;height:44px;background:none;border:0;border-radius:50%;font:30px/1 sans-serif;color:#786653;cursor:pointer}.board-reveal .peel-print{position:relative;isolation:isolate;overflow:hidden}.peel-landscape{position:absolute;inset:auto 0 0;width:100%;height:100%;z-index:-1;opacity:.25}.board-reveal #peel-number{background:#fffaf0bd;padding:4px 10px;border-radius:5px}.board-reveal .fan-controls{flex-wrap:wrap;gap:10px;margin-top:20px}.board-reveal .fan-controls:last-child{margin-top:4px}.board-reveal #peel-status{font-size:11px;line-height:1.8;margin-top:14px}.board-reveal .peel-wish{font-size:13px!important;line-height:1.7}.board-reveal button:focus-visible{outline:3px solid #285d76;outline-offset:3px}body:has(#ticket-reveal[open]){overflow:hidden}
html[data-motion=off] .board-ticket{transform:none!important}
@media(prefers-reduced-motion:reduce){.board-ticket{transform:none!important;transition:none!important}}
@media(max-width:900px){.ticket-playground{padding:30px 24px 23px}.board-heading h2{font-size:37px}.board-toolbar small{margin-left:0;width:100%}.ticket-board{column-gap:13px;grid-auto-rows:82px}.board-ticket{height:112px}.board-ticket .ticket-number{font-size:23px;letter-spacing:2px;left:7px;right:7px}.vendor-board{padding-inline:17px}.board-ticket .ticket-meta{padding-inline:10px;font-size:7px}}
@media(max-width:650px){.ticket-playground{padding:25px 12px 22px;overflow:visible}.board-heading{display:block;text-align:center;margin-bottom:18px}.board-heading h2{font-size:33px;line-height:1.25;margin-bottom:13px}.board-intro{max-width:350px;margin:auto}.board-intro p{font-size:12px}.board-intro .field-hint{font-size:10px}.board-count{font-size:10px;padding:7px 13px}.board-toolbar{gap:10px;justify-content:center;margin:16px 0 19px}.board-toolbar label,.board-toolbar .button{font-size:11px}.board-toolbar .button{padding:10px 13px}.board-toolbar select{padding-left:8px;padding-right:24px}.board-toolbar small{text-align:center;font-size:9px}.vendor-board{padding:0 12px 12px;border-radius:10px}.board-rail{height:37px;font-size:7px;letter-spacing:1px}.board-rail:before,.board-rail:after{top:14px;width:6px;height:6px}.board-rail:before{left:4px}.board-rail:after{right:4px}.ticket-board{--board-columns:2;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:77px;column-gap:12px;padding:19px 0 34px}.board-ticket{height:104px}.board-ticket .ticket-meta{top:11px;padding:0 8px;font-size:6.5px;letter-spacing:.6px}.board-ticket .ticket-number{font-size:21px;letter-spacing:1.8px;top:28px;left:7px;right:7px;margin:0;padding:4px 0}.board-ticket .ticket-tab{left:-5px;top:6px;width:16px;height:23px;font-size:11px;line-height:23px}.board-ticket .ticket-caption{font-size:6.5px;right:7px;bottom:7px}.board-bottom{font-size:9px}.board-keyboard{font-size:9px!important;line-height:1.8!important}.ticket-playground #board-status{font-size:10px}.board-reveal-paper{padding:27px 17px 21px}.board-reveal h3{font-size:24px}.board-reveal #board-reveal-description{font-size:11px}.board-reveal .fan-controls .text-button{font-size:11px}.board-reveal #peel-number{font-size:34px}.board-reveal .peel-wish{font-size:12px!important}}