*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;background:#f4f6fa;overflow:hidden}.page{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#1a1a1a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.viewport-frame{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;background:#1a1a1a}.frame-decoration{position:absolute;top:0;left:0;width:750px;box-sizing:border-box;pointer-events:none;z-index:5;transform-origin:top left;border-style:solid;border-color:transparent;border-width:81px 0 76px 0;border-image-source:url(/assets/images/main/game_bg.png);border-image-slice:81 0 76 0 fill;border-image-repeat:stretch}.hud-corner{position:absolute;top:calc(55 / 750 * 100vw);right:calc(53 / 750 * 100vw);display:flex;align-items:center;gap:3.2vw;z-index:12}.hud-btn{border:0;background:transparent;padding:0;cursor:pointer;width:calc(80 / 750 * 100vw);height:calc(80 / 750 * 100vw);max-width:56px;max-height:56px;min-width:36px;min-height:36px;display:block;flex:0 0 auto}.hud-btn img{display:block;width:100%;height:100%;pointer-events:none}.hud-btn-off{opacity:.45;filter:grayscale(80%)}.world{position:absolute}.tile{position:absolute;width:1024px;height:1024px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.hotspot{position:absolute;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hotspot-hitbox-debug{position:absolute;pointer-events:none;filter:drop-shadow(0 0 var(--hitbox-pad-world, 16px) rgba(255,165,0,.95));z-index:1;-webkit-user-drag:none}.hitbox-banner{position:fixed;top:env(safe-area-inset-top);left:50%;transform:translate(-50%);z-index:2000;background:#dc1e1eeb;color:#fff;font-size:12px;padding:4px 10px;border-radius:0 0 6px 6px;pointer-events:none}.panel{position:relative;width:100%;aspect-ratio:750 / 254;flex-shrink:0;z-index:10}.panel-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.panel-title{position:absolute;left:calc(194 / 750 * 100%);top:calc(-49 / 254 * 100%);width:48.4%;height:auto;pointer-events:none}.panel-icons{position:absolute;left:calc(102 / 750 * 100%);top:calc(58 / 254 * 100%);width:52%;height:calc(162 / 254 * 100%);display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;column-gap:calc(28 / 750 * 100vw);row-gap:calc(20 / 750 * 100vw);align-items:center;justify-items:center}.panel-icon{width:100%;height:auto;max-height:100%;object-fit:contain}.lottery-btn{position:absolute;left:calc(548 / 750 * 100%);top:calc(80 / 254 * 100%);width:calc(108 / 750 * 100%);height:calc(111 / 254 * 100%);border:0;background:transparent;padding:0}.lottery-btn:not(:disabled){cursor:pointer}.lottery-btn img{display:block;width:100%;height:100%;pointer-events:none}.msg{position:absolute;left:4%;right:4%;bottom:4%;margin:0;color:#0f5132;font-size:12px;text-align:center;word-break:break-all}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:20}.result-modal{transition:opacity .5s ease-out}.modal-fading{opacity:0;pointer-events:none}.dialog{width:min(88vw,360px);background:#fff;border-radius:8px;padding:12px}.dialog img{width:100%;display:block}.actions{display:flex;justify-content:center;gap:16px;margin-top:8px}.confirm-card{width:min(68vw,320px);display:flex;flex-direction:column;align-items:center}.confirm-bg{width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.confirm-actions{display:flex;justify-content:center;gap:18px;margin-top:14px}.confirm-actions .btn-img img{height:42px;width:auto}.btn-img{border:0;background:transparent;padding:0;cursor:pointer}.btn-img img{display:block;height:44px;width:auto}.result-card{position:relative;width:min(88vw,460px);aspect-ratio:1 / 1;display:grid;place-items:center}.result-light{position:absolute;width:100%;animation:spin 10s linear infinite}.result-tips{position:relative;width:72%;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.certificate-modal{background:#0000;animation:cert-bg-in .38s ease-out forwards;z-index:25;cursor:pointer;-webkit-tap-highlight-color:transparent}.certificate-modal.certificate-closing{animation:cert-bg-out .32s ease-in forwards}.certificate-stage{position:relative;width:min(92vw,640px);display:flex;flex-direction:column;align-items:center;gap:14px;cursor:default}.certificate-title{margin:0;font-size:clamp(20px,5vw,30px);font-weight:800;letter-spacing:2px;color:#fff;text-align:center;text-shadow:0 0 14px rgba(255,220,130,.85),0 0 28px rgba(255,180,60,.55),0 2px 6px rgba(0,0,0,.55);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-12px) scale(.92);animation:cert-title-in .7s cubic-bezier(.34,1.56,.64,1) .6s forwards}.certificate-frame{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.certificate-glow{position:absolute;top:-12%;right:-8%;bottom:-12%;left:-8%;background:radial-gradient(ellipse at center,#ffe6a08c,#ffc86440,#ffc86400 70%);filter:blur(8px);opacity:0;transform:scale(.6);animation:cert-glow-in .7s ease-out .12s forwards,cert-glow-pulse 3.6s ease-in-out .82s infinite;pointer-events:none}.certificate-card{position:relative;width:100%;opacity:0;transform:scale(.4) rotate(-6deg);filter:blur(6px);animation:cert-in .82s cubic-bezier(.34,1.56,.64,1) 80ms forwards;transform-origin:center;will-change:transform,opacity,filter}.certificate-float{position:relative;width:100%;animation:cert-float 4.2s ease-in-out .9s infinite;will-change:transform}.certificate-img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 18px 48px #00000073;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.certificate-float:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;overflow:hidden;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.55) 52%,transparent 70%);background-size:220% 100%;background-position:-60% 0;opacity:0;mix-blend-mode:screen;animation:cert-shimmer 1.1s ease-out .7s 1 forwards}.certificate-shimmer{display:none}.certificate-modal.certificate-closing .certificate-card{animation:cert-out .32s ease-in forwards}.certificate-modal.certificate-closing .certificate-glow{animation:cert-glow-out .28s ease-in forwards}.certificate-modal.certificate-closing .certificate-title{animation:cert-title-out .26s ease-in forwards}@keyframes cert-bg-in{to{background:#0000009e}}@keyframes cert-bg-out{to{background:#0000}}@keyframes cert-in{0%{opacity:0;transform:scale(.4) rotate(-6deg);filter:blur(6px)}60%{opacity:1;transform:scale(1.05) rotate(1.5deg);filter:blur(0)}80%{transform:scale(.98) rotate(-.6deg)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes cert-out{to{opacity:0;transform:scale(.86);filter:blur(2px)}}@keyframes cert-glow-in{to{opacity:1;transform:scale(1)}}@keyframes cert-glow-out{to{opacity:0;transform:scale(.85)}}@keyframes cert-glow-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes cert-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cert-shimmer{0%{opacity:0;background-position:-60% 0}20%{opacity:.9}to{opacity:0;background-position:160% 0}}@keyframes cert-title-in{0%{opacity:0;transform:translateY(-12px) scale(.92)}60%{opacity:1;transform:translateY(2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cert-title-out{to{opacity:0;transform:translateY(-8px) scale(.95)}}@media (prefers-reduced-motion: reduce){.certificate-card,.certificate-float,.certificate-glow,.certificate-title,.certificate-float:after{animation-duration:1ms!important;animation-iteration-count:1!important}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0000008c;display:flex;align-items:center;justify-content:center}.guide-overlay{-webkit-user-select:none;user-select:none}.guide-card{position:relative;display:flex;align-items:center;justify-content:center}.guide-bg{display:block;width:min(86vw,480px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.guide-rule .guide-bg{width:min(82vw,460px)}.guide-btn-ok{position:absolute;bottom:-64px;left:50%;transform:translate(-50%);border:0;background:transparent;padding:0;cursor:pointer}.guide-btn-ok img{display:block;height:48px;width:auto}.guide-page1,.guide-page2{cursor:pointer}.guide-hand-swipe{position:absolute;width:24%;bottom:18%;left:28%;animation:guide-swipe 1.4s ease-in-out infinite;pointer-events:none}@keyframes guide-swipe{0%{transform:translate(0);opacity:0}15%{opacity:1}85%{transform:translate(90%);opacity:1}to{transform:translate(90%);opacity:0}}.guide-pinch{position:absolute;width:36%;bottom:22%;left:32%;pointer-events:none}.guide-pinch-a{animation:guide-pinch-a 1.2s steps(1) infinite}.guide-pinch-b{animation:guide-pinch-b 1.2s steps(1) infinite}@keyframes guide-pinch-a{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes guide-pinch-b{0%,49.9%{opacity:0}50%,to{opacity:1}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0c2540;overflow:hidden;display:flex;align-items:center;justify-content:center}.loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;opacity:0;transition:opacity .24s ease-out}.loading-bg-ready{opacity:1}.loading-content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:6vh;opacity:0;transition:opacity .28s ease-out}.loading-content-ready{opacity:1}.loading-icon{width:min(60vw,320px);height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.loading-progress{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(70vw,360px)}.loading-bar{position:relative;width:100%;height:12px;border-radius:99px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 2px 4px #00000073;overflow:hidden}.loading-bar-fill{position:relative;height:100%;width:0;background:linear-gradient(90deg,#5aa8ff,#82d6ff 60%,#d9f1ff);border-radius:99px;box-shadow:0 0 14px #82d6ffb3,inset 0 1px #ffffff8c;transition:width .35s cubic-bezier(.22,.61,.36,1);overflow:hidden}.loading-bar-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:220% 100%;background-position:-60% 0;animation:loading-shine 1.4s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.loading-percent{font-size:13px;font-weight:600;color:#fff;letter-spacing:1px;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(130,214,255,.55);-webkit-user-select:none;user-select:none}@keyframes loading-shine{0%{background-position:-60% 0}to{background-position:160% 0}}.orientation-blocker{display:none}@media (orientation: landscape) and (max-height: 500px){.orientation-blocker{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#132f5d;color:#fff;align-items:center;justify-content:center;font-size:18px;letter-spacing:4px}}@media (max-width: 480px){.toolbar-title{height:24px}.panel{padding:8px}.status-icons{gap:8px 12px}.status-icons img{width:16px;height:16px}.guide-btn-ok img{height:40px}}@media (max-height: 760px){.toolbar{padding:6px 10px}.toolbar-title{height:22px}.panel{padding:6px 8px}}.lottery-card{position:relative;width:min(80vw,360px);display:flex;flex-direction:column;align-items:center}.lottery-bg{position:relative;width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.lottery-close{position:absolute;top:-22px;right:-8px;border:0;background:transparent;padding:0;cursor:pointer;z-index:3}.lottery-close img{display:block;width:32px;height:32px}.lottery-input{position:absolute;left:26.5%;width:65%;height:5.6%;border:0;outline:none;background:transparent;font-size:16px;color:#1a1a1a;padding:0 8px;box-sizing:border-box;font-family:inherit}.lottery-input-name{top:32.23%;left:20.67%;width:72.22%;height:7.15%}.lottery-input-phone{top:41.96%;left:20.67%;width:72.22%;height:7.54%}.lottery-input-addr{top:51.89%;left:20.67%;width:72.22%;height:7.15%}.lottery-input::placeholder{color:transparent}.lottery-err{position:absolute;left:8%;right:8%;bottom:12%;margin:0;text-align:center;color:#c0392b;font-size:13px;z-index:2}.lottery-submit{margin-top:14px}.lottery-submit img{display:block;height:50px;width:auto}.lottery-submit:disabled{opacity:.6;cursor:not-allowed}.lottery-finish{position:relative;width:min(82vw,380px);background:#fff;border:4px solid #4caf50;border-radius:16px;padding:36px 24px 24px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000026}.lottery-finish-text{margin:0 0 22px;font-size:22px;font-weight:700;color:#1a4f1f;text-align:center;line-height:1.4}.lottery-finish-ok img{display:block;height:50px;width:auto}@media (max-height: 760px){.lottery-card{width:min(70vw,320px)}.lottery-input{font-size:14px}.lottery-submit img,.lottery-finish-ok img{height:44px}}