:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20212d;background:#f6f5f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #512973;outline-offset:4px}
.page{width:min(100%,440px);min-height:100svh;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 60% 47%,#ffeaf3 0,white 65%);padding:24px 22px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.welcome{height:190px;position:relative;flex-shrink:0;margin-top:12px}.inviter{position:absolute;top:36px;left:20%;width:100px;text-align:center}.inviter img{display:block;margin:auto;width:68px;height:68px;object-fit:cover;border:3px solid white;border-radius:50%;box-shadow:0 4px 16px #27153612}.inviter p{margin:10px -15px 0;font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crab{position:absolute;top:25px;right:-7px;width:190px;height:auto;animation:welcome 3s ease-in-out infinite}
header{text-align:center;position:relative;z-index:1}h1{font-size:30px;line-height:1.3;margin:0;font-weight:800;letter-spacing:-.8px}header p{font-size:20px;line-height:1.5;margin:10px 0 0}
.photos{height:285px;position:relative;flex:1;min-height:245px;max-height:340px;margin:8px -22px 0}.photo{position:absolute;background-image:url('assets/player-photo-reference.png');background-repeat:no-repeat;border-radius:50%;mask-image:radial-gradient(ellipse,black 57%,transparent 73%)}
.photo-left{width:116px;height:135px;left:0;top:15px;background-size:612px 1062px;background-position:-12px -355px}
.photo-right{width:107px;height:122px;right:0;top:14px;background-size:612px 1062px;background-position:-470px -300px}
.photo-main{width:190px;height:210px;left:50%;top:62px;transform:translateX(-50%);background-size:694px 1204px;background-position:-226px -456px}
.photo-bottom{width:110px;height:118px;right:1px;bottom:0;background-size:612px 1062px;background-position:-431px -459px}
.download{text-align:center;position:relative;flex-shrink:0;padding-top:6px;background:linear-gradient(transparent,#fff 22%)}.intro{font-size:17px;margin:12px 0 18px}.download>button:first-of-type{width:100%;min-height:56px;border:0;border-radius:16px;background:#e61e5c;color:white;font-size:20px;font-weight:700;box-shadow:0 5px 14px #e61e5c12}.download>button:first-of-type:active{transform:scale(.99)}.platforms{font-size:13px;color:#777581;margin:12px 0}.text-button{background:none;border:0;color:#89848e;font-size:12px;padding:6px 12px;min-height:32px}footer{font-size:10px;line-height:1.6;color:#99939d;margin-top:12px}.notice{font-size:13px;line-height:1.5;color:#67526d;margin:0}.notice:empty{display:none}[hidden]{display:none!important}
dialog{width:min(340px,calc(100% - 44px));border:0;border-radius:22px;padding:26px;color:#252334;box-shadow:0 12px 60px #1f163e30}dialog::backdrop{background:#17102099}dialog h2{font-size:21px;margin:0 0 20px}dialog p{font-size:15px;line-height:1.7;margin:8px 0}dialog .hint{color:#85808c;font-size:13px;margin-top:15px}dialog button{width:100%;border:0;border-radius:12px;background:#e61e5c;color:white;font-size:16px;min-height:46px;margin-top:12px}dialog .secondary{background:#f4f0f5;color:#625a68}
@keyframes welcome{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.crab{animation:none}}
@media(max-height:740px){.page{padding-top:8px}.welcome{height:156px;margin-top:0}.inviter{top:26px}.crab{top:20px;width:175px}h1{font-size:28px}header p{font-size:18px;margin-top:6px}.photos{min-height:205px;height:205px}.photo-main{top:25px;width:165px;height:180px;background-size:612px 1062px;background-position:-200px -400px}.photo-left,.photo-right{top:0}.intro{margin:6px 0 12px}.platforms{margin:8px 0}footer{margin-top:4px}}
@media(min-width:600px){.page{box-shadow:0 10px 80px #2919410a}.welcome{margin-top:20px}}
@media(max-height:640px){.page{padding:6px 18px 10px}.welcome{height:120px}.inviter{top:10px;left:15%}.inviter img{width:56px;height:56px}.inviter p{font-size:14px;margin-top:6px}.crab{width:160px;top:3px}h1{font-size:25px}header p{font-size:16px}.photos{min-height:150px;height:150px;margin-top:2px}.photo-main{top:0;width:140px;height:150px;background-size:510px 885px;background-position:-165px -338px}.photo-left,.photo-right,.photo-bottom{transform:scale(.72);transform-origin:top left}.photo-right,.photo-bottom{transform-origin:top right}.intro{font-size:14px;margin:4px 0 10px}.download>button:first-of-type{min-height:48px;font-size:18px}.platforms{font-size:11px;margin:6px 0}.text-button{min-height:26px;font-size:11px}footer{font-size:9px;margin-top:2px}}