:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#000;font-family:Segoe UI,Malgun Gothic,Pretendard,sans-serif}*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game-root{width:100%;height:100%}.game-viewport{background:#000;width:100vw;height:100dvh;position:relative;overflow:hidden}.game-phone{width:1080px;height:1912px;transform:translate(-50%, -50%) scale(var(--game-scale,.5));transform-origin:50%;background:#000;position:absolute;top:50%;left:50%;overflow:hidden}.game-stage{background:#01060e;width:1080px;height:1622px;position:relative;overflow:hidden}.exit-button{color:#01060e;letter-spacing:0;cursor:pointer;z-index:3;background:#fff;border:0;border-radius:999px;width:145px;height:145px;font-size:34px;font-weight:800;position:absolute;top:1435px;left:880px;box-shadow:0 8px #00000040}.exit-button:active{transform:translateY(2px)}.level-pill{color:#000;letter-spacing:0;background:#fff;border-radius:16px;place-items:center;width:190px;height:55px;font-family:Georgia,Times New Roman,serif;font-size:45px;font-weight:900;line-height:1;display:grid;position:absolute;top:194px;left:855px}.brand-logo{object-fit:contain;width:210px;height:118px;position:absolute;top:36px;right:34px}.game-prompt{display:none}.mission-card{color:#000;text-align:center;background:#ffb900;border-radius:0 34px 34px;align-content:center;justify-items:center;width:180px;height:140px;display:grid;position:absolute;top:271px;left:862px}.mission-card span{letter-spacing:0;margin-top:-8px;font-family:Georgia,Times New Roman,serif;font-size:38px;font-weight:700;line-height:1;display:block}.mission-card strong{letter-spacing:0;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:78px;font-weight:900;line-height:.88;display:block}.spot-panel{cursor:crosshair;touch-action:manipulation;background:#111;width:773px;height:773px;position:absolute;left:38px;overflow:hidden}.spot-panel-top{top:27px}.spot-panel-bottom{top:824px}.spot-panel img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.marker-layer,.feedback-layer{pointer-events:none;position:absolute;inset:0}.spot-marker{width:var(--marker-size);height:var(--marker-size);color:#fff;text-shadow:0 3px #0000009e,0 0 10px #00000075;background:#00d8c8ad;border:7px solid #fff;border-radius:999px;place-items:center;font-family:Arial,Segoe UI,Malgun Gothic,sans-serif;font-size:58px;font-weight:900;line-height:1;animation:.72s cubic-bezier(.2,1.18,.22,1) both marker-pop;display:grid;position:absolute;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 5px #0000008a,0 0 26px #00d8c8eb,inset 0 0 18px #ffffff57}.miss-mark{color:#ff2f2f;text-align:center;text-shadow:0 3px #000;opacity:0;background:#7800002e;border:10px solid #ff2f2ff5;border-radius:999px;width:112px;height:112px;font-size:91px;font-weight:900;line-height:86px;animation:.62s ease-out forwards miss-pop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 29px #ff2f2f9e}.timer-column{width:205px;height:720px;position:absolute;top:450px;left:850px}.timer-number{color:#fff;text-align:center;text-shadow:0 4px #000;width:205px;font-family:Georgia,Times New Roman,serif;font-size:74px;font-weight:900;line-height:1;position:absolute;top:0;left:0}.timer-warning .timer-number{color:#ff342f;text-shadow:0 4px #000,0 0 18px #ff342fd1;animation:.52s ease-in-out infinite timer-warning-pulse}.hive-image{object-fit:contain;filter:drop-shadow(0 8px 10px #00000040);width:112px;height:120px;position:absolute;top:92px;left:53px}.timer-warning .hive-image{animation:.42s ease-in-out infinite alternate hive-warning-flash}.timer-track{--timer-progress:100%;width:10px;height:500px;position:absolute;top:204px;left:103px}.timer-line{width:5px;height:var(--timer-progress);background:#ffb900;border-radius:999px;transition:height .18s linear;position:absolute;top:0;left:3px}.timer-warning .timer-line{background:#ff2f2f;box-shadow:0 0 18px #ff2f2fe6}.bee-image{object-fit:contain;filter:drop-shadow(0 9px 10px #00000059);width:135px;height:135px;transition:top .18s linear;position:absolute;top:100%;left:5px;transform:translate(-50%,-50%)}.timer-warning .bee-image{filter:drop-shadow(0 9px 10px #00000059)drop-shadow(0 0 14px #ff2f2fb8);animation:.22s ease-in-out infinite bee-warning-shake}@keyframes timer-warning-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hive-warning-flash{0%{filter:drop-shadow(0 8px 10px #00000040)drop-shadow(0 0 4px #ff2f2f4d);transform:scale(1)}to{filter:drop-shadow(0 8px 10px #00000040)drop-shadow(0 0 24px #ff2f2ff2);transform:scale(1.09)}}@keyframes bee-warning-shake{0%,to{transform:translate(-50%,-50%)translate(0)}25%{transform:translate(-50%,-50%)translate(-5px)}75%{transform:translate(-50%,-50%)translate(5px)}}.mistake-card{color:#fff;background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;width:190px;height:158px;display:grid;position:absolute;top:1234px;left:866px}.mistake-card span{letter-spacing:0;white-space:nowrap;font-size:37px;font-weight:900;line-height:1.08;display:block}.mistake-card strong{color:#ffb900;letter-spacing:0;margin-top:16px;font-size:82px;font-weight:900;line-height:.88;display:block}.celebration-layer{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration-layer[hidden]{display:none}.celebration-particle{opacity:0;animation:celebration-burst 1.3s cubic-bezier(.12, .76, .34, 1) var(--delay) forwards;border-radius:4px;position:absolute;transform:translate(-50%,-50%)scale(.3)rotate(0);box-shadow:0 0 12px #ffffff75}.celebration-particle:nth-child(3n){border-radius:999px}.celebration-particle:nth-child(4n){border-radius:2px}.stage-flash{animation:.22s ease-out stage-flash}.style-select-screen,.level-select-screen{z-index:15;color:#fff;background:#01060e;width:1080px;height:1622px;position:absolute;top:0;left:0;overflow:hidden}.style-select-screen{z-index:16}.style-select-screen[hidden],.level-select-screen[hidden]{display:none}.style-select-logo,.level-select-logo{object-fit:contain;width:210px;height:118px;position:absolute;top:36px;right:36px}.style-select-title,.level-select-title{color:#ffb900;letter-spacing:0;text-shadow:0 5px #000;margin:0;font-size:72px;font-weight:900;line-height:1;position:absolute;top:82px;left:70px}.level-select-title{font-size:66px;line-height:.95;top:74px;left:252px}.style-back-button{color:#01060e;letter-spacing:0;cursor:pointer;background:#fff;border:5px solid #ffb900;border-radius:16px;width:142px;height:68px;font-size:30px;font-weight:900;line-height:1;position:absolute;top:60px;left:60px}.style-back-button:active{transform:translateY(3px)}.level-select-style-name{color:#dfe8f4;letter-spacing:0;text-align:center;text-shadow:0 3px #000;width:964px;font-size:29px;font-weight:900;line-height:1;position:absolute;top:152px;left:58px}.style-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:340px;gap:24px;width:964px;height:1320px;padding-right:4px;display:grid;position:absolute;top:220px;left:58px;overflow-y:auto}.style-card{color:#fff;cursor:pointer;background:#050912;border:7px solid #ffb900;border-radius:28px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px #0000004d}.style-card:active{transform:translateY(4px);box-shadow:0 8px #0000004d}.style-card img{object-fit:cover;border-radius:18px;width:422px;height:170px;position:absolute;top:20px;left:20px}.style-card span{color:#fff;letter-spacing:0;text-align:center;text-overflow:ellipsis;text-shadow:0 4px #000;white-space:nowrap;font-size:38px;font-weight:900;line-height:1.05;position:absolute;top:216px;left:24px;right:24px;overflow:hidden}.style-card strong{color:#ffb900;letter-spacing:0;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:900;line-height:1;position:absolute;bottom:36px;left:24px;right:24px}.level-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px;gap:22px;width:964px;height:1238px;display:grid;position:absolute;top:245px;left:58px;overflow:hidden}.level-pagination{grid-template-columns:160px 1fr 160px;align-items:center;gap:18px;width:610px;height:82px;display:grid;position:absolute;top:1508px;left:236px}.level-page-button{color:#01060e;letter-spacing:0;cursor:pointer;background:#fff;border:6px solid #ffb900;border-radius:20px;height:72px;font-size:34px;font-weight:900}.level-page-button:active:not(:disabled){transform:translateY(3px)}.level-page-button:disabled{opacity:.36;cursor:default}#level-page-label{color:#fff;letter-spacing:0;text-align:center;text-shadow:0 4px #000;font-family:Georgia,Times New Roman,serif;font-size:43px;font-weight:900;line-height:1}.level-card{color:#fff;cursor:pointer;background:#050912;border:7px solid #ffb900;border-radius:28px;padding:0;position:relative;overflow:hidden;box-shadow:0 12px #0000004d}.level-card:not(:disabled):active{transform:translateY(4px);box-shadow:0 8px #0000004d}.level-card img{object-fit:cover;border-radius:18px;width:190px;height:190px;position:absolute;top:20px;left:20px}.level-card span{color:#fff;letter-spacing:0;text-align:center;text-shadow:0 4px #000;white-space:nowrap;width:220px;font-family:Georgia,Times New Roman,serif;font-size:45px;font-weight:900;line-height:1.02;position:absolute;top:78px;right:12px}.level-card:disabled{cursor:default}.level-card-cleared img{filter:grayscale()brightness(.64);opacity:.86}.level-card-locked{color:#9aa2ad;box-shadow:none;background:#02050b;border-color:#59606c}.level-card-locked img{filter:grayscale()brightness(.34);opacity:.58}.level-card-locked span{color:#8d96a3;text-shadow:none}.level-status-badge{color:#061016;letter-spacing:0;background:#00d8c8;border-radius:8px;place-items:center;min-width:108px;height:48px;font-size:27px;font-weight:1000;line-height:1;display:grid;position:absolute;bottom:28px;right:36px}.level-card-locked .level-status-badge{color:#c9d0d8;background:#343b46}.level-loading{z-index:25;color:#fff;letter-spacing:0;text-align:center;text-shadow:0 4px #000;background:#00000094;place-items:center;width:1080px;height:1622px;font-size:46px;font-weight:900;display:grid;position:absolute;top:0;left:0}.level-loading[hidden]{display:none}.level-loading div{background:#050912;border:7px solid #ffb900;border-radius:24px;padding:28px 44px}.banner-slot{background:#fff;width:1080px;height:290px;position:relative;overflow:hidden}.rolling-banner{--banner-bg:#03c75a;--banner-fg:#fff;--banner-accent:#111;background:var(--banner-bg);color:var(--banner-fg);grid-template-columns:132px minmax(0,1fr) 178px;align-items:center;column-gap:34px;padding:26px 48px;text-decoration:none;animation:.28s ease-out banner-slide-in;display:grid;position:absolute;inset:0}.rolling-banner:hover{filter:brightness(1.04)}.rolling-banner-image-only{background:#d3d3d3;padding:0;display:block}.rolling-banner-image-only .banner-image{object-fit:contain;object-position:center center;background:#d3d3d3;border-radius:0;width:100%;height:100%}.banner-emblem,.banner-image{border-radius:8px;width:126px;height:126px}.banner-emblem{color:var(--banner-bg);background:#fff;place-items:center;font-size:42px;font-weight:1000;line-height:1;display:grid}.banner-image{object-fit:cover;background:#ffffff24}.banner-copy{gap:8px;min-width:0;padding-right:18px;display:grid}.banner-copy strong,.banner-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.banner-copy strong{font-size:46px;font-weight:1000;line-height:1.08}.banner-copy span{opacity:.92;font-size:30px;font-weight:800;line-height:1.15}.banner-action{color:var(--banner-accent);white-space:nowrap;background:#fff;border-radius:8px;justify-self:end;padding:20px 26px;font-size:28px;font-weight:1000;line-height:1}.banner-disclosure{color:var(--banner-fg);opacity:.78;font-size:22px;font-weight:800;line-height:1;position:absolute;top:16px;right:48px}@keyframes banner-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.banner-skeleton{display:none}.game-modal{z-index:20;background:#000000a3;place-items:center;display:grid;position:absolute;inset:0}.game-modal[hidden]{display:none}.modal-panel{color:#fff;text-align:center;background:#050912;border:8px solid #ffb900;border-radius:34px;align-content:center;justify-items:center;gap:22px;width:650px;min-height:430px;padding:50px;display:grid;box-shadow:0 28px 90px #0000008c}.modal-title{color:#ffb900;margin:0;font-family:Georgia,Times New Roman,serif;font-size:82px;font-weight:900;line-height:1}.modal-message{min-height:72px;margin:0;font-size:38px;font-weight:800;line-height:1.2}.modal-actions{grid-template-columns:repeat(2,220px);gap:18px;margin-top:10px;display:grid}.modal-button{color:#000;cursor:pointer;background:#fff;border:0;border-radius:20px;height:82px;font-size:33px;font-weight:900}.modal-button-primary{background:#ffb900}.loading-state{color:#fff;text-align:center;background:#000;place-items:center;width:1080px;height:1912px;font-size:44px;font-weight:800;display:grid}@keyframes marker-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.58)}42%{opacity:1;transform:translate(-50%,-50%)scale(1.42)}66%{opacity:1;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes celebration-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}14%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(var(--spin))}}@keyframes miss-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-70%)scale(.92)}}@keyframes stage-flash{0%{filter:none}50%{filter:sepia(.5)saturate(1.8)brightness(1.08)}to{filter:none}}