@font-face{font-family:Sukhumvit Set;src:url(/fonts/SukhumvitSet-Text.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sukhumvit Set;src:url(/fonts/SukhumvitSet-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sukhumvit Set;src:url(/fonts/SukhumvitSet-Bold.woff2)format("woff2");font-weight:700 800;font-style:normal;font-display:swap}:root{--tv-font:"Sukhumvit Set", "Noto Sans Thai", system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--tv-font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{overflow:hidden}img{-webkit-user-drag:none}.npc-info-marker{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:clamp(46px,6vmin,78px);height:clamp(46px,6vmin,78px);padding:0;transition:transform .12s;animation:2.4s ease-in-out infinite npc-info-bob;display:block}.npc-info-marker img{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #00000059);width:100%;height:100%;display:block}.npc-info-marker:hover{transform:scale(1.08)}.marker-name{color:#fff;font-family:var(--tv-font);white-space:nowrap;opacity:0;pointer-events:none;background:#180e26d1;border-radius:999px;margin-top:2px;padding:2px 8px;font-size:clamp(11px,1.5vmin,15px);font-weight:600;line-height:1.3;transition:opacity .12s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.npc-info-marker:hover .marker-name,.npc-info-marker:focus-visible .marker-name{opacity:1}.npc-info-marker{position:relative}.npc-info-marker:active{transform:scale(.94)}@keyframes npc-info-bob{50%{transform:translateY(-9%)}}@media (prefers-reduced-motion:reduce){.npc-info-marker{animation:none}}.near-marker{transition:opacity .25s,transform .12s}.near-marker[data-near="0"]{opacity:0;pointer-events:none}.near-marker[data-near="0"] *{pointer-events:none}div:has(>.near-marker){pointer-events:none}.remote-name-tag{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:999px;max-width:9rem;padding:.1rem .4rem;font-size:.66rem;line-height:1.35;display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e}.quest-marker{width:clamp(42px,5.5vmin,72px);height:auto;animation-delay:-.6s}.quest-marker img{height:auto}.minigame-marker{width:clamp(52px,7vmin,92px);height:clamp(52px,7vmin,92px);animation-delay:-1.2s}.checkin-anchor{display:block;position:relative;transform:translateY(-50%)}.checkin-marker{width:clamp(44px,5.8vmin,76px);height:auto;animation-delay:-1.8s}.checkin-marker img{height:auto}.auth{--gold-top:#ecc95d;--gold-mid:#cf9f30;--gold-bot:#b5831d;font-family:var(--tv-font);color:#fff;-webkit-user-select:none;user-select:none;z-index:10;--login-tag-fs:clamp(14px, 1.75vw, 30px);position:absolute;inset:0;overflow:hidden}.auth-bg{--bg-u:min(100vw / 1920, 100vh / 1080);background:radial-gradient(130% 100% at 50% 45%, #08061a0f 0%, #08061a66 70%, #060414a8 100%), url(/ui/login-bg-ext.webp) center / calc(2808 * var(--bg-u)) calc(1440 * var(--bg-u)) no-repeat, #0b0820;transition:opacity .9s;position:absolute;inset:0}.login-headerbar{width:100%;height:var(--tv-hb-h);filter:drop-shadow(0 4px 16px #00000047);pointer-events:none;position:absolute;top:0;left:0}.login-wordmark{top:calc(var(--tv-hb-h) / 2);filter:drop-shadow(0 2px 6px #786ea059);width:clamp(120px,17vw,340px);position:absolute;left:2.2%;transform:translateY(-50%)}.login-header{align-items:center;gap:clamp(8px,1vw,16px);display:flex;position:absolute;top:clamp(9px,1.5vw,18px);right:1.4%}.globe-btn{appearance:none;cursor:pointer;color:#fff;text-shadow:0 1px 3px #00000059;filter:drop-shadow(0 1px 2px #0000004d);background:0 0;border:none;align-items:center;gap:5px;padding:4px;transition:transform .12s,color .14s;display:inline-flex}.globe-btn:hover{color:#ffd76a;transform:scale(1.06)}.globe-btn svg{width:clamp(20px,1.6vw,26px);height:auto}.globe-lang{letter-spacing:.5px;font-size:clamp(11px,.85vw,13px);font-weight:800}.pill{appearance:none;cursor:pointer;font:inherit;color:#fff;text-shadow:0 1px 3px #0000008c;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;min-width:clamp(104px,9vw,168px);height:clamp(38px,6.4vh,62px);padding:0 clamp(14px,1.4vw,26px);font-size:clamp(12px,1.05vw,17px);font-weight:700;transition:transform .12s,filter .16s}.pill:hover{filter:brightness(1.08)}.pill:active{transform:translateY(1px)scale(.99)}.pill-create{color:#3a2600;text-shadow:0 1px #ffffff4d;background-image:url(/ui/pill-create.png)}.login-logo{filter:drop-shadow(0 8px 26px #00000080);width:clamp(320px,46vw,900px);position:absolute;top:47.6%;left:50%;transform:translate(-50%,-50%)}.login-tagline{text-align:center;width:max-content;max-width:80vw;font-size:var(--login-tag-fs);color:#ede8ff;text-shadow:0 2px 10px #00000080;margin:0;line-height:1.5;position:absolute;top:65%;left:50%;transform:translate(-50%)}.login-cta{left:50.5%;top:max(80.6%, calc(65% + 3 * var(--login-tag-fs) + 12px + clamp(56px, 9.3vh, 100px) / 2));appearance:none;cursor:pointer;width:clamp(300px,23.4vw,460px);height:clamp(56px,9.3vh,100px);font:inherit;color:#3a2600;text-shadow:0 1px #ffffff59;filter:drop-shadow(0 8px 18px #785a1473)drop-shadow(0 0 16px #e6be5059);background:url(/ui/pill-login.png) 50%/100% 100% no-repeat;border:none;font-size:clamp(16px,1.9vw,34px);font-weight:800;transition:transform .12s,filter .16s;position:absolute;transform:translate(-50%,-50%)}.login-cta:hover{filter:brightness(1.05)drop-shadow(0 10px 24px #785a148c)drop-shadow(0 0 24px #e6be5080)}.login-cta:active{transform:translate(-50%,-50%)translateY(1px)scale(.99)}.loading-center{flex-direction:column;align-items:center;gap:clamp(18px,3vh,30px);animation:.5s both auth-fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes auth-fade{0%{opacity:0}to{opacity:1}}.loading-logo{filter:drop-shadow(0 8px 26px #0000008c);width:min(440px,62vw);height:auto}.loading-dots{gap:14px;display:flex}.loading-dots i{background:#fff;border-radius:3px;width:14px;height:14px;animation:1.4s ease-in-out infinite both diamond-chase}.loading-dots i:first-child{animation-delay:0s}.loading-dots i:nth-child(2){animation-delay:.16s}.loading-dots i:nth-child(3){animation-delay:.32s}.loading-dots i:nth-child(4){animation-delay:.48s}.loading-dots i:nth-child(5){animation-delay:.64s}@keyframes diamond-chase{0%,to{opacity:.2;box-shadow:none;transform:rotate(45deg)scale(.88)}30%{opacity:1;transform:rotate(45deg)scale(1.06);box-shadow:0 0 12px #ffffffe6}}.loading-text{letter-spacing:1px;color:#dfe6ff;opacity:.85;font-size:14px}.auth.leaving{opacity:0;pointer-events:none;transition:opacity .7s}@media (width<=640px){.login-wordmark{width:120px}.auth{--login-tag-fs:13px}}.onboard .hud-headerbar,.onboard .hud-logo,.onboard .hud-menu{z-index:1}.onboard .hud-logo,.onboard .hud-menu,.onboard .hud-menu-btn{pointer-events:none}.onboard-modal{z-index:20;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.onboard-close{color:#fff;cursor:pointer;z-index:3;background:#1c1830;border:none;border-radius:50%;place-items:center;width:clamp(44px,4vw,66px);height:clamp(44px,4vw,66px);display:grid;position:absolute;top:-18px;right:-18px;box-shadow:0 0 0 3px #fff,0 4px 14px #00000073}.onboard-close svg{width:46%;height:46%}.onboard-close:hover{background:#2a2444}.name-modal{text-align:center;border:clamp(4px, .42vw, 8px) solid var(--gold-mid);background:#f5f3f7;border-radius:22px;flex-direction:column;align-items:center;width:clamp(330px,34vw,620px);padding:clamp(20px,2.2vw,40px) clamp(22px,3vw,54px) clamp(22px,2.6vw,44px);display:flex;box-shadow:0 24px 60px #00000080}.name-logo{width:clamp(150px,15vw,260px);margin-bottom:8px}.name-heading{color:#4a1e7a;margin:4px 0 clamp(14px,2vh,26px);font-size:clamp(16px,1.5vw,26px);font-weight:800;line-height:1.35}.name-heading span{font-weight:700;display:block}.name-label{color:#241a33;margin-bottom:10px;font-size:clamp(15px,1.35vw,23px);font-weight:800}.name-input{width:100%;font:inherit;color:#241a33;background:#fff;border:2px solid #b9b2c6;border-radius:12px;outline:none;margin-bottom:clamp(16px,2.4vh,30px);padding:clamp(10px,1vw,16px) 16px;font-size:clamp(15px,1.2vw,20px)}.name-input:focus{border-color:var(--gold-mid)}.name-terms{text-align:left;color:#3a3448;cursor:pointer;align-items:flex-start;gap:12px;width:100%;margin-bottom:clamp(16px,2.2vh,28px);font-size:clamp(12px,1vw,16px);line-height:1.5;display:flex}.name-terms input{width:20px;height:20px;accent-color:var(--gold-mid);flex:none;margin-top:2px}.name-terms a{color:#3a3448;text-decoration:underline}.name-confirm{appearance:none;cursor:pointer;width:100%;font:inherit;color:#3a2600;background:linear-gradient(180deg, var(--gold-top), var(--gold-mid) 55%, var(--gold-bot));border:none;border-radius:14px;padding:clamp(12px,1.3vw,20px);font-size:clamp(16px,1.5vw,26px);font-weight:800;transition:filter .14s,transform .12s;box-shadow:0 6px 18px #966e1966}.name-confirm:hover:not(:disabled){filter:brightness(1.05)}.name-confirm:active:not(:disabled){transform:translateY(1px)}.name-confirm:disabled{opacity:.5;cursor:not-allowed}.event-modal{width:min(clamp(340px,62vw,1120px),178.7vh - 171.552px)}.event-viewport{border:clamp(3px, .3vw, 6px) solid var(--gold-mid,#cf9f30);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:clamp(10px,1vw,18px);overflow:hidden;box-shadow:0 20px 40px #00000073}.event-viewport.dragging{cursor:grabbing}.event-track{transition:transform .38s cubic-bezier(.22,.8,.3,1);display:flex}.event-viewport.dragging .event-track{transition:none}.event-banner{-webkit-user-drag:none;flex:0 0 100%;width:100%;height:auto;display:block}.event-arrow{z-index:1;color:#fff;cursor:pointer;background:#1c1830b8;border:none;border-radius:50%;place-items:center;width:clamp(36px,3.2vw,52px);height:clamp(36px,3.2vw,52px);padding:0;transition:background .16s,opacity .16s;display:grid;position:absolute;top:calc(50% + clamp(6px,1.6vh - 6px,16px)/-2 - 13px);transform:translateY(-50%);box-shadow:0 4px 14px #00000073}.event-arrow svg{width:30%;height:52%}.event-arrow.prev{left:clamp(8px,1.2vw,20px);transform:translateY(-50%)scaleX(-1)}.event-arrow.next{right:clamp(8px,1.2vw,20px)}.event-arrow:hover:not([disabled]){background:#1c1830e6}.event-arrow[disabled]{opacity:.32;cursor:default}@media (prefers-reduced-motion:reduce){.event-arrow{transition:none}}.event-dots{justify-content:center;margin-top:clamp(6px,1.6vh - 6px,16px);display:flex}.event-dots button{appearance:none;cursor:pointer;background:0 0;border:none;place-items:center;width:26px;height:26px;padding:0;display:grid}.event-dots button:before{content:"";background:#fff6;border-radius:3px;width:14px;height:14px;transition:background .2s;transform:rotate(45deg);box-shadow:0 1px 3px #0006}.event-dots button:hover:before{background:#ffffffb3}.event-dots button.on:before{background:var(--gold-mid);box-shadow:0 0 10px #cba41acc}@media (prefers-reduced-motion:reduce){.event-track,.event-dots button:before{transition:none}}.login-error,.name-error{color:#b3261e;text-align:center;margin:0;font-size:clamp(12px,1.5vh,15px)}.login-error{color:#ffd7d3;text-shadow:0 1px 3px #000c;position:absolute;bottom:6%;left:0;right:0}.dev-login{background:#0000008c;border:1px dashed #ffffff80;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;max-width:60vw;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.dev-login-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em}.dev-login-btn{color:#fff;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:4px;padding:3px 8px}.dev-login-btn:hover:not(:disabled){background:#ffffff38}.dev-login-btn:disabled{opacity:.5;cursor:default}.dev-login-error{color:#ff9d95}.event-overlay{z-index:50;background:#0000008c;animation:.18s both st-fade;position:fixed;inset:0}:root{--tv-purple:#7b2d8e;--tv-selected:#cba41a;--tv-line:#fff9;--tv-z-hud:18;--tv-z-chrome:30;--tv-u:min(100vw / 1920, 100vh / 1080, 1px);--tv-quest-u:max(min(.42px, 100vh / 1080), min(100vw / 1920, 100vh / 1080));--tv-hb-h:max(46px, calc(142.271 * var(--tv-u)));--tv-d-cam:max(46px, calc(104 * var(--tv-u)));--tv-d-act:max(50px, calc(116 * var(--tv-u)));--tv-d-jump:max(60px, calc(146 * var(--tv-u)));--tv-r-cam:max(14px, calc(163 * var(--tv-u)));--tv-r-act:max(12px, calc(154 * var(--tv-u)));--tv-r-jump:max(calc(var(--tv-r-act) + (var(--tv-d-act) + var(--tv-d-jump)) / 2 + 8px), calc(288 * var(--tv-u)));--tv-menu-top:max(3px, calc(10 * var(--tv-u)));--tv-menu-pad-t:max(2px, calc(4 * var(--tv-u)));--tv-menu-pad-b:max(1px, calc(2 * var(--tv-u)));--tv-menu-icon:max(26px, calc(48 * var(--tv-u)));--tv-menu-gap:max(1px, calc(2 * var(--tv-u)));--tv-menu-fs:max(11px, calc(18 * var(--tv-u)));--tv-menu-bottom:calc(var(--tv-menu-top) + var(--tv-menu-pad-t) + var(--tv-menu-icon) + var(--tv-menu-gap) + var(--tv-menu-fs) * 1.15 + var(--tv-menu-pad-b));--tv-mm-w:max(88px, calc(211 * var(--tv-u)));--tv-mm-top:calc(var(--tv-hb-h) + 25 * var(--tv-u))}.hud,.av,.auth,.qb-overlay{--tv-hb-h:max(56px, calc(142.271 * var(--tv-u)));--tv-mm-top:calc(var(--tv-hb-h) + 25 * var(--tv-u))}.hud{pointer-events:none;font-family:var(--tv-font);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container:hud/size}.hud-headerbar{width:100%;height:var(--tv-hb-h);z-index:var(--tv-z-chrome);filter:drop-shadow(0 4px 16px #00000047);pointer-events:none;position:absolute;top:0;left:0}.hud-logo{top:calc(var(--tv-hb-h) / 2);left:max(10px, calc(42 * var(--tv-u)));width:max(96px, calc(326 * var(--tv-u)));z-index:var(--tv-z-chrome);filter:drop-shadow(0 2px 6px #786ea059);pointer-events:auto;position:absolute;transform:translateY(-50%)}.hud--modal .mp,.hud--modal .hud-minimap,.hud--modal .hud-round-btn,.hud--modal .hud-joystick{display:none}.hud-menu{top:var(--tv-menu-top);right:max(8px, calc(26.9 * var(--tv-u)));z-index:var(--tv-z-chrome);align-items:center;gap:max(2px, calc(4.8 * var(--tv-u)));display:flex;position:absolute}.hud-menu-btn{pointer-events:auto;width:max(40px, calc(72 * var(--tv-u)));height:max(40px, calc(72 * var(--tv-u)));padding:max(4px, calc(8 * var(--tv-u)));color:#fff;filter:drop-shadow(0 2px 3px #0000004d);cursor:pointer;background:0 0;border:none;border-radius:14px}.hud-menu-btn.active{color:var(--tv-selected)}.hud-menu-btn{align-items:center;gap:var(--tv-menu-gap);width:auto;min-width:max(40px, calc(72 * var(--tv-u)));height:auto;padding:var(--tv-menu-pad-t) max(3px, calc(6 * var(--tv-u))) var(--tv-menu-pad-b);flex-direction:column;display:flex}.hud-menu-btn .hud-icon{width:var(--tv-menu-icon);height:var(--tv-menu-icon);flex:none}.hud-menu-label{font-family:var(--tv-font);font-size:var(--tv-menu-fs);white-space:nowrap;color:#3a2f52;text-shadow:0 0 2px #fff,0 0 4px #ffffffe6,0 1px 2px #fffc;font-weight:600;line-height:1.15}.hud-menu-btn.active .hud-menu-label{color:var(--tv-selected)}.hud-icon{width:100%;height:100%;-webkit-mask:var(--icon) no-repeat center / contain;-webkit-mask:var(--icon) no-repeat center / contain;mask:var(--icon) no-repeat center / contain;background:currentColor;display:block}.hud-minimap{top:var(--tv-mm-top);right:max(8px, calc(30.7 * var(--tv-u)));z-index:var(--tv-z-hud);width:var(--tv-mm-w);aspect-ratio:1;border:2px solid var(--tv-line);border-radius:max(8px, calc(16 * var(--tv-u)));-webkit-backdrop-filter:blur(4px);background:#ffffff24;position:absolute;overflow:hidden}.hud-minimap-map{object-fit:fill;opacity:.9;filter:drop-shadow(0 1px 1px #0000004d);width:100%;height:100%;position:absolute;inset:0}.hud-minimap-dot{width:max(18px, calc(24 * var(--tv-u)));height:max(18px, calc(24 * var(--tv-u)));background:var(--tv-purple);border:4px solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #0006}.hud-round-btn{pointer-events:auto;z-index:var(--tv-z-hud);color:#fff;cursor:pointer;filter:drop-shadow(0 2px 5px #00000047);touch-action:none;background:url(/ui/action-circle.svg) 50%/contain no-repeat;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.hud-round-btn:active{filter:drop-shadow(0 2px 5px #00000047)brightness(1.35)}.hud-round-btn .hud-icon{filter:drop-shadow(0 2px 3px #0000004d);width:64%;height:64%}.hud-round-label{font-family:var(--tv-font);margin-bottom:max(2px, calc(6 * var(--tv-u)));font-size:max(10px, calc(19 * var(--tv-u)));white-space:nowrap;color:#fff;text-shadow:-1px 0 #0000008c,1px 0 #0000008c,0 -1px #0000008c,0 1px #0000008c;font-weight:600;line-height:1.1;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hud-btn-camera{width:var(--tv-d-cam);height:var(--tv-d-cam);right:var(--tv-r-cam);top:calc(var(--tv-mm-top) + var(--tv-mm-w) + max(10px, 110 * var(--tv-u)))}.hud-btn-interact{width:var(--tv-d-act);height:var(--tv-d-act);right:var(--tv-r-act);top:calc(var(--tv-mm-top) + var(--tv-mm-w) + max(10px, 110 * var(--tv-u)) + var(--tv-d-cam) + max(8px, 63 * var(--tv-u)))}.hud-btn-fullscreen{width:max(38px, calc(80 * var(--tv-u)));height:max(38px, calc(80 * var(--tv-u)));top:var(--tv-mm-top);right:calc(max(8px, 30.7 * var(--tv-u)) + var(--tv-mm-w) + max(8px, 20 * var(--tv-u)))}.hud-btn-fullscreen .hud-icon{width:46%;height:46%}.hud-btn-zoom-in,.hud-btn-zoom-out{width:max(38px, calc(80 * var(--tv-u)));height:max(38px, calc(80 * var(--tv-u)));right:calc(max(8px, 30.7 * var(--tv-u)) + var(--tv-mm-w) + max(8px, 20 * var(--tv-u)))}.hud-btn-zoom-in{top:calc(var(--tv-mm-top) + max(38px, 80 * var(--tv-u)) + max(8px, 20 * var(--tv-u)))}.hud-btn-zoom-out{top:calc(var(--tv-mm-top) + 2 * (max(38px, 80 * var(--tv-u)) + max(8px, 20 * var(--tv-u))))}@container hud (height<=340px){.hud-minimap,.hud-btn-camera,.hud-btn-interact,.hud-btn-fullscreen,.hud-btn-zoom-in,.hud-btn-zoom-out{--tv-mm-w:min(max(88px, calc(211 * var(--tv-u))), max(48px, 100cqh - var(--tv-mm-top) - max(10px, 110 * var(--tv-u)) - var(--tv-d-cam) - max(8px, 63 * var(--tv-u)) - var(--tv-d-act) - 8px))}.hud .mp{height:min(calc(308.8 * var(--u)), 34cqh, 100cqh - var(--tv-hb-h) - 40 * var(--u) - max(10px, 54 * var(--tv-u)) - max(96px, 264 * var(--tv-u)) - 8px)}.hud-btn-zoom-in,.hud-btn-zoom-out{top:var(--tv-mm-top)}.hud-btn-zoom-in{right:calc(max(8px, 30.7 * var(--tv-u)) + var(--tv-mm-w) + 2 * max(8px, 20 * var(--tv-u)) + max(38px, 80 * var(--tv-u)))}.hud-btn-zoom-out{right:calc(max(8px, 30.7 * var(--tv-u)) + var(--tv-mm-w) + 3 * max(8px, 20 * var(--tv-u)) + 2 * max(38px, 80 * var(--tv-u)))}}.hud-zoom-glyph{filter:drop-shadow(0 2px 3px #0000004d);width:52%;height:52%}.hud-btn-jump{width:var(--tv-d-jump);height:var(--tv-d-jump);right:var(--tv-r-jump);bottom:max(8px, calc(165 * var(--tv-u)))}.hud-joystick{pointer-events:auto;z-index:var(--tv-z-hud);left:max(10px, calc(46 * var(--tv-u)));bottom:max(10px, calc(54 * var(--tv-u)));width:max(96px, calc(264 * var(--tv-u)));height:max(96px, calc(264 * var(--tv-u)));filter:drop-shadow(0 2px 6px #00000038);touch-action:none;background:url(/ui/joystick-base.svg) 50%/contain no-repeat;position:absolute}.hud-joystick-knob{background:url(/ui/joystick-knob.svg) 50%/contain no-repeat;width:36.5%;height:36.5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.hud-rotate{color:#fff;z-index:100;text-align:center;pointer-events:auto;background:#140c20f0;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:17px;display:flex;position:fixed;inset:0}.hud-rotate .icon{font-size:44px;animation:1.6s ease-in-out infinite hud-rotate-hint}@keyframes hud-rotate-hint{0%,25%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}}.mr-scrim{z-index:32;background:#000000b3;position:absolute;inset:0}.mr-panel{width:calc(1493.37 * var(--u));height:calc(834.1 * var(--u));transform:translate(calc(-50% - 10.75 * var(--u)), calc(-50% + 15.55 * var(--u)));box-sizing:border-box;padding:calc(14.98 * var(--u)) calc(15.73 * var(--u)) calc(13.2 * var(--u)) calc(15.77 * var(--u));border-radius:calc(36 * var(--u));box-shadow:0 calc(20 * var(--u)) calc(60 * var(--u)) #0000008c;z-index:33;color:#e9e9e9;font-family:var(--tv-font);background:linear-gradient(135deg,#c9a21a 0%,#d7b641 50%,#e3c763 100%);font-weight:700;position:absolute;top:50%;left:50%}.mr-inner{border-radius:calc(24 * var(--u));background:#4d0f8a;width:100%;height:100%;position:relative;overflow:hidden}.mr-head{height:calc(64.52 * var(--u));font-size:calc(35 * var(--u));text-align:center;padding-top:calc((47.46 - .81 * 35) * var(--u));box-sizing:border-box;background:#3f1279;line-height:1;position:absolute;top:0;left:0;right:0}.mr-poster{left:calc(10.45 * var(--u));top:calc(73.26 * var(--u));width:calc(488.8 * var(--u));height:calc(723.2 * var(--u));border-radius:calc(19 * var(--u));object-fit:cover;position:absolute}.mr-cols{font-size:calc(34 * var(--u));line-height:1}.mr-cols span{top:calc((117.12 - .81 * 34) * var(--u));white-space:nowrap;position:absolute}.mr-col-rank{left:calc(569.57 * var(--u));transform:translate(-50%)}.mr-col-name{left:calc(694.59 * var(--u))}.mr-col-score{left:calc(1158.89 * var(--u))}.mr-rows{left:calc(509.42 * var(--u));top:calc(140.3 * var(--u));width:calc(920 * var(--u));height:calc(559.91 * var(--u));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;position:absolute;overflow-y:auto}.mr-rows::-webkit-scrollbar{display:none}.mr-row{width:calc(908.28 * var(--u));height:calc(70.75 * var(--u));margin-bottom:calc(9.1 * var(--u));box-shadow:calc(4 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u)) #1f0637;background:#3f1279;line-height:1;position:relative}.mr-row--own{left:calc(509.42 * var(--u));top:calc(700.21 * var(--u));background:#bd502f;margin:0;position:absolute}.mr-rank{width:calc(115.89 * var(--u));box-sizing:border-box;padding-top:calc((53.3 - .81 * 47) * var(--u));text-align:center;font-size:calc(47 * var(--u));font-variant-numeric:tabular-nums;background:#8900fe;position:absolute;top:0;bottom:0;left:0}.mr-row--own .mr-rank{background:#e98900}.mr-name{left:calc(185.17 * var(--u));width:calc(390 * var(--u));top:calc((47.1 - .81 * 23) * var(--u));font-size:calc(23 * var(--u));white-space:nowrap;text-overflow:ellipsis;position:absolute;overflow:hidden}.mr-coin{left:calc(594.25 * var(--u));top:calc(15.2 * var(--u));width:calc(38 * var(--u));height:calc(38 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid #d6b43f;box-shadow:calc(2 * var(--u)) calc(3 * var(--u)) calc(5 * var(--u)) #140428bf;color:#fff;font-size:calc(22 * var(--u));line-height:calc(32 * var(--u));text-align:center;-webkit-text-stroke:calc(2.4 * var(--u)) #543a05;paint-order:stroke fill;background:#ffda37;border-radius:50%;position:absolute}.mr-score{left:calc(644.43 * var(--u));top:calc(14.73 * var(--u));width:calc(239.07 * var(--u));height:calc(42.14 * var(--u));box-sizing:border-box;padding:calc((44.2 - 14.73 - .81 * 23) * var(--u)) 0 0 calc(17.9 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(23 * var(--u));font-variant-numeric:tabular-nums;background:#140b38;position:absolute}.mr-row--own .mr-score{background:#a13518}.mr-note{width:calc(908.28 * var(--u));margin:calc(40 * var(--u)) 0 0;text-align:center;color:#e9e9e9bf;font-size:calc(28 * var(--u))}.mr-track{left:calc(1433.63 * var(--u));top:calc(78.41 * var(--u));width:calc(21.07 * var(--u));height:calc(700.81 * var(--u));border-radius:calc(10.5 * var(--u));cursor:pointer;background:#3f1279;position:absolute}.mr-thumb{border-radius:calc(10.5 * var(--u));cursor:grab;touch-action:none;background:#8900fe;position:absolute;left:0;right:0}.mr-actions{left:calc(50% + (949.25 - 960) * var(--u));top:calc(50% + (986 - 540) * var(--u));align-items:center;gap:calc(24 * var(--u));z-index:33;display:flex;position:absolute;transform:translate(-50%)}.mr-actions>button{height:calc(66 * var(--u));font-size:calc(30 * var(--u))}.mr-actions>button:first-child{min-width:calc(300 * var(--u))}.mr-close{left:calc((1477.44 - 33.5) * var(--u));top:calc((-.8 - 33.5) * var(--u));width:calc(67 * var(--u));height:calc(67 * var(--u));box-sizing:border-box;padding:calc(17 * var(--u));border:calc(2 * var(--u)) solid #fff;cursor:pointer;background:#000;border-radius:50%;position:absolute}.mr-close svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;width:100%;height:100%;display:block}.eg{font-family:var(--tv-font);-webkit-user-select:none;user-select:none;touch-action:none;z-index:40;--u:var(--tv-quest-u);--eg-gold:#cba41a;--eg-gold-lo:#ceaa23;--eg-gold-hi:#e0c25c;--eg-ink:#2b1c06;--eg-purple:#4d0f8a;--eg-band:#3f1279;--eg-chip:#8900fe;--eg-field:#140b38;--eg-own-band:#bd502f;--eg-own-chip:#e98900;--eg-own-field:#a13518;background:#0a0713;position:absolute;inset:0;overflow:hidden}.eg-stage{width:calc(1920 * var(--u));height:calc(1080 * var(--u));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eg-field{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.eg-cover-bg{width:calc(2808 * var(--u));height:calc(1440 * var(--u));max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000)}.eg-backdrop{pointer-events:none;position:absolute;inset:0}.eg-bg{left:calc(-100% * var(--wx) / var(--ww));top:calc(-100% * var(--wy) / var(--wh));width:calc(100% / var(--ww));height:calc(100% / var(--wh));max-width:none;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000)}.eg-bg--in{animation:.9s ease-in-out eg-fade}@keyframes eg-fade{0%{opacity:0}}.eg-headerbar{width:100%;height:var(--tv-hb-h);z-index:30;filter:drop-shadow(0 4px 16px #00000047);pointer-events:none;position:absolute;top:0;left:0}.eg-logo{left:calc(42 * var(--u));top:calc(36 * var(--u));width:calc(345.38 * var(--u));z-index:31;pointer-events:none;position:absolute}.eg-clock{left:0;right:0;top:calc(24 * var(--u));z-index:31;text-align:center;font-size:calc(84 * var(--u));letter-spacing:calc(1 * var(--u));color:#e8f6ff;-webkit-text-stroke:calc(5 * var(--u)) #fff;paint-order:stroke fill;text-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #183c5a8c, 0 0 calc(18 * var(--u)) #96d2ffb3;pointer-events:none;font-variant-numeric:tabular-nums;font-weight:800;position:absolute}.eg-pill{left:calc(1520.73 * var(--u));top:calc(16.06 * var(--u));width:calc(288.39 * var(--u));height:calc(58.86 * var(--u));border-radius:calc(29.43 * var(--u));border:calc(.96 * var(--u)) solid #ffffffd9;box-sizing:border-box;z-index:31;pointer-events:none;background:#0009;align-items:center;display:flex;position:absolute}.eg-coin{margin-left:calc(12.06 * var(--u));width:calc(45.52 * var(--u));height:calc(45.52 * var(--u));color:#5a3e00;font-size:calc(26 * var(--u));font-weight:800;line-height:calc(45.52 * var(--u));text-align:center;text-shadow:0 calc(1 * var(--u)) calc(1 * var(--u)) #ffffff59;background:radial-gradient(circle at 34% 30%,#ffe98a 0%,#ffda37 46%,#d79a05 100%);border-radius:50%;flex:none;position:relative}.eg-score{margin-left:calc(60 * var(--u));color:#fff;font-size:calc(40 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.eg-pause{left:calc(1819.85 * var(--u));top:calc(16.06 * var(--u));width:max(30px, calc(58.86 * var(--u)));height:max(30px, calc(58.86 * var(--u)));border:calc(.75 * var(--u)) solid #ffffffe6;cursor:pointer;z-index:32;background:#0009;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.eg-pause svg{width:calc(17 * var(--u));height:calc(34.14 * var(--u))}.eg-arrow{z-index:32;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:absolute}.eg-arrow svg{width:100%;height:100%;filter:drop-shadow(0 calc(2 * var(--u)) calc(6 * var(--u)) #00000059);transition:transform 90ms ease-out;overflow:visible}.eg-arrow:active svg{transform:scale(.93)}.eg-sprite{image-rendering:auto;will-change:transform;background-repeat:no-repeat;position:absolute}.eg-metha{z-index:12;filter:drop-shadow(0 calc(6 * var(--u)) calc(8 * var(--u)) #00000047)}.eg-warin{z-index:4}.eg-hit{z-index:13;animation:.26s steps(2,end) 3 eg-zap;position:absolute;transform:translate(-50%)}@keyframes eg-zap{50%{opacity:.55}}.eg-faller{z-index:10;will-change:transform;position:absolute}.eg-faller--small,.eg-faller--rare{filter:drop-shadow(0 calc(3 * var(--u)) calc(6 * var(--u)) #0000004d)}.eg-faller--rain{mix-blend-mode:screen;z-index:11}.eg-popup{z-index:20;font-size:calc(70 * var(--u));color:#fff;-webkit-text-stroke:calc(4 * var(--u)) #2b1c06;paint-order:stroke fill;text-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) #0006;pointer-events:none;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.eg-popup--bad{color:#ffd0d0;-webkit-text-stroke-color:#6d1414}.eg-strike{z-index:15;pointer-events:none;position:absolute;top:0;transform:translate(-50%)}.eg-strike--warning{background:linear-gradient(90deg,#ff5a3cd9 0,#ff5a3c00 6% 94%,#ff5a3cd9 100%),linear-gradient(#ffe2780f,#ff963c57 72%,#ff5a3c9e);animation:.2s ease-in-out infinite alternate eg-warn}.eg-strike--warning:after{content:"";left:0;right:0;bottom:calc(-30 * var(--u));height:calc(90 * var(--u));background:radial-gradient(#ffd25ad9,#ff782800);border-radius:50%;position:absolute}@keyframes eg-warn{0%{opacity:.4}to{opacity:1}}.eg-strike--bolt{background:linear-gradient(#ffffff1a,#fff4b4bf);animation:90ms steps(2,end) infinite eg-flash}.eg-strike--bolt svg{width:100%;height:100%;filter:drop-shadow(0 0 calc(14 * var(--u)) #ffe050f2)}@keyframes eg-flash{50%{opacity:.55}}.eg-mapcard{left:50%;top:calc(190 * var(--u));z-index:25;align-items:baseline;gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(34 * var(--u));border-radius:calc(40 * var(--u));border:calc(1.5 * var(--u)) solid #ffffff8c;color:#fff;font-size:calc(40 * var(--u));white-space:nowrap;pointer-events:none;background:#00000073;font-weight:700;animation:2.2s ease-out forwards eg-card;display:flex;position:absolute;transform:translate(-50%)}.eg-mapcard-n{color:var(--eg-gold-hi);font-size:calc(28 * var(--u))}@keyframes eg-card{0%{opacity:0;transform:translate(-50%, calc(-14 * var(--u)))}14%,74%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.eg-count{z-index:34;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.eg-count img{height:calc(262 * var(--u));filter:drop-shadow(0 calc(8 * var(--u)) calc(24 * var(--u)) #0000008c);animation:.9s ease-out eg-pop}.eg-count-go{font-size:calc(200 * var(--u));color:#fff;-webkit-text-stroke:calc(8 * var(--u)) #2b1c068c;paint-order:stroke fill;filter:drop-shadow(0 calc(8 * var(--u)) calc(24 * var(--u)) #00000080);font-weight:800;animation:.7s ease-out eg-pop}@keyframes eg-pop{0%{opacity:0;transform:scale(1.7)}22%{opacity:1;transform:scale(1)}to{opacity:1}}.eg-stage .eg-headerbar{height:auto}.eg--play{container-type:size}.eg--play .eg-stage{--u:max(min(.42px, 100cqh / 1080), min(100cqw / 1920, 100cqh / 800));--eg-crop:max(0px, calc(1080 * var(--u)) - 100cqh);top:min(calc(50% - 540 * var(--u)), calc(100% - 1080 * var(--u)));transform:translate(-50%)}.eg--play .eg-headerbar,.eg--play .eg-logo,.eg--play .eg-clock,.eg--play .eg-pill,.eg--play .eg-pause,.eg--play .eg-mapcard{translate:0 var(--eg-crop)}.eg--play .eg-count{translate:0 calc(var(--eg-crop) / 2)}.eg-cover-title{left:calc(50% + (666.74 - 960) * var(--u));top:calc(50% + (255.86 - 540) * var(--u));width:calc(599.8 * var(--u));z-index:20;filter:drop-shadow(0 calc(10 * var(--u)) calc(26 * var(--u)) #00000073);position:absolute}.eg-gold-btn{min-width:calc(449.28 * var(--u));height:calc(99.91 * var(--u));padding:0 calc(40 * var(--u));border-radius:calc(11.3 * var(--u));color:#fff;font-family:inherit;font-size:calc(38 * var(--u));letter-spacing:calc(.5 * var(--u));cursor:pointer;box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff73, 0 calc(6 * var(--u)) calc(18 * var(--u)) #00000059;text-shadow:0 calc(2 * var(--u)) calc(3 * var(--u)) #5a3c0073;background:linear-gradient(135deg,#ceaa23 0%,#d9b843 46%,#e6ca6a 100%);border:none;font-weight:700;display:block;position:relative}.eg-gold-btn:disabled{filter:saturate(.4)brightness(.85);cursor:progress}.eg--cover .eg-gold-btn{left:50%;top:calc(50% + (827.95 - 540) * var(--u));z-index:21;position:absolute;transform:translate(-50%)}.eg-howto-btn{left:50%;top:calc(50% + (950 - 540) * var(--u));z-index:21;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(26 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));border:calc(2 * var(--u)) solid #ffffffb3;color:#fff;font-family:inherit;font-size:calc(26 * var(--u));white-space:nowrap;cursor:pointer;background:#00000073;border-radius:999px;font-weight:600;line-height:1.2;display:flex;position:absolute;transform:translate(-50%)}.eg-howto-btn:hover{background:#0009}.eg-howto-mark{width:calc(36 * var(--u));height:calc(36 * var(--u));font-weight:800;font-size:calc(24 * var(--u));background:linear-gradient(135deg,#ceaa23 0%,#e6ca6a 100%);border-radius:50%;place-items:center;display:grid}.eg-ghost-btn{border:calc(2 * var(--u)) solid #fff9;border-radius:calc(11.3 * var(--u));color:#fff;font-family:inherit;font-size:calc(30 * var(--u));padding:calc(14 * var(--u)) calc(40 * var(--u));cursor:pointer;background:#ffffff14;font-weight:600}.eg-close{right:calc(28 * var(--u));top:calc(96 * var(--u));width:max(32px, calc(58 * var(--u)));height:max(32px, calc(58 * var(--u)));border:calc(2 * var(--u)) solid #ffffffb3;color:#fff;font-size:calc(26 * var(--u));cursor:pointer;z-index:40;background:#0000008c;border-radius:50%;line-height:1;position:absolute}.eg-modal{z-index:36;-webkit-backdrop-filter:blur(calc(3 * var(--u)));backdrop-filter:blur(calc(3 * var(--u)));background:#0804129e;place-items:center;display:grid;position:absolute;inset:0}.eg-card{align-items:center;gap:calc(24 * var(--u));padding:calc(52 * var(--u)) calc(72 * var(--u));border-radius:calc(24 * var(--u));border:calc(6 * var(--u)) solid var(--eg-gold);background:var(--eg-purple);color:#fff;text-align:center;box-shadow:0 calc(18 * var(--u)) calc(52 * var(--u)) #00000080;flex-direction:column;display:flex}.eg-card h2{font-size:calc(52 * var(--u));margin:0;font-weight:800}.eg-final{align-items:center;gap:calc(16 * var(--u));font-size:calc(88 * var(--u));font-variant-numeric:tabular-nums;margin:0;font-weight:800;display:flex}.eg-final .eg-coin{width:calc(58 * var(--u));height:calc(58 * var(--u));font-size:calc(34 * var(--u));line-height:calc(58 * var(--u));margin-left:0}.sg{font-family:var(--tv-font);-webkit-user-select:none;user-select:none;touch-action:none;z-index:40;--u:var(--tv-quest-u);--sg-gold:#cba41a;--sg-gold-lo:#ceaa23;--sg-gold-hi:#e0c25c;--sg-ink:#2b1c06;--sg-deep:#12213c;--sg-band:#2a0f4d;--sg-own:#b8791a;background:#04121f;position:absolute;inset:0;overflow:hidden}.sg-stage{width:calc(1920 * var(--u));height:calc(1080 * var(--u));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sg-field{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sg-cover-bg{width:calc(2808 * var(--u));height:calc(1440 * var(--u));max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000)}.sg-bg{height:calc(1090.02 * var(--u));left:0;top:calc(-10.02 * var(--u));width:calc(4513.12 * var(--u));will-change:transform;max-width:none;position:absolute}.sg-bg--in{animation:.9s ease-in-out sg-fade}@keyframes sg-fade{0%{opacity:0}}.sg-headerbar{width:100%;height:var(--tv-hb-h);z-index:30;filter:drop-shadow(0 4px 16px #00000047);pointer-events:none;position:absolute;top:0;left:0}.sg-logo{left:calc(42 * var(--u));top:calc(36 * var(--u));width:calc(345.38 * var(--u));z-index:31;pointer-events:none;position:absolute}.sg-clock{left:0;right:0;top:calc(38 * var(--u));z-index:31;text-align:center;font-size:calc(84 * var(--u));letter-spacing:calc(1 * var(--u));color:#e8f6ff;-webkit-text-stroke:calc(5 * var(--u)) #fff;paint-order:stroke fill;text-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #183c5a8c, 0 0 calc(18 * var(--u)) #96d2ffb3;pointer-events:none;font-variant-numeric:tabular-nums;font-weight:800;position:absolute}.sg-pill{left:calc(1520.73 * var(--u));top:calc(16.06 * var(--u));width:calc(288.39 * var(--u));height:calc(58.86 * var(--u));border-radius:calc(29.43 * var(--u));border:calc(.96 * var(--u)) solid #ffffffd9;box-sizing:border-box;z-index:31;pointer-events:none;background:#0009;align-items:center;display:flex;position:absolute}.sg-coin{margin-left:calc(12.06 * var(--u));width:calc(45.52 * var(--u));height:calc(45.52 * var(--u));color:#5a3e00;font-size:calc(26 * var(--u));font-weight:800;line-height:calc(45.52 * var(--u));text-align:center;text-shadow:0 calc(1 * var(--u)) calc(1 * var(--u)) #ffffff59;background:radial-gradient(circle at 34% 30%,#ffe98a 0%,#ffda37 46%,#d79a05 100%);border-radius:50%;flex:none;position:relative}.sg-score{margin-left:calc(60 * var(--u));color:#fff;font-size:calc(40 * var(--u));font-variant-numeric:tabular-nums;font-weight:800}.sg-pause{left:calc(1819.85 * var(--u));top:calc(16.06 * var(--u));width:max(30px, calc(58.86 * var(--u)));height:max(30px, calc(58.86 * var(--u)));border:calc(.75 * var(--u)) solid #ffffffe6;cursor:pointer;z-index:32;background:#0009;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.sg-pause svg{width:calc(17 * var(--u));height:calc(34.14 * var(--u))}.sg-arrow{z-index:32;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;position:absolute}.sg-arrow svg{width:100%;height:100%;filter:drop-shadow(0 calc(2 * var(--u)) calc(6 * var(--u)) #00000059);transition:transform 90ms ease-out;overflow:visible}.sg-arrow:active svg{transform:scale(.93)}.sg-boat{z-index:12;will-change:background-position, top;filter:drop-shadow(0 calc(8 * var(--u)) calc(10 * var(--u)) #0014284d);background-repeat:no-repeat;position:absolute}.sg-drifter{z-index:10;will-change:transform;filter:drop-shadow(0 calc(4 * var(--u)) calc(7 * var(--u)) #00142859);position:absolute}.sg-drifter--rock{z-index:11;filter:drop-shadow(0 calc(6 * var(--u)) calc(9 * var(--u)) #00142873)}.sg-drifter--rock.sg-drifter--front{z-index:13}.sg-popup{z-index:20;font-size:calc(70 * var(--u));color:#fff;-webkit-text-stroke:calc(4 * var(--u)) var(--sg-ink);paint-order:stroke fill;text-shadow:0 calc(3 * var(--u)) calc(6 * var(--u)) #0006;pointer-events:none;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.sg-popup--bad{color:#ffd0d0;-webkit-text-stroke-color:#6d1414}.sg-mapcard{left:50%;top:calc(190 * var(--u));z-index:25;align-items:baseline;gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(34 * var(--u));border-radius:calc(40 * var(--u));border:calc(1.5 * var(--u)) solid #ffffff8c;color:#fff;font-size:calc(40 * var(--u));white-space:nowrap;pointer-events:none;background:#00000073;font-weight:700;animation:2.2s ease-out forwards sg-card;display:flex;position:absolute;transform:translate(-50%)}.sg-mapcard-n{color:var(--sg-gold-hi);font-size:calc(28 * var(--u))}@keyframes sg-card{0%{opacity:0;transform:translate(-50%, calc(-14 * var(--u)))}14%,74%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.sg-count{z-index:34;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sg-count img{height:calc(262 * var(--u));filter:drop-shadow(0 calc(8 * var(--u)) calc(24 * var(--u)) #0000008c);animation:.9s ease-out sg-pop}.sg-count-go{font-size:calc(200 * var(--u));color:#fff;-webkit-text-stroke:calc(8 * var(--u)) #2b1c068c;paint-order:stroke fill;filter:drop-shadow(0 calc(8 * var(--u)) calc(24 * var(--u)) #00000080);font-weight:800;animation:.7s ease-out sg-pop}@keyframes sg-pop{0%{opacity:0;transform:scale(1.7)}22%{opacity:1;transform:scale(1)}to{opacity:1}}.sg-stage .sg-headerbar{height:auto}.sg--play{container-type:size}.sg--play .sg-stage{--u:max(min(.42px, 100cqh / 1080), min(100cqw / 1920, 100cqh / 800));--sg-crop:max(0px, calc(1080 * var(--u)) - 100cqh);top:min(calc(50% - 540 * var(--u)), calc(100% - 1080 * var(--u)));transform:translate(-50%)}.sg--play .sg-headerbar,.sg--play .sg-logo,.sg--play .sg-clock,.sg--play .sg-pill,.sg--play .sg-pause,.sg--play .sg-mapcard{translate:0 var(--sg-crop)}.sg--play .sg-count{translate:0 calc(var(--sg-crop) / 2)}.sg--cover{container-type:size}.sg--cover .sg-stage{--sg-dx:calc((100cqw - 1920 * var(--u)) / 2);--sg-dy:calc((100cqh - 1080 * var(--u)) / 2)}.sg--cover .sg-headerbar{left:calc(-1 * var(--sg-dx));top:calc(-1 * var(--sg-dy));width:100cqw;height:var(--tv-hb-h)}.sg--cover .sg-logo{translate:calc(-1 * var(--sg-dx)) calc(-1 * var(--sg-dy))}.sg--cover .sg-close{translate:var(--sg-dx) calc(-1 * var(--sg-dy))}.sg-cover-title{left:calc(50% + (637.97 - 960) * var(--u));top:calc(50% + (302.25 - 540) * var(--u));width:calc(644.53 * var(--u));z-index:20;filter:drop-shadow(0 calc(10 * var(--u)) calc(26 * var(--u)) #00000073);position:absolute}.sg-tagline{z-index:21;text-align:center;font-size:calc(36 * var(--u));color:#fff;text-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #001e3cbf, 0 0 calc(16 * var(--u)) #00285080;pointer-events:none;font-weight:600;position:absolute;left:0;right:0}.sg-tagline--1{top:calc(679 * var(--u))}.sg-tagline--2{top:calc(722 * var(--u))}.sg-gold-btn{min-width:calc(449.28 * var(--u));height:calc(99.91 * var(--u));padding:0 calc(40 * var(--u));border-radius:calc(11.3 * var(--u));color:#fff;font-family:inherit;font-size:calc(38 * var(--u));letter-spacing:calc(.5 * var(--u));cursor:pointer;box-shadow:inset 0 calc(2 * var(--u)) 0 #ffffff73, 0 calc(6 * var(--u)) calc(18 * var(--u)) #00000059;text-shadow:0 calc(2 * var(--u)) calc(3 * var(--u)) #5a3c0073;background:linear-gradient(135deg,#ceaa23 0%,#d9b843 46%,#e6ca6a 100%);border:none;font-weight:700;display:block;position:relative}.sg-gold-btn:disabled{filter:saturate(.4)brightness(.85);cursor:progress}.sg--cover .sg-gold-btn{left:50%;top:calc(50% + (827.95 - 540) * var(--u));z-index:21;position:absolute;transform:translate(-50%)}.sg-howto-btn{left:50%;top:calc(50% + (950 - 540) * var(--u));z-index:21;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(26 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u));border:calc(2 * var(--u)) solid #ffffffb3;color:#fff;font-family:inherit;font-size:calc(26 * var(--u));white-space:nowrap;cursor:pointer;background:#00000073;border-radius:999px;font-weight:600;line-height:1.2;display:flex;position:absolute;transform:translate(-50%)}.sg-howto-btn:hover{background:#0009}.sg-howto-mark{width:calc(36 * var(--u));height:calc(36 * var(--u));font-weight:800;font-size:calc(24 * var(--u));background:linear-gradient(135deg,#ceaa23 0%,#e6ca6a 100%);border-radius:50%;place-items:center;display:grid}.sg-ghost-btn{border:calc(2 * var(--u)) solid #fff9;border-radius:calc(11.3 * var(--u));color:#fff;font-family:inherit;font-size:calc(30 * var(--u));padding:calc(14 * var(--u)) calc(40 * var(--u));cursor:pointer;background:#ffffff14;font-weight:600}.sg-close{right:calc(28 * var(--u));top:calc(96 * var(--u));width:max(32px, calc(58 * var(--u)));height:max(32px, calc(58 * var(--u)));border:calc(2 * var(--u)) solid #ffffffb3;color:#fff;font-size:calc(26 * var(--u));cursor:pointer;z-index:40;background:#0000008c;border-radius:50%;line-height:1;position:absolute}.sg-modal{z-index:36;-webkit-backdrop-filter:blur(calc(3 * var(--u)));backdrop-filter:blur(calc(3 * var(--u)));background:#020c189e;place-items:center;display:grid;position:absolute;inset:0}.sg-card{align-items:center;gap:calc(24 * var(--u));padding:calc(52 * var(--u)) calc(72 * var(--u));border-radius:calc(24 * var(--u));border:calc(6 * var(--u)) solid var(--sg-gold);background:var(--sg-deep);color:#fff;text-align:center;box-shadow:0 calc(18 * var(--u)) calc(52 * var(--u)) #00000080;flex-direction:column;display:flex}.sg-card h2{font-size:calc(52 * var(--u));margin:0;font-weight:800}.sg-final{align-items:center;gap:calc(16 * var(--u));font-size:calc(88 * var(--u));font-variant-numeric:tabular-nums;margin:0;font-weight:800;display:flex}.sg-final .sg-coin{width:calc(58 * var(--u));height:calc(58 * var(--u));font-size:calc(34 * var(--u));line-height:calc(58 * var(--u));margin-left:0}.ar{z-index:60;font-family:var(--tv-font);-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0d10;position:fixed;inset:0;overflow:hidden}.ar-cam{object-fit:cover;background:#0b0d10;width:100%;height:100%;position:absolute;inset:0}.ar-zoom{transform-origin:50%;pointer-events:none;transition:transform .22s ease-out;position:absolute;inset:0}.ar-zoom--live{transition:none}.ar-3d{pointer-events:none;inset:0;position:absolute!important}.ar-art{filter:drop-shadow(0 6px 18px #00000059);opacity:0;pointer-events:none;width:100%;height:auto;transition:opacity .4s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ar-art--in{opacity:1}@media (orientation:landscape){.ar-art{width:auto;height:86%;left:50%;transform:translate(-50%,-50%)}}.ar-status{color:#ffffffd1;letter-spacing:.02em;margin:0;font-size:clamp(13px,3.6vw,17px);animation:1.4s ease-in-out infinite ar-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ar-pulse{50%{opacity:.45}}.ar-notice{left:50%;bottom:max(24px, env(safe-area-inset-bottom,0px) + 18px);-webkit-backdrop-filter:blur(6px);color:#fff;text-align:center;background:#0c0e12c7;border-radius:14px;width:min(86vw,420px);padding:14px 18px;position:absolute;transform:translate(-50%)}.ar-notice p{margin:0;font-size:clamp(12px,3.4vw,15px);line-height:1.5}.ar-retry{color:#482f19;cursor:pointer;background:linear-gradient(90deg,#cba41a,#e1c562);border:0;border-radius:999px;margin-top:10px;padding:8px 22px;font-family:inherit;font-size:clamp(12px,3.4vw,15px);font-weight:700}.ar-close{top:max(14px, env(safe-area-inset-top,0px) + 10px);right:max(14px, env(safe-area-inset-right,0px) + 10px);aspect-ratio:1;-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0c0e128c;border:0;border-radius:50%;justify-content:center;align-items:center;width:clamp(38px,11vw,48px);padding:0;display:flex;position:absolute}.ar-tools{top:50%;right:max(14px, env(safe-area-inset-right,0px) + 10px);flex-direction:column;gap:12px;display:flex;position:absolute;transform:translateY(-50%)}.ar-tool{aspect-ratio:1;-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0c0e128c;border:0;border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,11vw,48px);padding:0;transition:opacity .2s;display:flex}.ar-tool:disabled{opacity:.35;cursor:default}.ar-hint{left:50%;bottom:max(24px, env(safe-area-inset-bottom,0px) + 18px);-webkit-backdrop-filter:blur(6px);color:#fff;text-align:center;pointer-events:none;background:#0c0e1299;border-radius:999px;max-width:80vw;margin:0;padding:8px 16px;font-size:clamp(12px,3.4vw,15px);position:absolute;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ar-zoom,.ar-art,.ar-status{transition:none;animation:none}}.gpu-notice{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0e0a1ab8;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.gpu-card{text-align:center;color:#241a33;border:clamp(4px, .42vw, 8px) solid var(--gold-mid,#cf9f30);background:#f5f3f7;border-radius:22px;flex-direction:column;align-items:center;width:min(560px,100%);margin:auto;padding:clamp(20px,2.4vw,36px) clamp(20px,2.8vw,44px);display:flex;box-shadow:0 24px 60px #00000080}.gpu-icon{width:44px;height:44px;color:var(--gold-mid,#cf9f30);margin-bottom:6px}.gpu-title{color:#4a1e7a;margin:0 0 8px;font-size:clamp(18px,1.6vw,24px);font-weight:800;line-height:1.35}.gpu-body{margin:0 0 18px;font-size:15px;line-height:1.55}.gpu-howto{text-align:left;align-self:stretch;margin:0 0 8px;font-size:15px;font-weight:800}.gpu-steps{text-align:left;align-self:stretch;margin:0 0 14px;padding-left:1.4em;font-size:14px;line-height:1.55}.gpu-steps li+li{margin-top:6px}.gpu-url{align-items:center;gap:8px;margin-top:4px;display:flex}.gpu-url code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #d6d0e0;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:13px}.gpu-url button{appearance:none;font:inherit;color:#fff;cursor:pointer;background:#1c1830;border:none;border-radius:8px;flex:none;padding:6px 12px;font-size:13px;font-weight:700}.gpu-url button:hover{background:#2a2444}.gpu-tip{text-align:left;color:#5a5268;align-self:stretch;margin:0 0 10px;font-size:13px}.gpu-renderer{text-align:left;color:#7a728a;overflow-wrap:anywhere;align-self:stretch;margin:0 0 18px;font-size:12px}.gpu-continue{appearance:none;font:inherit;border:2px solid var(--gold-mid,#cf9f30);color:#3a2600;cursor:pointer;background:0 0;border-radius:14px;padding:12px 28px;font-size:16px;font-weight:800}.gpu-continue:hover{background:#cf9f301f}