*{box-sizing:border-box}body{margin:0;background:#fff;color:#15304b;font:16px system-ui}#screen{height:100dvh;display:flex;align-items:center;justify-content:center;position:relative}#placeholder{text-align:center}.ae{width:min(60vw,580px);max-height:40vh}#status{font-size:14px;color:#7d8995}footer{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px}footer img{width:120px;max-height:45px}#poster{width:100%;height:100%;object-fit:contain}#inventory{position:absolute;right:25px;top:25px;background:#fffefc;box-shadow:0 4px 30px #0002;border-radius:16px;padding:18px 24px;font-size:24px;font-weight:700}#register{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,480px);background:white;border:1px solid #d8e1e7;padding:28px;border-radius:18px;box-shadow:0 20px 100px #0003}label{display:block;margin:15px 0}input,button{width:100%;padding:12px;font:inherit;margin-top:8px;border-radius:7px;border:1px solid #b9c4ce}button{background:#173951;color:white;cursor:pointer}button:disabled{opacity:.5}small{font-size:12px;color:#667}#error{color:#a22}[hidden]{display:none!important}
[id="register"]{max-height:92dvh;overflow-y:auto}
#inventory{max-width:calc(100vw - 50px);overflow-wrap:anywhere}
#qr-tile{position:absolute;right:25px;bottom:100px;background:#fff;color:#15304b;padding:12px;border-radius:14px;box-shadow:0 4px 30px #0002;text-align:center;width:clamp(168px,19vw,300px)}
#qr-link{display:block;color:inherit;text-decoration:none}
#qr-image{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
#qr-caption{display:block;font-size:clamp(13px,1.2vw,18px);font-weight:700;margin-top:4px}
@media(max-width:600px){#qr-tile{right:12px;bottom:80px;width:168px;padding:8px}#inventory{right:12px;top:12px;font-size:18px;padding:12px;max-width:calc(100vw - 24px)}}