.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-upd-card{position:fixed;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;box-sizing:border-box;max-width:min(380px,calc(100vw - (2*(96px + env(safe-area-inset-left) + env(safe-area-inset-right)))));padding:4px 6px 4px 14px;border:1px solid rgba(214,184,126,.62);border-radius:22px;background:#140f22eb;box-shadow:0 4px 16px #00000080;color:#f4ecda;font:700 13px/1.2 system-ui,-apple-system,Noto Sans KR,sans-serif;white-space:nowrap}.sb-upd-card[hidden]{display:none}@media(max-width:520px){.sb-upd-card{max-width:calc(100vw - 24px)}}.sb-upd-btns{display:flex;align-items:center;gap:8px;flex:none}.sb-upd-card-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.sb-upd-go,.sb-upd-later{appearance:none;-webkit-appearance:none;position:relative;flex:none;min-height:32px;padding:0 12px;border-radius:16px;font:700 12.5px/1 system-ui,-apple-system,Noto Sans KR,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sb-upd-go:after,.sb-upd-later:after{content:"";position:absolute;inset:-6px -2px}.sb-upd-go{border:1px solid rgba(215,200,255,.7);background:#563abef2;color:#fff}.sb-upd-later{border:1px solid rgba(214,184,126,.4);background:transparent;color:#e6dcc4}.sb-upd-go:disabled,.sb-upd-go.is-busy{opacity:.6}.sb-upd-go:active{background:#3c2696}.sb-upd-required{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#07060bf2;touch-action:none;overscroll-behavior:contain;font-family:system-ui,-apple-system,Noto Sans KR,sans-serif}.sb-upd-required[hidden]{display:none}.sb-upd-panel{box-sizing:border-box;width:min(420px,100%);max-height:100%;overflow:auto;padding:20px 22px;border:1px solid rgba(214,184,126,.62);border-radius:18px;background:#181228f7;color:#f4ecda;text-align:center}.sb-upd-title{margin:0 0 8px;font-size:20px;font-weight:800;color:#f7e4b4}.sb-upd-text,.sb-upd-help{margin:0 0 14px;font-size:14px;line-height:1.5;color:#e6dcc4}.sb-upd-help{margin:12px 0 0;font-size:13px;color:#ffd2c4}.sb-upd-go--big{display:block;width:100%;min-height:48px;font-size:16px;border-radius:24px}.sb-upd-go--big:after{inset:0}.sb-build-tag{position:fixed;left:max(4px,env(safe-area-inset-left));bottom:max(2px,env(safe-area-inset-bottom));z-index:5;font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e1d8ff80;pointer-events:none;user-select:none}body>.sb-orient:not([hidden])~.ar-rotate{display:none!important}.sb-ar-back{appearance:none;-webkit-appearance:none;position:fixed;top:calc(max(4px,env(safe-area-inset-top)) + 278px);right:max(6px,env(safe-area-inset-right));z-index:40;min-height:44px;padding:0 14px;border:1px solid rgba(214,184,126,.6);border-radius:22px;background:#100c18d1;box-shadow:0 3px 12px #00000073;color:#f4ecda;font:700 13px/1.2 system-ui,-apple-system,Noto Sans KR,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sb-ar-back:active{transform:scale(.97)}html[data-ui-art~=joy_base] .sb-joy-base{border:0;box-shadow:none;background:url(/assets/ui/joy_base.webp) center / 100% 100% no-repeat;opacity:.85}html[data-ui-art~=joy_knob] .sb-joy-knob{box-shadow:none;background:url(/assets/ui/joy_knob.webp) center / 100% 100% no-repeat}html[data-ui-art~=menu_plate] .sb-refresh-btn:before{border:0;box-shadow:none;background:url(/assets/ui/menu_plate.webp) center / 100% 100% no-repeat}html[data-ui-art~=menu_refresh] .sb-refresh-btn svg{display:none}html[data-ui-art~=menu_refresh] .sb-refresh-btn:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);background:url(/assets/ui/menu_refresh.webp) center / contain no-repeat}html[data-ui-art~=menu_refresh] .sb-refresh-btn.is-busy:after{animation:sb-refresh-spin-art .8s linear infinite}@keyframes sb-refresh-spin-art{to{transform:translate(-50%,-50%) rotate(360deg)}}html[data-ui-art~=window_frame] .rel-window{background:none;border:0;border-radius:0;box-shadow:none;border-image:url(/assets/ui/window_frame.webp) var(--art-window-frame-slice) fill / 40px stretch;filter:drop-shadow(0 10px 28px rgba(0,0,0,.7));overflow:visible;min-height:0}html[data-ui-art~=window_frame] .rel-body{background:none}html[data-ui-art~=tab_plate] .rel-btn{border:0;border-radius:0;background:none;border-image:url(/assets/ui/tab_plate.webp) var(--art-tab-plate-slice) fill / 14px stretch;padding:0 24px}html[data-ui-art~=tab_plate] .rel-tut-actions .rel-btn{padding:0 14px}html[data-ui-art~=btn_red] .rel-btn--primary,html[data-ui-art~=btn_red] .rel-btn--danger{color:#fff;border-image:url(/assets/ui/btn_red.webp) var(--art-btn-red-slice) fill / 14px stretch}html[data-ui-art~=close_btn] .rel-close{background:url(/assets/ui/close_btn.webp) center / 40px 40px no-repeat}html[data-ui-art~=close_btn] .rel-close .rel-ico{display:none}html[data-ui-art~=back_btn] .rel-back{background:url(/assets/ui/back_btn.webp) left center / 40px 40px no-repeat;padding-left:46px}html[data-ui-art~=back_btn] .rel-back .rel-ico{display:none}html[data-ui-art~=switch_off] .rel-switch:before{border:0;border-radius:0;left:2px;top:6px;width:56px;height:32px;background:url(/assets/ui/switch_off.webp) center / 100% 100% no-repeat}html[data-ui-art~=switch_on] .rel-switch.is-on:before{background:url(/assets/ui/switch_on.webp) center / 100% 100% no-repeat}html[data-ui-art~=switch_knob] .rel-switch-knob{left:8px;top:9px;width:26px;height:26px;box-shadow:none;background:url(/assets/ui/switch_knob.webp) center / 100% 100% no-repeat}html[data-ui-art~=switch_knob] .rel-switch.is-on .rel-switch-knob{transform:translate(22px)}html[data-ui-art~=divider] .rel-card-title{background:url(/assets/ui/divider.webp) center bottom / 100% auto no-repeat;padding-bottom:14px}html[data-ui-art~=progress_frame] .sbg-loading-bar{position:relative;width:min(520px,80vw);height:auto;aspect-ratio:640 / 36;border:0;border-radius:0;background:url(/assets/ui/progress_frame.webp) center / 100% 100% no-repeat;overflow:visible}html[data-ui-art~=progress_frame] .sbg-loading-fill{position:absolute;left:var(--art-progress-frame-hole-x, 7%);right:var(--art-progress-frame-hole-x, 7%);top:var(--art-progress-frame-hole-y, 31%);bottom:var(--art-progress-frame-hole-y, 31%);width:auto;height:auto}html[data-ui-art~=progress_fill] .sbg-loading-fill{background:url(/assets/ui/progress_fill.webp) center / 100% 100% no-repeat}html[data-ui-art~=btn_cta] .sbg-loading-cta{width:min(360px,76vw);aspect-ratio:512 / 132;min-height:0;padding:0 12%;border:0;background:url(/assets/ui/btn_cta.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));font-size:22px}html[data-ui-art~=btn_cta_pressed] .sbg-loading-cta:active{background-image:url(/assets/ui/btn_cta_pressed.webp);color:#fff6dc;transform:scale(.985)}html[data-ui-art~=mount_horse] .sbo-mount[data-mount=horse] .sbo-mount-ico,html[data-ui-art~=mount_fox] .sbo-mount[data-mount=fox] .sbo-mount-ico{font-size:0;text-shadow:none;padding:0;background-position:center;background-repeat:no-repeat;background-size:92% 92%}html[data-ui-art~=mount_horse] .sbo-mount[data-mount=horse] .sbo-mount-ico{background-image:url(/assets/ui/mount_horse.webp)}html[data-ui-art~=mount_fox] .sbo-mount[data-mount=fox] .sbo-mount-ico{background-image:url(/assets/ui/mount_fox.webp)}html[data-ui-art~=mount_horse] .sbo-mount[data-mount=horse]:not(.sbh-act>*) .sbo-mount-txt,html[data-ui-art~=mount_fox] .sbo-mount[data-mount=fox]:not(.sbh-act>*) .sbo-mount-txt{bottom:-17px;padding:1px 8px;border-radius:9px;background:#0e0a08d1;border:1px solid rgba(214,178,106,.7);font:800 11px/14px Noto Sans KR,system-ui,sans-serif;color:#ffe9b8;text-shadow:none}html[data-ui-art~=mount_horse] .sbo-mount[data-mount=horse]:not(.sbh-act>*),html[data-ui-art~=mount_fox] .sbo-mount[data-mount=fox]:not(.sbh-act>*){width:64px;height:64px}html[data-ui-art~=pin_waypoint] .sbm-wp,html[data-ui-art~=pin_gate] .sbm-gate,html[data-ui-art~=pin_danger] .sbm-boss{border:0;border-radius:0;box-shadow:none;font-size:0;color:transparent;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 1px 3px rgba(0,0,0,.75))}html[data-ui-art~=pin_waypoint] .sbm-wp{width:36px;height:36px;background-image:url(/assets/ui/pin_waypoint.webp)}html[data-ui-art~=pin_waypoint] .sbm-wp:after{top:38px;font-size:11px}html[data-ui-art~=pin_waypoint_locked] .sbm-wp.is-locked{background-image:url(/assets/ui/pin_waypoint_locked.webp)}html[data-ui-art~=pin_gate] .sbm-gate{width:30px;height:30px;background-image:url(/assets/ui/pin_gate.webp)}html[data-ui-art~=pin_gate] .sbm-gate:after{top:32px}html[data-ui-art~=pin_danger] .sbm-boss{width:34px;height:34px;background-image:url(/assets/ui/pin_danger.webp)}html[data-ui-art~=pin_danger] .sbm-boss:after{top:36px}html[data-ui-art~=pin_me] .sbm-me svg{display:none}html[data-ui-art~=pin_me] .sbm-me{width:40px;height:40px;background:url(/assets/ui/pin_me.webp) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(255,210,90,.75))}html[data-ui-art~=bubble_frame] .sb-upd-card{border:0;border-radius:0;background:none;box-shadow:none;border-image:url(/assets/ui/bubble_frame.webp) var(--art-bubble-frame-slice, 60 60 60 60) fill / 16px stretch;padding:10px 22px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7));text-shadow:0 1px 3px #000}html[data-ui-art~=btn_cta] .sb-upd-go:not(.sb-upd-go--big){border:0;border-radius:0;min-height:0;height:38px;aspect-ratio:512 / 132;padding:0 14px;background:url(/assets/ui/btn_cta.webp) center / 100% 100% no-repeat;color:#fff6dc;font-weight:800;text-shadow:0 1px 2px #000;white-space:nowrap}html[data-ui-art~=btn_cta_pressed] .sb-upd-go:not(.sb-upd-go--big):active{background-image:url(/assets/ui/btn_cta_pressed.webp);background-color:transparent}html[data-ui-art~=tab_plate] .sb-upd-later{border:0;border-radius:0;background:none;border-image:url(/assets/ui/tab_plate.webp) var(--art-tab-plate-slice, 42 42 42 42) fill / 12px stretch;min-height:34px;padding:0 12px;color:#efe3c6;font-weight:700;text-shadow:0 1px 2px #000}html[data-ui-art~=bubble_frame] .sbh-stage>.sb-upd-card{border-image-width:22px;padding:10px 26px 12px;gap:6px}html[data-ui-art~=btn_cta] .sbh-stage>.sb-upd-card .sb-upd-go{height:52px;min-height:0;padding:0 10px;margin:0;font-size:21px}html[data-ui-art~=tab_plate] .sbh-stage>.sb-upd-card .sb-upd-later{border-image-width:14px;min-height:52px;padding:0 12px;margin:0;font-size:21px}html[data-ui-art~=tab_plate] .sbh-stage>.sb-upd-card .sb-upd-btns{gap:6px}html[data-ui-art~=window_frame] .sb-upd-panel{background:none;border:0;border-radius:0;border-image:url(/assets/ui/window_frame.webp) var(--art-window-frame-slice, 144 144 144 144) fill / 40px stretch;filter:drop-shadow(0 10px 28px rgba(0,0,0,.7));padding:34px 40px;overflow:visible;text-shadow:0 1px 3px #000}html[data-ui-art~=btn_cta] .sb-upd-go--big{width:min(300px,100%);height:auto;min-height:0;margin:0 auto;padding:0 12%;aspect-ratio:512 / 132;border:0;border-radius:0;background:url(/assets/ui/btn_cta.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));font-size:20px;color:#fff6dc;text-shadow:0 1px 2px #000}html[data-ui-art~=btn_cta_pressed] .sb-upd-go--big:active{background-image:url(/assets/ui/btn_cta_pressed.webp);transform:scale(.985)}
