:root{--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at center,#26426e,#121c33 75%);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Trebuchet MS,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif}#game{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none}#game canvas{display:block;touch-action:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10;touch-action:none}.touch-layer{position:absolute;inset:0;pointer-events:none;display:none}.touch-layer.visible{display:block}.stick-zone{position:absolute;left:0;bottom:0;width:42%;height:62%;pointer-events:auto;touch-action:none}.stick-base{position:absolute;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#ffffff38 70%);border:4px solid rgba(255,255,255,.45);box-shadow:0 3px #00000040;left:calc(34px + var(--safe-l));bottom:calc(28px + var(--safe-b));opacity:.75;pointer-events:none}.stick-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd34d 35%,#f39c12);border:4px solid #2b1d0e;box-shadow:0 3px #00000059}.btn-cluster{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:250px;height:220px;pointer-events:none}.tbtn{position:absolute;border-radius:50%;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;font-weight:800;color:#fff;letter-spacing:0;line-height:1.05;-webkit-text-stroke:0;text-shadow:none;border:4px solid #2b1d0e;box-shadow:0 5px #00000059,inset 0 -6px #0000002e;opacity:.9;transition:transform .05s}.tbtn.down{transform:translateY(3px) scale(.95);box-shadow:0 2px #00000059,inset 0 -3px #0000002e;opacity:1}.tbtn.fire{width:104px;height:104px;right:0;bottom:0;font-size:24px;background:radial-gradient(circle at 35% 30%,#ff8a8a,#e63946)}.tbtn.fire small{display:block;font-size:15px;font-weight:800;margin-top:2px}.tbtn.fire.auto{background:#0a10206b;border:3px solid rgba(255,255,255,.85);box-shadow:none;opacity:.75}.tbtn.auto-chip{width:84px;height:36px;right:10px;bottom:114px;border-radius:18px;font-size:15px;background:#4d556b;border-width:3px;box-shadow:0 3px #00000059}.tbtn.auto-chip.on{background:#2fb344}.tbtn.action{width:84px;height:84px;right:118px;bottom:6px;font-size:21px;background:radial-gradient(circle at 35% 30%,#8fd8ff,#2d7dd2)}.tbtn.special{width:72px;height:72px;right:124px;bottom:100px;font-size:13px;line-height:1.15;text-align:center;padding:7px;word-break:keep-all;overflow-wrap:anywhere;color:#3a2400;background:radial-gradient(circle at 35% 30%,#ffe28a,#f39c12)}.tbtn.special.cooling{filter:grayscale(.7) brightness(.8)}.tbtn.special.none{display:none}.ad-banner{position:absolute;display:none;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#f1f1f1,#f1f1f1 10px,#e2e2e2 10px 20px);border:2px dashed #999;color:#666;font:600 12px/1 system-ui,sans-serif;border-radius:6px;pointer-events:none;opacity:.92}.ad-modal{position:absolute;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:50}.ad-modal-box{background:#222;color:#fff;padding:28px 34px;border-radius:16px;border:3px solid #555;text-align:center;font:700 18px/1.4 system-ui,sans-serif;min-width:280px}.ad-close{margin-top:18px;padding:10px 24px;border-radius:10px;border:0;font-weight:800;background:#555;color:#999}.ad-close.ready{background:#2fb344;color:#fff;cursor:pointer}#rotate-hint{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;background:#1b2a4a;color:#fff;font-weight:800;font-size:20px;text-align:center;padding:24px}.rotate-icon{font-size:64px;animation:spin 2s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(orientation:portrait)and (pointer:coarse)and (max-width:900px){#rotate-hint{display:flex}}.home-hint{position:absolute;top:calc(8px + var(--safe-t));left:50%;transform:translate(-50%);max-width:min(92vw,560px);display:flex;align-items:center;gap:10px;background:#0b1224eb;color:#fff;border:2px solid #ffe066;border-radius:14px;padding:8px 10px 8px 14px;font:700 14px/1.35 Apple SD Gothic Neo,system-ui,sans-serif;pointer-events:auto;z-index:60;transition:opacity 1s}.home-hint.fade{opacity:0}.home-hint b{color:#ffe066}.home-hint-close{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:#394766;color:#fff;font-size:16px;font-weight:800}@media(max-height:450px){.btn-cluster{transform:scale(.78);transform-origin:bottom right;right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b))}.stick-base{transform:scale(.82);transform-origin:center;left:calc(18px + var(--safe-l));bottom:calc(10px + var(--safe-b))}}.tbtn.cannon{width:72px;height:72px;right:216px;bottom:100px;font-size:13px;text-align:center;line-height:1.2;padding:7px;color:#04252d;background:radial-gradient(circle at 35% 30%,#bdffff,#24b6cd)}.tbtn.cannon.none{display:none}.tbtn.cannon.cooling{filter:grayscale(.7) brightness(.8)}
