html,body{min-height:100%}body{background:var(--blue-deep);color:#fff;flex-direction:column;min-height:100dvh;font-size:20px;display:flex}.page{box-sizing:border-box;width:100%;max-width:520px;padding:24px var(--gutter) calc(var(--gap-section) + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.brand{justify-content:center;align-items:center;display:flex}.brand img{width:auto;height:clamp(44px,13vw,72px)}.slot{margin:auto 0}.slot label{color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:20px;display:block}.boxes{gap:var(--gap-inside);display:flex;position:relative}.box{aspect-ratio:3/4;max-height:120px;font-family:var(--font-board);background:var(--blue-dark);border:3px solid var(--blue-edge);border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:clamp(38px,12vw,64px);line-height:1;display:flex}.box.on{border-color:var(--gold)}.boxes .code-in{opacity:0;width:100%;height:100%;font:inherit;color:#0000;background:0 0;border:0;position:absolute;inset:0}.picks{gap:var(--gap-inside);margin-top:var(--gap);display:flex}.code{font-family:var(--font-board);letter-spacing:.22em;text-indent:.22em;text-align:center;width:100%;font-size:clamp(56px,17vw,100px);line-height:1.05;display:block}.opened{margin:var(--gap) 0 24px;border-bottom:4px solid var(--gold);padding-bottom:12px}.opened .lede{margin-bottom:var(--gap-inside)}.code{color:var(--gold)}.lede{color:var(--text-muted);font-size:20px}.note{color:var(--text-muted);margin-top:var(--gap-inside);font-size:20px;line-height:1.5}.url{font-family:var(--font-board);word-break:break-all;font-size:clamp(19px,5.4vw,25px);line-height:1.2}.url.big{font-size:clamp(21px,6vw,28px)}.url b{font-weight:inherit;color:var(--gold);white-space:nowrap}.rule{background:var(--blue-edge);height:1px;margin:24px 0}.err{color:var(--err);min-height:20px;margin-top:var(--gap)}.dest{gap:var(--gap);align-items:center;display:flex}.dest .what{flex:1;min-width:0}.dest .lede{margin-bottom:var(--gap-inside)}.scan{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qr{background:#fff;border-radius:4px;flex-shrink:0;width:78px;height:78px;padding:5px;display:block}.tv{background:#000;border:3px solid #000;border-radius:3px;flex-shrink:0;width:92px;padding:3px}.tvgrid{grid-template-rows:7px repeat(3,11px);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.tvgrid>div{background:var(--blue)}.tvgrid>.cat{background:var(--blue-dark)}.tvgrid>.spent{background:var(--spent)}.phones{flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.phone{border:2px solid var(--blue-edge);background:var(--blue-dark);border-radius:7px;flex-shrink:0;width:50px;height:92px}.phone.host{flex-direction:column;justify-content:flex-end;gap:3px;padding:4px;display:flex}.phone.host .bar{background:var(--gold);border-radius:1px;height:4px}.phone.host .field{background:var(--blue);border-radius:2px;height:16px}.phone.lit{background:#fff}.phone.small{border-radius:5px;width:32px;height:60px}.start{align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}.start .lede{flex:9rem;line-height:1.5}button,.button{font:inherit;box-sizing:border-box;background:var(--gold);color:var(--blue-deep);font-family:var(--font-board);text-transform:uppercase;letter-spacing:.04em;text-align:center;cursor:pointer;touch-action:manipulation;border:0;border-radius:8px;text-decoration:none;display:block}.btn-lg{width:100%;padding:20px 0;font-size:27px}.btn-sm{flex-shrink:0;padding:16px 20px;font-size:27px}.btn-md{flex:1;min-width:0;padding:18px 8px;font-size:27px}button:disabled{opacity:.5}button:focus-visible,.button:focus-visible{outline-color:var(--blue-deep)}