:root{--yellow: #ffe600;--red: #e3051b;--bg: #000;--fg: #fff}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#ar{position:fixed;inset:0;touch-action:none}[hidden]{display:none!important}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#000000eb;z-index:10}.title{margin:0;font-size:clamp(40px,10vw,72px);font-style:italic;font-weight:900;color:var(--yellow);letter-spacing:-.02em;text-shadow:3px 3px 0 var(--red)}.btn{padding:14px 40px;border:2px solid var(--yellow);background:transparent;color:var(--yellow);font:inherit;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.btn:active{background:var(--yellow);color:#000}.small{font-size:13px;opacity:.7}.bar{width:min(280px,70vw);height:4px;background:#333}.bar__fill{height:100%;width:0;background:var(--yellow);transition:width .2s}.hint{position:fixed;top:max(24px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5;padding:8px 16px;border:1px solid var(--yellow);background:#0009;color:var(--yellow);font-size:14px}.hint p{margin:0}.picker{position:fixed;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom));z-index:5;display:flex;gap:8px;padding:8px 12px;overflow-x:auto;justify-content:safe center}.picker__item{flex:0 0 auto;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#00000080;opacity:.6;transition:transform .15s,opacity .15s}.picker__item img{width:100%;height:100%;object-fit:contain}.picker__item.is-active{opacity:1;transform:scale(1.18);outline:2px solid var(--yellow)}.credit{position:fixed;bottom:calc(6px + env(safe-area-inset-bottom));left:0;right:0;z-index:6;text-align:center;font-size:10px;opacity:.55;pointer-events:none}.screen--desktop{background:#000}.desktop{display:flex;gap:48px;align-items:center;max-width:1000px}.desktop__card{height:min(78vh,720px);width:auto;box-shadow:0 0 40px #ffe60040}.desktop__info{text-align:left;max-width:320px}.desktop__info ol{padding-left:20px;line-height:1.7}.desktop__qr{width:200px;height:200px;margin-top:12px}@media (max-width: 760px){.desktop{flex-direction:column;gap:24px}.desktop__card{height:50vh}}