.tutorial-container[data-v-586cbe53]{background:radial-gradient(ellipse 120% 90% at 50% 42%,transparent 52%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,#22223f,#1a1a2e 46%,#12122a);bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:56px;width:100vw}.game-container[data-v-586cbe53]{height:calc(100vh - 56px);margin:0 auto;max-width:800px;width:100%}.tutorial-container.platform-top[data-v-586cbe53]{top:0}.tutorial-container.platform-top .game-container[data-v-586cbe53]{height:calc(100vh - max(env(safe-area-inset-top,0px),var(--safe-top, 0px)));height:calc(100dvh - max(env(safe-area-inset-top,0px),var(--safe-top, 0px)));margin-top:max(env(safe-area-inset-top,0px),var(--safe-top,0px))}.game-container canvas[data-v-586cbe53]{display:block;touch-action:none}.skip-panel[data-v-586cbe53]{align-items:flex-end;background:#dbeafe;border:2px solid #fff;border-radius:12px;bottom:14px;color:#1f2937;display:flex;flex-direction:column;gap:4px;padding:4px 30px 6px 12px;position:fixed;right:12px;z-index:2200}.skip-close[data-v-586cbe53]{align-items:center;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:3px;top:3px;width:20px}.skip-close[data-v-586cbe53]:hover{background:#1f29371a;color:#1f2937}.skip-close[data-v-586cbe53]:active{transform:scale(.88)}.skip-check[data-v-586cbe53]{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skip-btn[data-v-586cbe53]{background:#dcfce7;border:none;border-radius:8px;color:#166534;cursor:pointer;font-size:13px;font-weight:700;padding:4px 16px}.skip-btn[data-v-586cbe53]:active{transform:scale(.96)}.complete-overlay[data-v-586cbe53]{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:2200}.complete-card[data-v-586cbe53]{align-items:center;background:#fefce8;border:4px solid #fff;border-radius:20px;box-shadow:0 10px 40px #00000059,0 0 0 2px #ffffffe6;display:flex;flex-direction:column;gap:18px;padding:32px 44px;pointer-events:auto}.complete-title[data-v-586cbe53]{color:#1f2937;text-align:center}.complete-line1[data-v-586cbe53]{font-size:22px;font-weight:700;line-height:1.35}.complete-line2[data-v-586cbe53]{color:#4b5563;font-size:16px;font-weight:400;line-height:1.4;margin-top:6px}.complete-btn[data-v-586cbe53]{animation:wpBreathBtn 1.6s ease-in-out infinite;background:#f59e0b;border:none;border-radius:10px;color:#1f2937;cursor:pointer;font-size:16px;font-weight:700;padding:9px 44px}.complete-btn[data-v-586cbe53]:active{transform:scale(.96)}