:root{--eazo-safe-area-top:max(56px,env(safe-area-inset-top,0px));--eazo-safe-area-bottom:max(34px,env(safe-area-inset-bottom,0px));--ink:#171717;--board:#101112;--amber:#f3b33e;--paper:#fff9ed;--cream:#f9e4d2;--red:#ed3124;--violet:#2e1a9c;--muted:#786f65;--line:#272727;--pass:#f5bd57;--pass-ink:#20170e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}.app{min-height:100vh;min-height:100dvh;padding:var(--eazo-safe-area-top) clamp(16px,4vw,42px) var(--eazo-safe-area-bottom);display:flex;flex-direction:column;align-items:center}.topbar{width:min(100%,760px);display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.brand{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.lang{display:flex;min-height:44px;border:1px solid var(--ink);background:transparent;border-radius:99px;padding:3px;gap:2px}.lang button{border:0;background:transparent;border-radius:99px;padding:0 11px;min-width:44px;min-height:36px;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--ink);cursor:pointer;white-space:nowrap}.lang button.active{background:var(--ink);color:var(--cream)}
main{width:min(100%,760px);display:flex;flex-direction:column;gap:16px}.board-wrap{background:var(--board);padding:13px 14px 15px;box-shadow:5px 5px 0 rgba(46,26,156,.22);position:relative}.board-head{display:flex;justify-content:space-between;color:#aa9c83;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.board-main{min-width:0}.eyebrow{color:var(--amber);font-size:11px;letter-spacing:.18em;font-weight:900;white-space:nowrap}.flight{color:var(--amber);font-size:clamp(30px,8vw,56px);line-height:.95;letter-spacing:.06em;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 8px}.board-message{font-size:clamp(13px,2.4vw,18px);line-height:1.15;color:#f8d17d;font-weight:800;max-width:30ch}.gatebox{border-left:1px solid #4b463a;padding-left:14px;text-align:right}.gate-label{font-size:9px;color:#aa9c83;letter-spacing:.16em;font-weight:900}.gate{font-size:clamp(28px,6vw,44px);color:var(--amber);font-weight:900;line-height:1;margin-top:6px}.ticker{margin-top:14px;border-top:1px solid #39362f;padding-top:9px;overflow:hidden;white-space:nowrap;color:#c2b093;font-size:11px;letter-spacing:.08em;text-overflow:clip}.ticker span{display:inline-block;margin-right:28px}.board-flip{animation:boardFlip .38s ease}.pass-flip{animation:passFlip .52s ease}
@keyframes boardFlip{0%{transform:perspective(500px) rotateX(0)}48%{transform:perspective(500px) rotateX(-90deg)}100%{transform:perspective(500px) rotateX(0)}}@keyframes passFlip{0%{transform:perspective(800px) rotateY(0)}45%{transform:perspective(800px) rotateY(90deg)}100%{transform:perspective(800px) rotateY(0)}}
.pass-area{display:flex;justify-content:center}.pass{width:min(100%,640px);background:var(--pass);color:var(--pass-ink);position:relative;min-height:250px;display:grid;grid-template-columns:minmax(0,1fr) 112px;overflow:hidden;box-shadow:5px 5px 0 rgba(23,23,23,.17);transition:background-color .25s ease}.pass:after{content:"";position:absolute;left:0;right:112px;top:50%;border-top:2px dashed rgba(32,23,14,.4)}.pass-main{padding:20px 20px 18px;min-width:0}.pass-stub{border-left:1px solid rgba(32,23,14,.26);padding:20px 14px 18px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.pass-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.pass-cabin{font-size:clamp(39px,10vw,76px);font-weight:900;line-height:.92;letter-spacing:-.06em;margin:11px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pass-sub{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pass-meta{display:flex;gap:26px;margin-top:35px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.meta-item strong{display:block;font-size:19px;letter-spacing:.03em;margin-top:3px}.barcode{height:52px;display:flex;align-items:end;gap:2px;opacity:.82}.barcode i{display:block;background:var(--pass-ink);height:100%;width:2px}.barcode i:nth-child(3n){height:78%;width:4px}.barcode i:nth-child(4n){height:90%;width:1px}.barcode i:nth-child(5n){height:68%;width:3px}.stub-code{font-weight:900;font-size:12px;letter-spacing:.14em;white-space:nowrap}.tear-word{position:absolute;left:20px;top:calc(50% - 7px);font-size:8px;font-weight:900;letter-spacing:.2em;opacity:.65;background:var(--pass);padding-right:7px;z-index:1}.instruction{font-size:13px;line-height:1.35;max-width:58ch;color:#4d443b;text-align:center;margin:0 auto}.statusline{min-height:22px;text-align:center;color:var(--violet);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}.button{min-height:50px;border:1px solid var(--ink);font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:0 15px;white-space:nowrap}.button.primary{background:var(--ink);color:var(--cream)}.button.secondary{background:transparent;color:var(--ink)}.button:focus-visible,.lang button:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.button:active{transform:translateY(1px)}.roundbar{display:flex;justify-content:space-between;align-items:center;color:#64594e;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.steps{display:flex;gap:5px}.step{height:6px;width:34px;background:#d5bba4}.step.on{background:var(--red)}.result{border-top:1px solid rgba(23,23,23,.3);padding-top:13px}.result .pass{margin-bottom:13px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 auto 13px;width:min(100%,640px)}.stat{border-top:3px solid var(--ink);padding-top:7px}.stat-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#65594f}.stat-value{font-size:23px;font-weight:900;margin-top:3px}.stat-note{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-top:5px}.result-actions{width:min(100%,640px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-actions .expand{grid-column:1/-1;background:transparent}.log{width:min(100%,640px);margin:10px auto 0;border-left:3px solid var(--violet);padding:5px 12px 5px 14px;color:#51483f;font-size:12px;line-height:1.55}.log[hidden]{display:none}.log-row{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid rgba(23,23,23,.12)}.log-row:last-child{border:0}.log-row b{color:var(--violet);white-space:nowrap}.toast{position:fixed;left:50%;bottom:calc(var(--eazo-safe-area-bottom) + 12px);transform:translateX(-50%);background:var(--ink);color:var(--cream);padding:12px 15px;font-size:12px;font-weight:800;z-index:4;max-width:calc(100% - 32px);text-align:center}.toast[hidden]{display:none}.cancelled{--pass:#e8e1d7;--pass-ink:#403b35}.cancelled .pass-cabin{font-size:clamp(28px,7vw,52px);letter-spacing:-.03em}.closed{--pass:#c5d9d8;--pass-ink:#173b41}
@media(min-width:700px){main{gap:20px}.board-wrap{padding:16px 20px 18px}.pass-main{padding:25px 28px 22px}.pass-stub{padding:25px 18px 22px}.actions{grid-template-columns:1fr 1fr;width:min(100%,640px);margin:auto}.instruction{font-size:14px}}
@media(max-width:370px){.pass{grid-template-columns:minmax(0,1fr) 92px}.pass:after{right:92px}.pass-main{padding:16px}.pass-stub{padding:16px 10px}.pass-meta{gap:15px;margin-top:29px}.ticker{font-size:10px}.button{padding:0 9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.board-flip,.pass-flip{animation:none}}