html,body{width:100%;height:100%;margin:0;padding:0;font-family:Impact;overflow-x:hidden}.page{width:100%;min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.nav{cursor:pointer;width:775px;height:88px;display:block}.bg-wrapper{z-index:-1;width:100%;height:100dvh;position:fixed;top:0;left:0}.bg-img{object-fit:cover;object-position:center;width:100%;height:100%}.center{transform-origin:50%;width:675px;height:748px;margin-left:auto;margin-right:auto;position:relative}.center-wrap{justify-content:center;width:100%;display:flex}.stage{flex-direction:column;align-items:center;margin-top:10px;display:flex}.body{width:675px;height:748px;display:block}.segments{cursor:pointer;z-index:2;width:675px;height:748px;transition:transform .3s;position:absolute;top:0;left:0}.segment{cursor:pointer;transition:transform .3s;position:absolute}.segment:hover{transform:scale(1.02)}.pulse{animation:2.3s infinite pulse}.pulse-slow{animation:2s infinite pulseSlow}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulseSlow{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pulseSlower{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.seg1{top:288px;left:1px}.seg2{top:288px;left:105px}.seg3{top:288px;right:380px}.seg4{top:288px;left:294px}.seg5{top:288px;left:386px}.seg6{top:288px;right:100px}.seg7{bottom:346px;left:575px}.seg8{bottom:155px;left:150px}.seg9{z-index:3;width:152px;height:280px;bottom:462px;left:8px}.pulse-slower{animation:2.5s infinite pulseSlower}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00003299;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(#fff,#f3f7ff);border:4px solid #ff7a00;border-radius:12px;flex-direction:column;gap:15px;width:320px;padding:30px;animation:.35s popIn;display:flex;position:relative;box-shadow:0 6px #cc5f00,0 10px 25px #0003}.modal:before{content:"😜";color:#fff;background:linear-gradient(90deg,#ff7a00,#fc0);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:-5px;left:20px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal h2{color:#ff4d00;text-align:center;text-shadow:2px 2px #ffd000;font-size:22px}.modal{background:linear-gradient(#fff,#f3f7ff);border:4px solid #ff7a00;border-radius:12px;flex-direction:column;gap:15px;width:320px;margin:auto;padding:30px;animation:.35s popIn;display:flex;position:relative;box-shadow:0 6px #cc5f00,0 10px 25px #0003}.modal button:hover{transform:translateY(-2px);box-shadow:0 6px #c94b00}.modal button:active{transform:translateY(2px);box-shadow:0 2px #c94b00}.segment:nth-child(8),.segment:first-child,.segment:nth-child(2),.segment:nth-child(3),.segment:nth-child(4),.segment:nth-child(5),.segment:nth-child(6),.segment:nth-child(7){pointer-events:auto}.example{object-fit:contain;width:400px;height:400px}@media (width<=768px){html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}.page{width:100vw;height:100vh;padding-top:calc(env(safe-area-inset-top) + 10px);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.nav{width:min(95vw,775px);height:auto;margin-top:5px;margin-bottom:10px}.stage{flex:1;justify-content:center;align-items:flex-start;width:100%;margin-top:0;display:flex}.center-wrap{justify-content:center;align-items:flex-start;width:100%;display:flex}.center{transform-origin:top;width:675px;height:748px;margin-left:auto;margin-right:auto;position:relative;transform:scale(.55)}.bg-img{object-fit:cover;object-position:center center}}@media (width<=400px){.nav{width:95vw;height:auto}.center{margin:0 auto}}