/* Watch frames: Apple Watch style (Guest) and rugged Wear OS style (Crew). Drawn in CSS, real app screens inside. */
.watchx{position:relative;display:block;margin:0 auto;width:150px}
.watchx-band{position:absolute;left:50%;transform:translateX(-50%);z-index:0}
.watchx-case{position:relative;z-index:1}
.watchx-screen{position:relative;overflow:hidden;background:#000}
.watchx-screen img{display:block;width:100%;height:100%;object-fit:cover}
.watchx-crown,.watchx-btn{position:absolute;z-index:0}
/* Apple Watch style */
.watchx-apple .watchx-band{width:66%;height:52%}
.watchx-apple .watchx-band.top{bottom:86%;border-radius:20px 20px 4px 4px;background:linear-gradient(90deg,#161d29 0%,#2a3445 48%,#161d29 100%)}
.watchx-apple .watchx-band.bottom{top:86%;border-radius:4px 4px 20px 20px;background:linear-gradient(90deg,#161d29 0%,#2a3445 48%,#161d29 100%)}
.watchx-apple .watchx-band.bottom:after{content:'';position:absolute;left:50%;top:38%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#0d121a;box-shadow:0 16px 0 #0d121a,0 32px 0 #0d121a}
.watchx-apple .watchx-case{aspect-ratio:.84;border-radius:31%/26%;padding:5.5%;background:linear-gradient(145deg,#f4f2ee 0%,#cfcac3 30%,#a19c95 62%,#dcd8d2 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 -5px 10px rgba(0,0,0,.18),0 22px 44px rgba(0,0,0,.35)}
.watchx-apple .watchx-screen{height:100%;border-radius:27%/22%;padding:4.5%;box-shadow:inset 0 0 0 1px #1d2229}
.watchx-apple .watchx-screen img{border-radius:22%/17%}
.watchx-apple .watchx-crown{right:-4.5%;top:22%;width:7%;height:17%;border-radius:4px;background:repeating-linear-gradient(0deg,#c9c4bd 0 2px,#8e8983 2px 3.4px);box-shadow:inset -1px 0 2px rgba(0,0,0,.35)}
.watchx-apple .watchx-btn{right:-2.6%;top:50%;width:4%;height:21%;border-radius:3px;background:linear-gradient(90deg,#9f9a93,#dedad4)}
/* Rugged Wear OS style (cushion case, round display) */
.watchx-ultra .watchx-band{width:60%;height:50%;background:repeating-linear-gradient(0deg,#2a2d31 0 7px,#202326 7px 10px)}
.watchx-ultra .watchx-band.top{bottom:84%;border-radius:16px 16px 6px 6px}
.watchx-ultra .watchx-band.bottom{top:84%;border-radius:6px 6px 16px 16px}
.watchx-ultra .watchx-case{aspect-ratio:1;border-radius:30%;padding:8.5%;background:linear-gradient(145deg,#a2a6ab 0%,#6b6f74 34%,#44484d 68%,#7d8186 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,0,.35),0 22px 44px rgba(0,0,0,.45)}
.watchx-ultra .watchx-case:before{content:'';position:absolute;inset:5.5%;border-radius:50%;background:linear-gradient(145deg,#2b2e32,#121416);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.watchx-ultra .watchx-screen{position:relative;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 2px #0b0c0e}
.watchx-ultra .watchx-screen img{border-radius:50%}
.watchx-ultra .watchx-btn{right:-3.2%;width:5%;height:12%;border-radius:3px;background:linear-gradient(90deg,#5d6166,#a7abb0)}
.watchx-ultra .watchx-btn.b1{top:27%}.watchx-ultra .watchx-btn.b2{top:61%}
.watchx-label{display:block;margin-top:30%;font:400 12px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.05em;color:#8e9a9d;text-align:center}
.refresh-app-light .watchx-label,.premium-home #guest .watchx-label{color:#5b6668}