/* THE GATE'S TICKETS (Josh, 2026-10-09 19:31; unicorn-factory
   docs/art/GATE_TICKETS_RULING_2026-10-09.md, reference implementation
   docs/art/gate-tickets-reference.html). One photographed blank plate, the
   same for all three tickets, copied by hash; every word is HTML text printed
   on it, multiply-blended so the ink sits in the paper. No blur, no text
   shadow.

   Geometry is the reference's. Two things are set for this page: the ticket
   keeps the old tickets' height (132px, 98px on a phone), so it is sized by
   the plate's own 3.44:1 rather than the page's width; and the type is sized
   to the ticket (cqi) in the reference's proportions, with its minimums and
   maximums, because the reference sized it to a ticket about 764px wide. */
.g-tk{--tk-ink:#2a2240;--tk-ink-2:#5c5476;--tk-gold:#8b6b1f;--tk-rose:#b8347a;
  position:relative;display:block;width:min(100%,454px);aspect-ratio:2112/614;container-type:inline-size;
  color:var(--tk-ink);text-decoration:none;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}
.g-tk img{position:absolute;inset:0;width:100%;height:100%}
.g-tk span{position:absolute}
/* the stub, and the main body from 18% to 94% */
.g-tk-stub{left:3%;top:14%;width:10%;height:70%}
.g-tk-main{left:18%;top:14%;width:76%;height:70%}
.g-tk-num{top:0;left:0;font:400 clamp(22px,5.76cqi,44px)/1 var(--f-d);color:var(--tk-gold)}
.g-tk-adm{white-space:nowrap;bottom:24%;left:0;font:500 clamp(6px,1.31cqi,10px) var(--f-m);letter-spacing:.12em;color:var(--tk-ink-2)}
.g-tk-no{white-space:nowrap;bottom:0;left:0;font:400 clamp(6px,1.31cqi,10px) var(--f-m);letter-spacing:.08em;color:var(--tk-ink-2)}
.g-tk-t{top:0;left:0;font:400 clamp(20px,5.24cqi,40px)/1.05 var(--f-d)}
.g-tk-d{top:42%;left:0;right:0;font:400 clamp(11px,2.36cqi,18px) var(--f-s);color:var(--tk-ink-2)}
.g-tk-rule{left:0;right:0;top:70%;height:1px;background:rgba(42,34,64,.25)}
.g-tk-st{bottom:0;left:0;font:500 clamp(9px,1.7cqi,13px) var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:var(--tk-ink-2)}
.g-tk-go{bottom:0;right:0;font:600 clamp(10px,1.83cqi,14px) var(--f-m);letter-spacing:.22em;text-transform:uppercase;color:var(--tk-rose)}
/* printed, not pasted: ink sits in the paper */
.g-tk span{mix-blend-mode:multiply;-webkit-font-smoothing:antialiased}
.g-tk:focus-visible{outline:2px solid var(--tk-gold);outline-offset:4px}
@media (hover:hover){.g-tk{transition:transform .14s}.g-tk:hover{transform:translateY(-3px) rotate(-.3deg)}}
@media (prefers-reduced-motion:reduce){.g-tk,.g-tk:hover{transition:none;transform:none}}
/* a phone: the old tickets were 98px tall at the stack's full width; the
   plate's 3.44:1 makes them 94px there, so the gaps take the difference and
   the three tickets keep the old stack's 324px (3 x 98 + 2 x 15) */
@media (max-width:560px){.g-tk{width:min(100%,337px)}.g-tk-stack{gap:21px}}