.button[data-v-cb451345]{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:inherit;text-align:center;color:var(--color-text);background-color:var(--color-button-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:1 0 0;justify-content:center;align-items:center;font-weight:500;line-height:1.4;display:inline-flex}.button[data-v-cb451345]:hover:not(:disabled){background-color:var(--color-button-bg-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.button[data-v-cb451345]:active:not(:disabled){background-color:var(--color-button-bg-active);box-shadow:var(--shadow-xs);transform:scale(.98)}.button[data-v-cb451345]:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.button[data-v-cb451345]:disabled{opacity:.5;cursor:not-allowed}.button.large[data-v-cb451345]{min-height:52px;padding:var(--space-sm) var(--space-lg);font-size:1.125rem;font-weight:500}.button.selected[data-v-cb451345]:not(.completed):not(.error){background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.button.completed[data-v-cb451345]{background-color:var(--color-success);border-color:var(--color-success);color:#fff;box-shadow:var(--shadow-success-glow)}.button.completed[data-v-cb451345]:hover:not(:disabled){background-color:var(--color-success);border-color:var(--color-success)}.button.error[data-v-cb451345]{background-color:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:var(--shadow-error-glow)}.button.error[data-v-cb451345]:hover:not(:disabled){background-color:var(--color-error);border-color:var(--color-error)}@media (width<=640px){.button.large[data-v-cb451345]{min-height:48px;padding:var(--space-sm) var(--space-md);font-size:1rem}}.header[data-v-02e1f24a]{position:relative}.mobile-header[data-v-02e1f24a]{padding:var(--space-xs) 0;justify-content:space-between;align-items:center;display:none}.brand[data-v-02e1f24a]{align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-xs);margin:calc(var(--space-xs) * -1);background:0 0;border:none;display:flex}.brand-text[data-v-02e1f24a]{color:var(--color-heading);font-size:1.5rem;font-weight:700;font-family:var(--font-family-display)}.hamburger[data-v-02e1f24a]{width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;display:flex}.hamburger[data-v-02e1f24a]:hover{background-color:var(--color-button-bg-hover)}.hamburger-line[data-v-02e1f24a]{background-color:var(--color-text);border-radius:var(--radius-full);width:100%;height:2px;transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out)}.hamburger.open .hamburger-line[data-v-02e1f24a]:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open .hamburger-line[data-v-02e1f24a]:nth-child(2){opacity:0}.hamburger.open .hamburger-line[data-v-02e1f24a]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.desktop-nav[data-v-02e1f24a]{gap:var(--space-xs);flex-wrap:wrap;width:100%;display:flex}.nav-button[data-v-02e1f24a]{flex:auto;font-size:.9375rem}.nav-button.active[data-v-02e1f24a]{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.nav-button.theme-toggle[data-v-02e1f24a]{flex:0 auto;min-width:100px}.mobile-overlay[data-v-02e1f24a]{z-index:var(--z-overlay);background-color:#0006;position:fixed;inset:0}.mobile-nav[data-v-02e1f24a]{width:min(300px,80vw);height:100vh;padding:var(--space-xl) var(--space-lg);background-color:var(--color-surface);box-shadow:var(--shadow-xl);z-index:var(--z-modal);gap:var(--space-xs);flex-direction:column;display:flex;position:fixed;top:0;right:0}.mobile-nav-item[data-v-02e1f24a]{align-items:center;gap:var(--space-md);width:100%;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:1.0625rem;display:flex}.mobile-nav-item[data-v-02e1f24a]:hover{background-color:var(--color-button-bg-hover)}.mobile-nav-item.active[data-v-02e1f24a]{background-color:var(--color-primary-soft);color:var(--color-primary)}.mobile-nav-item.theme-toggle[data-v-02e1f24a]{border-top:1px solid var(--color-border);padding-top:var(--space-lg);border-radius:0;margin-top:auto}.nav-icon[data-v-02e1f24a]{text-align:center;width:28px;font-size:1.25rem}.nav-label[data-v-02e1f24a]{font-weight:500}.fade-enter-active[data-v-02e1f24a],.fade-leave-active[data-v-02e1f24a]{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from[data-v-02e1f24a],.fade-leave-to[data-v-02e1f24a]{opacity:0}.slide-enter-active[data-v-02e1f24a],.slide-leave-active[data-v-02e1f24a]{transition:transform var(--duration-slow) var(--ease-out)}.slide-enter-from[data-v-02e1f24a],.slide-leave-to[data-v-02e1f24a]{transform:translate(100%)}@media (width<=768px){.mobile-header[data-v-02e1f24a]{display:flex}.desktop-nav[data-v-02e1f24a]{display:none}}@media (width>=769px){.mobile-header[data-v-02e1f24a]{display:none}.mobile-overlay[data-v-02e1f24a],.mobile-nav[data-v-02e1f24a]{display:none!important}}.character-button[data-v-f41c9aa9]{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-xs) var(--space-sm);flex:1 0 auto}.character-label[data-v-f41c9aa9]{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:500;line-height:1.2}[data-v-f41c9aa9] .character-button{font-family:var(--font-family-display)}@media (width<=640px){.character-button[data-v-f41c9aa9]{min-width:40px;padding:var(--space-2xs) var(--space-xs)}.character-label[data-v-f41c9aa9]{font-size:clamp(1rem,5vw,1.5rem)}}.victory-banner[data-v-01a99c1e]{z-index:var(--z-modal);padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.victory-content[data-v-01a99c1e]{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-xl);background:linear-gradient(135deg, var(--color-success) 0%, #3d6b4a 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;width:100%;max-width:400px;animation:victoryPop-01a99c1e var(--duration-slow) var(--ease-spring) forwards;flex-direction:column;display:flex}.victory-celebration[data-v-01a99c1e]{font-size:4rem;animation:.6s infinite bounce-01a99c1e}.victory-title[data-v-01a99c1e]{color:#fff;font-size:2rem;font-weight:700;font-family:var(--font-family-display);margin:0}.victory-subtitle[data-v-01a99c1e]{color:#ffffffe6;margin:0;font-size:1rem}.victory-button[data-v-01a99c1e]{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-xl);color:var(--color-success);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background-color:#fff;border:none;font-size:1.125rem;font-weight:600}.victory-button[data-v-01a99c1e]:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.victory-button[data-v-01a99c1e]:active{transform:scale(.98)}@keyframes victoryPop-01a99c1e{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounce-01a99c1e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.victory-enter-active[data-v-01a99c1e]{transition:opacity var(--duration-normal) var(--ease-out)}.victory-leave-active[data-v-01a99c1e]{transition:opacity var(--duration-fast) var(--ease-out)}.victory-enter-from[data-v-01a99c1e],.victory-leave-to[data-v-01a99c1e]{opacity:0}@media (width<=640px){.victory-content[data-v-01a99c1e]{padding:var(--space-xl) var(--space-lg)}.victory-celebration[data-v-01a99c1e]{font-size:3rem}.victory-title[data-v-01a99c1e]{font-size:1.5rem}}.main[data-v-9b391297]{min-height:calc(100vh - var(--nav-height,60px));display:grid}.game[data-v-9b391297]{text-align:center;justify-content:start;align-items:center;gap:var(--space-md);padding:var(--space-lg);flex-direction:column;display:flex}@media screen and (width<=640px){.game[data-v-9b391297]{padding:var(--space-md);gap:var(--space-sm)}}.game[data-v-9b391297]>:not(:first-child){padding-top:var(--space-sm)}.game .word h1[data-v-9b391297]{color:var(--color-text);font-size:clamp(2rem,8vw,4rem)}.game .word h2[data-v-9b391297]{color:var(--color-text-muted);font-weight:500}.game .search-input[data-v-9b391297]{width:60%;max-width:400px;min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md);color:var(--color-text);background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-size:1rem}.game .search-input[data-v-9b391297]:focus{border-color:var(--color-indigo);box-shadow:var(--shadow-glow);outline:none}@media screen and (width<=640px){.game .search-input[data-v-9b391297]{width:90%}}.game .options[data-v-9b391297]{justify-content:center;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);flex-flow:wrap;flex:1 0 0;width:90%;max-width:800px;display:flex}@media screen and (width<=640px){.game .options[data-v-9b391297]{width:100%;padding:0 var(--space-xs)}}.game .options[data-v-9b391297]>*{flex:1 0 auto;min-width:fit-content}.game .guess[data-v-9b391297]{justify-content:center;align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-height:3rem;display:flex}.game .guess span[data-v-9b391297]{color:var(--color-text-muted);font-size:1.5rem}.game .previous-guesses[data-v-9b391297]{margin:var(--space-sm) 0}:root{--color-white:#fefdfb;--color-white-soft:#f9f7f4;--color-white-mute:#f3f0eb;--color-cream:#ece8e1;--color-black:#1a1918;--color-black-soft:#252423;--color-black-mute:#333231;--color-charcoal:#4a4845;--color-indigo:#3d5a80;--color-indigo-light:#5d7a9e;--color-indigo-dark:#2d4a6e;--color-success:#4a7c59;--color-success-soft:#4a7c5926;--color-error:#c1666b;--color-error-soft:#c1666b26;--color-warning:#d4a373;--color-warning-soft:#d4a37326;--color-divider-light:#4a48451f;--color-divider-medium:#4a484533;--color-divider-strong:#4a484559;--vt-c-white:var(--color-white);--vt-c-white-soft:var(--color-white-soft);--vt-c-white-mute:var(--color-white-mute);--vt-c-black:var(--color-black);--vt-c-black-soft:var(--color-black-soft);--vt-c-black-mute:var(--color-black-mute);--vt-c-indigo:var(--color-indigo);--vt-c-divider-light-1:var(--color-divider-medium);--vt-c-divider-light-2:var(--color-divider-light);--vt-c-divider-dark-1:#8c8c8c66;--vt-c-divider-dark-2:#8c8c8c40;--vt-c-text-light-1:var(--color-charcoal);--vt-c-text-light-2:#4a4845b3;--vt-c-text-dark-1:var(--color-white);--vt-c-text-dark-2:#fefdfbbf;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #1a19180a;--shadow-sm:0 2px 4px #1a19180f, 0 1px 2px #1a19180a;--shadow-md:0 4px 12px #1a191814, 0 2px 4px #1a19180a;--shadow-lg:0 8px 24px #1a19181a, 0 4px 8px #1a19180f;--shadow-xl:0 16px 48px #1a19181f, 0 8px 16px #1a191814;--shadow-glow:0 0 0 3px #3d5a8026;--shadow-success-glow:0 0 0 3px #4a7c5933;--shadow-error-glow:0 0 0 3px #c1666b33;--duration-fast:.1s;--duration-normal:.18s;--duration-slow:.3s;--duration-slower:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font-family-base:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-display:"Noto Sans JP", Georgia, "Times New Roman", serif;--touch-target-min:44px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--section-gap:120px;--flex-gap:10px;--color-background:var(--color-white);--color-background-soft:var(--color-white-soft);--color-background-mute:var(--color-white-mute);--color-surface:var(--color-white);--color-surface-raised:var(--color-white-soft);--color-border:var(--color-divider-light);--color-border-hover:var(--color-divider-medium);--color-border-focus:var(--color-indigo);--color-heading:var(--color-black);--color-text:var(--color-charcoal);--color-text-muted:#4a484599;--color-text-inverse:var(--color-white);--color-primary:var(--color-indigo);--color-primary-hover:var(--color-indigo-dark);--color-primary-soft:#3d5a801a;--color-button-bg:var(--color-white-soft);--color-button-bg-hover:var(--color-white-mute);--color-button-bg-active:var(--color-cream)}:root.dark{--color-background:var(--color-black);--color-background-soft:var(--color-black-soft);--color-background-mute:var(--color-black-mute);--color-surface:var(--color-black-soft);--color-surface-raised:var(--color-black-mute);--color-border:#8c8c8c26;--color-border-hover:#8c8c8c40;--color-border-focus:var(--color-indigo-light);--color-heading:var(--color-white);--color-text:#fefdfbd9;--color-text-muted:#fefdfb80;--color-text-inverse:var(--color-black);--color-primary:var(--color-indigo-light);--color-primary-hover:var(--color-indigo);--color-primary-soft:#5d7a9e26;--color-button-bg:var(--color-black-mute);--color-button-bg-hover:#3d3c3a;--color-button-bg-active:#454442;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 4px #00000040, 0 1px 2px #00000026;--shadow-md:0 4px 12px #0000004d, 0 2px 4px #0003;--shadow-lg:0 8px 24px #00000059, 0 4px 8px #00000040;--shadow-xl:0 16px 48px #0006, 0 8px 16px #0000004d;--shadow-glow:0 0 0 3px #5d7a9e40;--shadow-success-glow:0 0 0 3px #4a7c594d;--shadow-error-glow:0 0 0 3px #c1666b4d}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400;position:relative}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color var(--duration-slow) var(--ease-out), background-color var(--duration-slow) var(--ease-out);font-family:var(--font-family-base);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-soft);color:var(--color-heading)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{gap:var(--space-lg);padding:var(--space-md) var(--space-xl);grid-template-rows:min-content 1fr;grid-template-columns:1fr;max-width:min(1400px,90%);min-height:100vh;margin:0 auto;font-weight:400;display:grid}@media screen and (width<=1024px){#app{max-width:100%;padding:var(--space-md) var(--space-lg)}}@media screen and (width<=640px){#app{padding:var(--space-sm) var(--space-md);gap:var(--space-md)}}@media screen and (width<=375px){#app{padding:var(--space-xs) var(--space-sm)}}
