:root{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}#root{position:fixed;inset:48px 0 0;overflow:hidden}body:not(:has(>.ssp-header)) #root{top:0}body{color:#eaf0ff;overscroll-behavior:none;touch-action:manipulation;background:#0c1228}button{cursor:pointer;font-family:inherit}.cd-root{--cd-bg:#eafaf3;--cd-panel:#ffffff6b;--cd-panel-deep:#ffffffe0;--cd-line:#00000014;--cd-line-strong:#00000024;--cd-text:#18181b;--cd-text-dim:#71717a;--cd-accent:#ff3a73;--cd-accent-deep:#ed1d5e;--cd-shadow:0 6px 22px #11182729;--cd-ease:cubic-bezier(.16, 1, .3, 1);width:100%;height:100%;color:var(--cd-text);-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 50% 0,#d6f5ea,#0000 70%),linear-gradient(#eafaf3,#e3f6f1);position:relative}.cd-rotate-guide{text-align:center;color:var(--cd-text);background:radial-gradient(80% 60% at 50% 0%, #cdf3e6, transparent 70%), var(--cd-bg);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:none;position:absolute;inset:0}.cd-rotate-icon{color:var(--cd-accent);animation:cd-rotate-hint 2s var(--cd-ease) infinite}.cd-rotate-guide p{max-width:320px;color:var(--cd-text-dim);margin:0;font-size:17px;line-height:1.65}.cd-rotate-guide strong{color:var(--cd-text);font-weight:700}@keyframes cd-rotate-hint{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.cd-game{width:100%;height:100%;position:relative;overflow:hidden}@media (orientation:portrait){.cd-rotate-guide{display:flex}.cd-game{display:none}}.cd-stage{z-index:1;background:0 0;position:absolute;inset:0}.cd-canvas{touch-action:none;width:100%;height:100%;display:block}.cd-status-pill{border:1px solid var(--cd-line);-webkit-backdrop-filter:blur(8px);box-shadow:var(--cd-shadow);color:var(--cd-text-dim);white-space:nowrap;pointer-events:none;z-index:6;background:#ffffff9e;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:700;position:absolute;top:64px;left:50%;transform:translate(-50%)}.cd-status-pill[data-mine=true]{color:var(--cd-accent);border-color:#ff3a7366}.cd-hud{z-index:5;background:var(--cd-panel);-webkit-backdrop-filter:blur(14px);border:1px solid var(--cd-line);box-shadow:var(--cd-shadow);color:var(--cd-text);border-radius:18px;align-items:center;gap:12px;padding:7px 12px;display:flex;position:absolute;top:8px;left:8px;right:8px}.cd-hp{flex:1 1 0;min-width:0;max-width:32%}.cd-hp-top{justify-content:space-between;align-items:baseline;gap:6px;font-size:13px;display:flex}.cd-hp-enemy .cd-hp-top{flex-direction:row-reverse}.cd-hp-name{letter-spacing:-.01em;align-items:center;gap:5px;font-weight:700;display:inline-flex}.cd-hp-char{color:var(--cd-accent);white-space:nowrap;background:#ff3a731a;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}.cd-turn-dot{background:var(--cd-accent);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite cd-pulse;box-shadow:0 0 6px #ff3a73cc}@keyframes cd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.cd-hp-num{font-variant-numeric:tabular-nums;font-weight:600}.cd-hp-num small{color:var(--cd-text-dim);font-weight:500}.cd-hp-track{background:#00000014;border:1px solid #0000000d;border-radius:999px;height:12px;margin-top:5px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.cd-hp-enemy .cd-hp-track{transform:scaleX(-1)}.cd-hp-fill{height:100%;transition:width .3s var(--cd-ease), background .3s ease;border-radius:999px;box-shadow:inset 0 1px #ffffff59}.cd-hud-center{flex:none;align-items:stretch;gap:6px;display:flex}.cd-hud-chip{border:1px solid var(--cd-line);color:inherit;background:#00000009;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px 11px;line-height:1.25;display:flex}.cd-chip-label{letter-spacing:.04em;color:var(--cd-text-dim);font-size:10.5px}.cd-chip-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:15px;font-weight:700}.cd-wind-gauge{border:1px solid var(--cd-line);color:inherit;background:#00000009;border-radius:12px;align-items:center;gap:clamp(5px,1.5vh,8px);padding:clamp(3px,.9vh,4px) clamp(8px,2.6vh,11px);display:flex}.cd-wind-gauge:not([data-zero=true]){background:#0000000d;border-color:#00000024}.cd-wind-meter{align-items:center;display:flex}.cd-wind-side{gap:2px;display:flex}.cd-wind-left{flex-direction:row-reverse}.cd-wind-center{background:var(--cd-text-dim);opacity:.55;border-radius:1px;width:2px;height:clamp(11px,3vh,14px);margin:0 3px}.cd-wind-seg{background:#0000001f;border-radius:2px;width:clamp(4px,1.2vh,6px);height:clamp(11px,3vh,14px);transition:background .2s}.cd-wind-arrow{color:var(--cd-text-dim);font-size:clamp(9px,2.6vh,12px);line-height:1}.cd-wind-arrow[data-on=false]{visibility:hidden}.cd-wind-num{text-align:right;font-variant-numeric:tabular-nums;min-width:clamp(14px,4vh,20px);color:var(--cd-text-dim);font-size:clamp(13px,3.4vh,15px);font-weight:800}.cd-diff-btn,.cd-icon-btn{cursor:pointer;transition:transform .12s,background .15s,border-color .15s}.cd-diff-btn:active,.cd-icon-btn:active{transform:scale(.94)}.cd-icon-btn{color:var(--cd-text);padding:4px 10px}.cd-icon-btn[data-off=true]{color:var(--cd-text-dim);background:#00000005}.cd-controls{bottom:8px;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(14px);border:1px solid var(--cd-line);box-shadow:var(--cd-shadow);color:var(--cd-text);background:#ffffff38;border-radius:18px;align-items:stretch;gap:12px;padding:9px 12px;display:flex;position:absolute}.cd-control-group{flex-direction:column;align-items:center;gap:4px;display:flex}.cd-control-label{letter-spacing:.05em;color:var(--cd-text-dim);font-size:11.5px}.cd-stepper{align-items:center;gap:6px;display:flex}.cd-step-btn{border:1px solid var(--cd-line-strong);width:46px;height:46px;color:var(--cd-text);touch-action:none;-webkit-touch-callout:none;background:linear-gradient(#fff,#f1f2f4);border-radius:14px;justify-content:center;align-items:center;line-height:1;transition:transform .12s,background .15s;display:flex;box-shadow:inset 0 1px #ffffffe6,0 2px 6px #1118271f}.cd-step-btn:active{background:#ececef;transform:scale(.92)}.cd-step-btn:disabled{opacity:.4}.cd-value{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-width:56px;font-size:22px;font-weight:800}.cd-value small{color:var(--cd-text-dim);font-size:14px;font-weight:600}.cd-ammo-group{flex:0 auto}.cd-ammo-buttons{gap:6px;display:flex}.cd-ammo-btn{border:1px solid var(--cd-line-strong);min-height:46px;color:var(--cd-text-dim);background:#f4f4f5;border-radius:999px;padding:0 13px;font-size:14px;font-weight:700;transition:transform .12s,background .15s,border-color .15s,color .15s}.cd-ammo-btn:active{transform:scale(.95)}.cd-ammo-btn.is-selected{color:var(--cd-accent);background:#ff3a731f;border-color:#ff3a738c}.cd-ammo-btn:disabled{opacity:.4}.cd-ammo-count{font-variant-numeric:tabular-nums;color:var(--cd-text-dim);margin-left:5px;font-size:11px;font-weight:800}.cd-ammo-btn.is-selected .cd-ammo-count{color:var(--cd-accent)}.cd-fire-group{flex-direction:column;flex:none;justify-content:center;align-items:stretch;gap:6px;min-width:180px;margin-left:auto;display:flex}.cd-power{align-items:center;gap:8px;display:flex}.cd-power-track{background:#00000014;border:1px solid #0000000d;border-radius:999px;flex:auto;min-width:96px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001f}.cd-power-fill{background:linear-gradient(90deg,#ff7aa6,#ff3a73);border-radius:999px;height:100%;box-shadow:inset 0 1px #ffffff59}.cd-power-fill[data-charging=true]{background:linear-gradient(90deg,#ff9bbb,#ed1d5e)}.cd-power-num{text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-size:15px;font-weight:800}.cd-fire-btn{white-space:nowrap;touch-action:none;-webkit-touch-callout:none;color:#fff;letter-spacing:.02em;background:linear-gradient(#ff5a8c,#ed1d5e);border:1px solid #ed1d5e8c;border-radius:999px;min-height:52px;padding:0 20px;font-size:18px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:inset 0 1px #fff6,0 4px #b51149,0 8px 18px #ed1d5e52}.cd-fire-btn:active{transform:translateY(3px);box-shadow:inset 0 1px #fff6,0 1px #b51149,0 3px 8px #ed1d5e40}.cd-fire-btn:disabled{opacity:.4;box-shadow:none}.cd-fire-btn.is-charging{animation:.5s ease-in-out infinite cd-charge-pulse}@keyframes cd-charge-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.cd-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#11182773;justify-content:center;align-items:center;padding:16px;animation:.25s both cd-fade-in;display:flex;position:absolute;inset:0}@keyframes cd-fade-in{0%{opacity:0}to{opacity:1}}.cd-modal{border:1px solid var(--cd-line);width:min(440px,94%);max-height:94%;color:var(--cd-text);animation:cd-modal-pop .35s var(--cd-ease) both;background:#fff;border-radius:22px;padding:24px 24px 18px;overflow:auto;box-shadow:0 24px 60px #11182747}@keyframes cd-modal-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cd-modal-title{text-align:center;letter-spacing:-.02em;margin:0 0 14px;font-size:30px;font-weight:800}.cd-modal-title.is-win{color:#16a34a}.cd-modal-title.is-lose{color:#ef4444}.cd-modal-subtitle{text-align:center;color:var(--cd-text-dim);margin:-8px 0 14px;font-size:14px;font-weight:600}.cd-score-row{justify-content:center;align-items:center;gap:10px;margin-bottom:14px;display:flex}.cd-score-label{color:var(--cd-text-dim);font-size:14px}.cd-score-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--cd-accent);font-size:32px;font-weight:900}.cd-badge{background:linear-gradient(180deg, #ff5a8c, var(--cd-accent-deep));color:#fff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #fff6}.cd-badge-inline{color:var(--cd-accent);font-size:12px;font-style:normal;font-weight:800}.cd-record-list{border-top:1px solid var(--cd-line);margin:0 0 18px;padding:0;list-style:none}.cd-record-list li{border-bottom:1px solid var(--cd-line);justify-content:space-between;align-items:center;padding:10px 2px;font-size:15px;display:flex}.cd-record-list span{color:var(--cd-text-dim)}.cd-record-list strong{font-variant-numeric:tabular-nums;font-weight:700}.cd-modal-actions{gap:10px;display:flex}.cd-btn{letter-spacing:.02em;border:none;border-radius:999px;flex:1;min-height:52px;font-size:17px;font-weight:800;transition:transform .12s}.cd-btn-primary{color:#fff;background:linear-gradient(#ff5a8c,#ed1d5e);border:1px solid #ed1d5e8c;box-shadow:inset 0 1px #fff6,0 3px #b51149}.cd-btn-ghost{border:1px solid var(--cd-line-strong);color:var(--cd-text);background:#f4f4f5}.cd-btn:active{transform:scale(.97)}.cd-ad-slot{height:60px;color:var(--cd-text-dim);background:#00000005;border:1px dashed #0000002e;border-radius:13px;justify-content:center;align-items:center;margin-top:16px;font-size:13px;display:flex}.cd-root button:focus-visible{outline:2px solid var(--cd-accent);outline-offset:2px}@media (orientation:landscape){.cd-hud{border-radius:clamp(14px,4vh,18px);gap:clamp(8px,2.5vh,12px);padding:clamp(4px,1.4vh,7px) clamp(9px,3vh,12px);top:clamp(6px,1.8vh,8px);left:clamp(6px,1.8vh,8px);right:clamp(6px,1.8vh,8px)}.cd-hp-top{font-size:clamp(12px,9.6px + .8vh,13px)}.cd-hp-num{white-space:nowrap}.cd-hp-track{height:clamp(8px,2.5px + 1.8vh,12px);margin-top:clamp(3px,1vh,5px)}.cd-hud-chip{padding:clamp(3px,.9vh,4px) clamp(9px,2.8vh,11px)}.cd-chip-label{font-size:clamp(9px,7px + .65vh,10.5px)}.cd-chip-value{font-size:clamp(12.5px,9px + 1.15vh,15px)}.cd-icon-btn{padding:clamp(3px,.9vh,4px) clamp(8px,2.5vh,10px)}.cd-status-pill{padding:clamp(4px,1.2vh,5px) clamp(12px,3.8vh,14px);font-size:clamp(11.5px,3vh,12.5px);top:clamp(44px,12vh,64px)}.cd-controls{bottom:clamp(5px,1.4vh,8px);left:clamp(6px,1.8vh,8px);right:clamp(6px,1.8vh,8px);bottom:max(clamp(5px, 1.4vh, 8px), env(safe-area-inset-bottom));border-radius:clamp(14px,4vh,18px);align-items:center;gap:clamp(8px,2.5vh,12px);padding:clamp(4px,1.1vh,8px) clamp(9px,3vh,12px)}.cd-control-group{gap:clamp(1px,.35vh,3px)}.cd-control-label{font-size:clamp(10px,8px + .65vh,11.5px)}.cd-stepper{gap:clamp(5px,1.5vh,6px)}.cd-step-btn{border-radius:clamp(11px,3vh,14px);width:clamp(30px,13px + 5vh,44px);height:clamp(30px,13px + 5vh,44px)}.cd-value{min-width:clamp(44px,18px + 7.3vh,56px);font-size:clamp(16px,8px + 2.7vh,22px)}.cd-value small{font-size:clamp(12px,3vh,14px)}.cd-ammo-buttons{gap:clamp(5px,1.5vh,6px)}.cd-ammo-btn{min-height:clamp(30px,13px + 5vh,44px);padding:0 clamp(10px,3.2vh,13px);font-size:clamp(13px,3.4vh,14px)}.cd-fire-group{gap:clamp(2px,.6vh,5px);min-width:clamp(138px,80px + 18vh,180px)}.cd-power-track{min-width:clamp(70px,40px + 10vh,96px);height:clamp(8px,2.5px + 1.8vh,12px)}.cd-power-num{font-size:clamp(13px,3.4vh,15px)}.cd-fire-btn{min-height:clamp(36px,15px + 5.5vh,48px);padding:0 clamp(14px,4vh,20px);font-size:clamp(14px,8.5px + 1.8vh,18px)}.cd-modal-title{font-size:clamp(24px,8vh,30px)}}@media (orientation:landscape) and (height<=330px){.cd-control-label{display:none}.cd-control-group{gap:0}}