.sb-joy{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:20}.sb-joy[hidden]{display:none}.sb-joy-base,.sb-joy-knob{position:absolute;border-radius:50%;will-change:transform}.sb-joy-base{width:128px;height:128px;margin:-64px 0 0 -64px;border:2px solid rgba(190,170,255,.35);background:radial-gradient(circle,#7864c81f,#7864c80a 70%);box-shadow:0 0 18px #8264ff40 inset}.sb-joy-knob{width:52px;height:52px;margin:-26px 0 0 -26px;background:radial-gradient(circle at 35% 30%,#ebe1ffd9,#967deba6);box-shadow:0 0 14px #9678ff8c}.sb-orient{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#07060b;color:#e8e2ff;font:600 20px/1.4 system-ui,-apple-system,Noto Sans KR,sans-serif;text-align:center}.sb-orient-text{max-width:100%}.sb-orient-go{appearance:none;-webkit-appearance:none;min-width:220px;max-width:100%;min-height:56px;margin-top:4px;padding:0 28px;border:1px solid rgba(215,200,255,.55);border-radius:16px;background:linear-gradient(180deg,#8a6bff,#5b3fd6);box-shadow:0 6px 22px #6e50ff66,inset 0 1px #ffffff47;color:#fff;font:700 18px/1.2 system-ui,-apple-system,Noto Sans KR,sans-serif;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sb-orient-go:active{transform:translateY(1px) scale(.98)}.sb-orient-go:disabled{opacity:.7;cursor:default}.sb-orient-hint{max-width:min(320px,100%);color:#cfc6ff;font:500 14px/1.5 system-ui,-apple-system,Noto Sans KR,sans-serif;word-break:keep-all}.sb-orient-hint[hidden],.sb-orient[hidden]{display:none}.sb-orient-icon{width:56px;height:56px;border:3px solid #b9a8ff;border-radius:10px;animation:sb-orient-turn 2.2s ease-in-out infinite}@keyframes sb-orient-turn{0%,25%{transform:rotate(0)}65%,to{transform:rotate(-90deg)}}.sb-refresh{position:fixed;top:max(4px,calc(env(safe-area-inset-top) - 2px));right:max(4px,calc(env(safe-area-inset-right) - 2px));z-index:40;display:flex;align-items:center;gap:0;pointer-events:none}.sb-build{font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e1d8ff9e;text-shadow:0 0 3px rgba(7,6,11,.9),0 1px 2px rgba(7,6,11,.9);user-select:none;-webkit-user-select:none;white-space:nowrap}.sb-refresh-btn{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#e8e2ff;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sb-refresh-btn:before{content:"";position:absolute;left:7px;top:7px;width:30px;height:30px;box-sizing:border-box;border:1px solid rgba(190,170,255,.42);border-radius:50%;background:#0a081680;box-shadow:0 0 10px #8264ff38}.sb-refresh-btn svg{position:relative;display:block}.sb-refresh-btn:active:before{background:#463296b3}.sb-refresh-btn.is-busy svg{animation:sb-refresh-spin .8s linear infinite}@keyframes sb-refresh-spin{to{transform:rotate(360deg)}}.sb-update-chip{appearance:none;-webkit-appearance:none;position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:110;max-width:calc(100vw - (2*(60px + env(safe-area-inset-left) + env(safe-area-inset-right))));min-height:36px;padding:0 14px;border:1px solid rgba(215,200,255,.6);border-radius:18px;background:#3c2696e0;box-shadow:0 4px 16px #5032dc66;color:#fff;font:700 13px/1.2 system-ui,-apple-system,Noto Sans KR,sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sb-update-chip:after{content:"";position:absolute;inset:-4px 0}.sb-update-chip[hidden]{display:none}@media(max-width:520px){.sb-update-chip{top:calc(max(8px,env(safe-area-inset-top)) + 46px);max-width:calc(100vw - 32px)}}
