*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#fbd19b}body{background:#fbd19b}main{position:fixed;inset:0;display:grid;place-items:center}#mascot{width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer}#mascot img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto}.xlink{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:30px;height:30px;display:grid;place-items:center;opacity:.72;transition:.2s}.xlink:hover{opacity:1;transform:translateX(-50%) scale(1.06)}.xlink svg{width:21px;fill:#5d3a2d}.modal{position:fixed;inset:0;display:none;place-items:center}.modal.open{display:grid}.shade{position:absolute;inset:0;background:rgba(85,48,34,.08);backdrop-filter:blur(1px)}.chest{position:relative;width:min(390px,88vw);filter:drop-shadow(0 18px 20px rgba(91,53,37,.18));transform:translateY(8px)}.lid{height:86px;background:#c98950;border:4px solid #3e271f;border-radius:30px 30px 12px 12px;position:relative;box-shadow:inset 0 9px #e6ad72,inset 0 -10px #9d5e42}.lid:after{content:'';position:absolute;left:9%;right:9%;bottom:13px;height:16px;background:#72452f;border:3px solid #3e271f;border-radius:9px}.body{margin-top:-5px;background:#d89a60;border:4px solid #3e271f;border-radius:12px 12px 27px 27px;padding:42px 34px 30px;box-shadow:inset 10px 0 #c07b55,inset -10px 0 #c07b55}.lock{position:absolute;top:68px;left:50%;transform:translateX(-50%);width:48px;height:55px;border:4px solid #3e271f;border-radius:10px;background:#e9b44f;box-shadow:inset 0 7px #ffd879}h1{text-align:center;font-size:23px;letter-spacing:-1px;margin:0 0 22px;color:#3e271f;font-weight:900}label{display:block;font-size:11px;font-weight:900;color:#67402f;margin:12px 0 5px;letter-spacing:.7px}input{display:block;width:100%;margin-top:6px;border:3px solid #5a3829;border-radius:10px;background:#f7d5a5;padding:12px 13px;color:#3e271f;font-size:14px;outline:none}input:focus{box-shadow:0 0 0 3px rgba(255,215,121,.45)}.submit,.share{width:100%;display:block;border:3px solid #3e271f;border-radius:10px;padding:12px;text-align:center;font-weight:900;text-decoration:none;letter-spacing:.4px}.submit{margin-top:18px;background:#e9b44f;color:#3e271f;cursor:pointer}.share{margin-top:10px;background:#5b392c;color:#f8d7a7}.close{position:absolute;right:-8px;top:-10px;z-index:4;width:31px;height:31px;border:3px solid #3e271f;border-radius:50%;background:#f4c47e;color:#3e271f;font-size:20px;line-height:20px;cursor:pointer}#status{text-align:center;min-height:14px;margin:9px 0 0;font-size:11px;color:#5b392c}@media(max-width:700px){#mascot img{object-fit:contain}.xlink{bottom:16px}.chest{width:min(350px,88vw);transform:scale(.92)}}