.mode-picker[data-v-d7724a41]{width:100%;max-width:900px;margin:0 auto}.page-header[data-v-d7724a41]{padding:12px 0 0}.page-icon[data-v-d7724a41]{color:var(--v13c1a5f0)}.main-card[data-v-d7724a41]{background:var(--v2f7f090c);box-shadow:0 4px 20px #00000014}.section[data-v-d7724a41]{margin-bottom:24px}.section[data-v-d7724a41]:last-of-type{margin-bottom:12px}.section-divider[data-v-d7724a41]{margin:20px 0;font-weight:600}.section-title[data-v-d7724a41]{font-size:18px;color:var(--v13c1a5f0)}.mode-card[data-v-d7724a41]{height:100%;transition:all .3s ease;border:1px solid var(--v1f2a835e);background:var(--v2f7f090c)}.mode-card[data-v-d7724a41]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--v13c1a5f0)}.word-card[data-v-d7724a41]:hover{box-shadow:0 8px 24px #00000026;border-color:var(--f0f91ba4)}.mode-icon[data-v-d7724a41]{color:var(--v13c1a5f0);transition:transform .3s ease}.mode-card:hover .mode-icon[data-v-d7724a41]{transform:scale(1.1)}.mode-content[data-v-d7724a41]{display:flex;flex-direction:column;gap:16px;min-height:120px}.mode-description[data-v-d7724a41]{flex:1;color:#555;font-size:14px;line-height:1.6;margin:0}.mode-footer[data-v-d7724a41]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}.mode-tag[data-v-d7724a41]{font-family:Monaco,Menlo,monospace;font-size:11px}.play-button[data-v-d7724a41]{transition:all .2s ease;font-weight:600}.play-button[data-v-d7724a41]:hover{transform:scale(1.05)}.play-button[data-v-d7724a41]:active{transform:scale(.98)}.help-text[data-v-d7724a41]{background:var(--e3c98988);padding:16px 20px;border-radius:8px;border-left:4px solid var(--v13c1a5f0);opacity:.9}.help-text p[data-v-d7724a41]{margin:6px 0;font-size:14px}.help-text kbd[data-v-d7724a41]{background:var(--v2f7f090c);padding:2px 8px;border-radius:4px;border:1px solid var(--v1f2a835e);font-family:monospace;font-size:12px;box-shadow:0 1px 2px #0000001a}@media (max-width: 768px){.mode-picker[data-v-d7724a41]{max-width:100%}.mode-content[data-v-d7724a41]{min-height:100px}.section-title[data-v-d7724a41]{font-size:16px}.mode-icon[data-v-d7724a41]{font-size:20px}.help-text[data-v-d7724a41]{padding:12px 16px}.help-text p[data-v-d7724a41]{font-size:13px}}.virtual-keyboard[data-v-fab112f1]{background:linear-gradient(135deg,#fff,#f9fffe);border-radius:12px;padding:16px;box-shadow:0 4px 16px #00000014;border:2px solid rgba(24,160,88,.1);max-width:700px;margin:0 auto}.virtual-keyboard.high-contrast[data-v-fab112f1]{background:#0b0b0b;border-color:#fff;box-shadow:0 4px 16px #0006}.keyboard-header[data-v-fab112f1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(24,160,88,.1)}.keyboard-title[data-v-fab112f1]{font-weight:700;font-size:16px;color:#18a058}.keyboard-hint[data-v-fab112f1]{font-size:12px;color:#666;font-style:italic}.keyboard-rows[data-v-fab112f1]{display:flex;flex-direction:column;gap:8px}.keyboard-row[data-v-fab112f1]{display:flex;justify-content:center;gap:6px}.keyboard-row.row-2[data-v-fab112f1]{padding:0 20px}.keyboard-row.row-3[data-v-fab112f1]{padding:0 40px}.key-button[data-v-fab112f1]{min-width:44px;min-height:48px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;background:linear-gradient(135deg,#fff,#f5f5f5);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc;cursor:pointer;transition:all .15s ease;font-family:system-ui,-apple-system,sans-serif;font-weight:600;font-size:16px;color:#333;flex:1;max-width:60px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation}.key-button[data-v-fab112f1]:hover{background:linear-gradient(135deg,#f0fff4,#e8f5e9);border-color:#18a058;transform:translateY(-2px);box-shadow:0 4px 8px #18a05826,inset 0 1px #fffc}.key-button[data-v-fab112f1]:active,.key-button.pressed[data-v-fab112f1]{background:linear-gradient(135deg,#18a058,#0c7a43);border-color:#0c7a43;transform:translateY(0) scale(.96);box-shadow:inset 0 2px 4px #0003}.key-button:active .key-label[data-v-fab112f1],.key-button.pressed .key-label[data-v-fab112f1]{color:#fff}.key-label[data-v-fab112f1]{font-size:18px;line-height:1;transition:color .15s ease}.virtual-keyboard.high-contrast .key-button[data-v-fab112f1]{background:#111;border-color:#fff;color:#fff;box-shadow:0 2px 6px #0006}.virtual-keyboard.high-contrast .key-button[data-v-fab112f1]:hover{background:#222;border-color:#fffb;box-shadow:0 4px 8px #ffffff26}.virtual-keyboard.high-contrast .key-button[data-v-fab112f1]:active,.virtual-keyboard.high-contrast .key-button.pressed[data-v-fab112f1]{background:#fff;color:#000;border-color:#fff;box-shadow:inset 0 2px 4px #0006}.virtual-keyboard.high-contrast .key-label[data-v-fab112f1]{color:inherit}@media (max-width: 768px){.virtual-keyboard[data-v-fab112f1]{padding:12px;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000001a}.keyboard-header[data-v-fab112f1]{margin-bottom:12px;padding-bottom:10px}.keyboard-title[data-v-fab112f1]{font-size:14px}.keyboard-hint[data-v-fab112f1]{font-size:11px}.keyboard-rows[data-v-fab112f1]{gap:6px}.keyboard-row[data-v-fab112f1]{gap:4px}.keyboard-row.row-2[data-v-fab112f1]{padding:0 10px}.keyboard-row.row-3[data-v-fab112f1]{padding:0 20px}.key-button[data-v-fab112f1]{min-width:32px;min-height:44px;padding:6px 8px;max-width:50px;font-size:14px}.key-label[data-v-fab112f1]{font-size:16px}}@media (max-width: 480px){.key-button[data-v-fab112f1]{min-width:28px;min-height:40px;padding:4px 6px;max-width:42px}.key-label[data-v-fab112f1]{font-size:15px}.keyboard-rows[data-v-fab112f1]{gap:5px}.keyboard-row[data-v-fab112f1]{gap:3px}}@media (hover: none) and (pointer: coarse){.key-button[data-v-fab112f1]{min-height:48px}.key-button[data-v-fab112f1]:hover{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#e0e0e0;transform:none;box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}}.game-canvas-wrapper[data-v-1bbca32e]{height:100%;display:flex;flex-direction:column;background:var(--a028f50a);width:100%;max-width:100vw}.canvas-container[data-v-1bbca32e]{flex:1;display:flex;position:relative;overflow:hidden;min-height:50vh}.game-canvas[data-v-1bbca32e]{width:100%;height:100%;cursor:crosshair}.controls-bar[data-v-1bbca32e]{background:var(--v56a0f8cd);border-top:1px solid var(--v52b3aa20);padding:4px 8px;box-shadow:0 -2px 8px #00000014}.controls-content[data-v-1bbca32e]{max-width:none;margin:0;width:100%;display:flex;gap:6px;justify-content:space-between;align-items:center;flex-wrap:nowrap;overflow-x:auto}.controls-left[data-v-1bbca32e],.controls-right[data-v-1bbca32e]{display:flex;align-items:center;gap:8px;flex-shrink:0}.progress-bar[data-v-1bbca32e]{width:200px;transition:all .3s ease}.keyboard-container[data-v-1bbca32e]{background:var(--v56a0f8cd);border-top:2px solid var(--v52b3aa20);padding:8px;box-shadow:0 -4px 20px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.keyboard-container.mobile[data-v-1bbca32e]{position:sticky;bottom:0;left:0;right:0;z-index:100;padding:12px 8px;padding-bottom:calc(12px + env(safe-area-inset-bottom));max-height:35vh;overflow-y:auto}.slide-up-enter-active[data-v-1bbca32e],.slide-up-leave-active[data-v-1bbca32e]{transition:all .3s ease}.slide-up-enter-from[data-v-1bbca32e],.slide-up-leave-to[data-v-1bbca32e]{opacity:0;transform:translateY(100%)}@media (max-width: 768px){.canvas-container[data-v-1bbca32e]{min-height:40vh}.controls-bar[data-v-1bbca32e]{padding:4px 8px}.controls-content[data-v-1bbca32e],.controls-left[data-v-1bbca32e],.controls-right[data-v-1bbca32e]{gap:6px}.progress-bar[data-v-1bbca32e]{width:100px;flex-shrink:1;min-width:60px}.game-canvas[data-v-1bbca32e]{cursor:default}}.balloon-preview[data-v-04f9bdc9]{padding:12px;background:linear-gradient(135deg,#f0fff4,#f0f9ff);border-radius:8px;border:2px solid rgba(24,160,88,.1)}.balloon-item[data-v-04f9bdc9]{display:flex;flex-direction:column;align-items:center;padding:8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.overlay-card[data-v-873cf8ac]{width:100%;max-width:100%;background:var(--n-drawer-color, var(--n-card-color));color:var(--n-text-color, #000000);border:1px solid var(--n-border-color);box-shadow:0 12px 32px #00000040;padding:16px;box-sizing:border-box}.overlay-header[data-v-873cf8ac]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.overlay-title[data-v-873cf8ac]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.neutral-card[data-v-873cf8ac]{background:var(--n-card-color);border:1px solid var(--n-border-color);border-radius:8px;color:var(--n-text-color-1)}.neutral-card.center[data-v-873cf8ac]{text-align:center}@media (max-width: 768px){.overlay-card[data-v-873cf8ac]{border-radius:0}}.app-layout[data-v-bf3d070e]{height:100vh;background:var(--v345f1ca1)}.app-header[data-v-bf3d070e]{background:var(--v49d6e01a);box-shadow:0 2px 8px #0000001a;border-bottom:1px solid var(--v5e087a0a);padding:0!important;height:60px;display:flex;align-items:center}.header-content[data-v-bf3d070e]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;width:100%;max-width:1400px;margin:0 auto}.logo-section[data-v-bf3d070e]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-bf3d070e]{color:var(--v63bce8c1);animation:float 3s ease-in-out infinite}.app-title[data-v-bf3d070e]{font-weight:700;letter-spacing:-.5px}.header-actions[data-v-bf3d070e]{display:flex;gap:10px}.header-btn[data-v-bf3d070e]{transition:all .2s ease}.header-btn[data-v-bf3d070e]:hover{transform:translateY(-2px)}.app-content[data-v-bf3d070e]{height:calc(100vh - 60px);overflow:auto;padding:0!important}.mode-picker-wrapper[data-v-bf3d070e]{padding:20px;min-height:100%;display:flex;align-items:flex-start;justify-content:center}.game-wrapper[data-v-bf3d070e]{height:100%}.fade-enter-active[data-v-bf3d070e],.fade-leave-active[data-v-bf3d070e]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-bf3d070e]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-bf3d070e]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.app-header[data-v-bf3d070e]{height:50px}.header-content[data-v-bf3d070e]{padding:6px 12px}.app-content[data-v-bf3d070e]{height:calc(100vh - 50px)}.mode-picker-wrapper[data-v-bf3d070e]{padding:12px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#app{height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(0);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}.pulse{animation:pulse .5s ease-in-out}@media (max-width: 768px){body{font-size:14px}}@media (hover: none) and (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}