*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none;cursor:none;touch-action:none}#viewport{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,100vh);height:min(100vw,100vh);border-radius:50%;overflow:hidden;background:#000}#face-container{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.face{flex:0 0 100%;width:100%;height:100%;position:relative;overflow:hidden}#face-dots{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;pointer-events:none}.dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:background .3s,transform .3s}.dot.active{background:#ffffffe6;transform:scale(1.4)}#alert-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:100;transition:opacity .3s}#alert-overlay.hidden{opacity:0;pointer-events:none}#alert-content{color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;text-align:center;padding:15%;font-size:4.5vmin;line-height:1.4}.face-label{position:absolute;bottom:15%;left:50%;transform:translate(-50%);color:#fff6;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:2.5vmin;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}