:root { color-scheme:light; font-family:"Songti SC","STSong","SimSun",serif; background:#332316; color:#482b17; }
* { box-sizing:border-box; }
body { margin:0; min-height:100svh; background:linear-gradient(#2e1c10,#6a5034 65%,#332316); }
.ticket-canvas { position:relative; width:100%; max-width:941px; margin:0 auto; container-type:inline-size; }
.ticket-scene { display:block; width:100%; height:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ticket-input,.ticket-submit,.ticket-return,.ticket-feedback { position:absolute; }
/* All coordinates use the same un-cropped 941 × 1672 canvas as the original. */
.ticket-input { left:21.041445%; top:50.239234%; width:57.91711%; height:7.416268%; }
.ticket-input input { position:absolute; left:8.8%; top:22%; width:82%; height:58%; border:0; outline:none; padding:0; border-radius:0; background:transparent; color:#482b17; caret-color:#5f3317; font:400 max(16px,3.8cqw)/1.3 "Songti SC","STSong",serif; letter-spacing:.06em; scroll-margin-block:22vh; }
.ticket-input input::placeholder { color:transparent; }
.input-clean-skin,.button-busy-skin { position:absolute; inset:0; width:100%; height:100%; display:none; pointer-events:none; }
.ticket-input:focus-within .input-clean-skin,.ticket-input:has(input:not(:placeholder-shown)) .input-clean-skin { display:block; }
.ticket-input:focus-within { outline:1px solid #ae7439; outline-offset:-6px; border-radius:2px; }
.ticket-input input:-webkit-autofill { -webkit-text-fill-color:#482b17; box-shadow:0 0 0 100px #e9d2a8 inset; }
.ticket-submit { left:20.722636%; top:58.074163%; width:58.767269%; height:8.61244%; padding:0; border:0; background:transparent; color:#f3d298; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.ticket-submit:focus-visible,.ticket-return:focus-visible { outline:2px solid #bf8b42; outline-offset:1px; }
.ticket-submit:active:not(:disabled) { background:#5d330d1a; }
.ticket-submit[aria-busy="true"] .button-busy-skin { display:block; }
.ticket-busy-label { display:none; position:absolute; left:26%; right:21%; top:34%; font:500 4.6cqw/1.2 "Songti SC","STSong",serif; white-space:nowrap; }
.ticket-submit[aria-busy="true"] .ticket-busy-label { display:block; }
.ticket-submit:disabled { cursor:wait; }
.ticket-feedback { left:21.5%; top:66.5%; width:57%; margin:0; text-align:center; color:#922e1a; font:500 max(11px,2.35cqw)/1.35 "Songti SC",serif; }
.ticket-feedback:empty { display:none; }
.ticket-return { display:block; border:0; background:none; min-height:44px; }
.ticket-return-top { left:3.5%; top:3%; width:19%; height:5.2%; }
.ticket-return-bottom { left:39%; top:84.6%; width:22%; height:3.6%; }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }