:root{--clr-bg:#faf4e8;--clr-bg-deep:#f3ead8;--clr-surface:#fffdf7;--clr-ink:#35312b;--clr-ink-soft:#675f54;--clr-primary:#3d5a9e;--clr-primary-strong:#2d4478;--clr-primary-soft:#e3e9f6;--clr-on-primary:#fffdf7;--clr-accent:#c73e3a;--clr-accent-strong:#a32e2b;--clr-accent-soft:#f8e3e0;--clr-gold:#c9930a;--clr-gold-soft:#f7ecce;--clr-matcha:#5f8f4f;--clr-matcha-soft:#e4efdd;--clr-border:#e5dac2;--clr-ring:#3d5a9e;--clr-overlay:#35312b73;--font-body:"Quicksand", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-display:"Baloo 2", "Zen Maru Gothic", sans-serif;--font-ja:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--text-base:1rem;--text-sm:.875rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--radius-pill:999px;--shadow-card:0 1px 2px #604c2c0f, 0 2px 8px #604c2c12;--shadow-card-hover:0 2px 4px #604c2c14, 0 8px 20px #604c2c1f;--clr-orange:#d06f1e;--clr-orange-soft:#fbeadb;--clr-violet:#7c5cbf;--clr-violet-soft:#efeafa;--clr-pastel-mint:#e4f1ea;--clr-pastel-peach:#fdeade;--clr-pastel-sky:#e5eff8;--clr-pastel-lavender:var(--clr-violet-soft);--clr-silver-soft:#eeeeea;--clr-bronze-soft:#f3e4d3;--clr-silver:#9a9a92;--clr-bronze:#b07a42;--clr-gold-ink:#7d5c00;--clr-teal-ink:#24625b;--clr-violet-ink:#5f42a0;--shadow-clay:0 6px 14px #604c2c24, 0 2px 4px #604c2c14, inset 0 -3px 0 #604c2c12, inset 0 2px 0 #ffffffd9;--shadow-clay-sm:0 3px 8px #604c2c1f, inset 0 -2px 0 #604c2c14, inset 0 1px 0 #fffc;--shadow-clay-pressed:0 1px 3px #604c2c1f, inset 0 2px 4px #604c2c1f;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-base:.22s;--clr-teal:#2e7d74;--clr-sakura:#b8435f;--clr-kaki:#b34f1f;--clr-asagi:#2b6a8f;--clr-matsuba:#2d5f45;--clr-ume:#a54b8c;--clr-kon:#34506b;--clr-wasabi:#55742e;--clr-kohaku:#9c6206;--clr-kuri:#6e4a1a;--clr-uguisu:#5c6b1f;--clr-akane:#9d2f45;--clr-gunjou:#2e4a7d;--clr-tetsukon:#2b3a5c;--clr-kakishibu:#8c4b2a;--clr-fukamidori:#2f5d50;--clr-tsuyukusa:#2f6fa8;--clr-ebicha:#733a3a;--clr-sabiasagi:#3f6e74;--clr-moegi:#5f7d28;--clr-hiwada:#7a4a3a;--clr-suou:#8e3b46;--clr-sekiban:#4f5a52;--clr-koke:#4e6b3f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--container:1280px;--container-game:1140px;--touch-target:44px}@media (width>=1440px){:root{--container:1440px}}@media (width>=1800px){:root{--container:1600px}}.theme-pera{--clr-primary:var(--clr-teal);--clr-primary-strong:#1f5c55;--clr-primary-soft:#dcefe9;--clr-accent:var(--clr-sakura);--clr-accent-strong:#93344b;--clr-accent-soft:#f7e0e6;--clr-ring:var(--clr-teal)}.theme-yappari{--clr-primary:#7a4e22;--clr-primary-strong:#5c3a17;--clr-primary-soft:#f0e4d3;--clr-accent:var(--clr-kaki);--clr-accent-strong:#8f3e17;--clr-accent-soft:#f8e3d6;--clr-ring:#7a4e22}.theme-emoji-kaiwa{--clr-primary:var(--clr-matsuba);--clr-primary-strong:#1f4531;--clr-primary-soft:#dfeae2;--clr-accent:var(--clr-ume);--clr-accent-strong:#82386e;--clr-accent-soft:#f4e2ee;--clr-ring:var(--clr-matsuba)}.theme-sushi{--clr-primary:var(--clr-kon);--clr-primary-strong:#253c52;--clr-primary-soft:#dee7ef;--clr-accent:var(--clr-wasabi);--clr-accent-strong:#405922;--clr-accent-soft:#e8efdb;--clr-ring:var(--clr-kon)}.theme-toriaezu{--clr-primary:var(--clr-kuri);--clr-primary-strong:#533613;--clr-primary-soft:#efe6d7;--clr-accent:var(--clr-kohaku);--clr-accent-strong:#7a4c04;--clr-accent-soft:#f7ebd2;--clr-ring:var(--clr-kuri)}.theme-kazoekata{--clr-primary:var(--clr-uguisu);--clr-primary-strong:#454f15;--clr-primary-soft:#e7ebd6;--clr-accent:var(--clr-akane);--clr-accent-strong:#7a2335;--clr-accent-soft:#f6dfe4;--clr-ring:var(--clr-uguisu)}.theme-dakara{--clr-primary:var(--clr-asagi);--clr-primary-strong:#1e4f6d;--clr-primary-soft:#dcebf3;--clr-accent:#9c7500;--clr-accent-strong:#7a5b00;--clr-accent-soft:#f5ecd1;--clr-ring:var(--clr-asagi)}.theme-jidoushi{--clr-primary:var(--clr-gunjou);--clr-primary-strong:#223963;--clr-primary-soft:#e0e6f2;--clr-accent:#a4453a;--clr-accent-strong:#82352c;--clr-accent-soft:#f7e2df;--clr-ring:var(--clr-gunjou)}.theme-it-genba{--clr-primary:var(--clr-tetsukon);--clr-primary-strong:#1f2b45;--clr-primary-soft:#e0e4ee;--clr-accent:#8f6b29;--clr-accent-strong:#6f521f;--clr-accent-soft:#f4ecda;--clr-ring:var(--clr-tetsukon)}.theme-katakana-trap{--clr-primary:var(--clr-kakishibu);--clr-primary-strong:#6e3a20;--clr-primary-soft:#f4e5db;--clr-accent:var(--clr-tsuyukusa);--clr-accent-strong:#245785;--clr-accent-soft:#dfeaf5;--clr-ring:var(--clr-kakishibu)}.theme-doon-iji{--clr-primary:var(--clr-fukamidori);--clr-primary-strong:#22463c;--clr-primary-soft:#dfeae6;--clr-accent:var(--clr-suou);--clr-accent-strong:#6f2e37;--clr-accent-soft:#f5e0e3;--clr-ring:var(--clr-fukamidori)}.theme-konbini{--clr-primary:var(--clr-tsuyukusa);--clr-primary-strong:#245785;--clr-primary-soft:#dfeaf5;--clr-accent:var(--clr-kakishibu);--clr-accent-strong:#6e3a20;--clr-accent-soft:#f4e5db;--clr-ring:var(--clr-tsuyukusa)}.theme-hizuke{--clr-primary:var(--clr-ebicha);--clr-primary-strong:#5b2d2d;--clr-primary-soft:#f0e2e2;--clr-accent:#3c7a63;--clr-accent-strong:#2e604d;--clr-accent-soft:#dfeee7;--clr-ring:var(--clr-ebicha)}.theme-joshi{--clr-primary:var(--clr-sabiasagi);--clr-primary-strong:#2f5459;--clr-primary-soft:#dfebec;--clr-accent:var(--clr-suou);--clr-accent-strong:#6f2e37;--clr-accent-soft:#f5e0e3;--clr-ring:var(--clr-sabiasagi)}.theme-rendaku{--clr-primary:var(--clr-moegi);--clr-primary-strong:#48601d;--clr-primary-soft:#e8eedb;--clr-accent:var(--clr-tetsukon);--clr-accent-strong:#1f2b45;--clr-accent-soft:#e0e4ee;--clr-ring:var(--clr-moegi)}.theme-okurigana{--clr-primary:var(--clr-hiwada);--clr-primary-strong:#5e382b;--clr-primary-soft:#f0e3de;--clr-accent:#3c7a63;--clr-accent-strong:#2e604d;--clr-accent-soft:#dfeee7;--clr-ring:var(--clr-hiwada)}.theme-wakamono{--clr-primary:var(--clr-suou);--clr-primary-strong:#6f2e37;--clr-primary-soft:#f5e0e3;--clr-accent:var(--clr-moegi);--clr-accent-strong:#48601d;--clr-accent-soft:#e8eedb;--clr-ring:var(--clr-suou)}.theme-sokkuri{--clr-primary:var(--clr-sekiban);--clr-primary-strong:#3c463f;--clr-primary-soft:#e5e9e5;--clr-accent:var(--clr-akane);--clr-accent-strong:#7a2335;--clr-accent-soft:#f6dfe4;--clr-ring:var(--clr-sekiban)}.theme-bushu{--clr-primary:var(--clr-koke);--clr-primary-strong:#3b5330;--clr-primary-soft:#e6ecdf;--clr-accent:#9c5a1e;--clr-accent-strong:#7a4517;--clr-accent-soft:#f5e6d8;--clr-ring:var(--clr-koke)}.theme-mimikara{--clr-primary:#5f4b96;--clr-primary-strong:#453470;--clr-primary-soft:#e8e3f5;--clr-ring:#5f4b96}.theme-try-n1{--clr-primary:var(--clr-kon);--clr-primary-strong:#253c52;--clr-primary-soft:#dee7ef;--clr-ring:var(--clr-kon)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (width>=1024px){html{font-size:18px}}@media (width>=1440px){html{font-size:19px}}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--clr-ink);background-color:var(--clr-bg);background-image:radial-gradient(#7860380d 1px,#0000 0),radial-gradient(#78603809 1px,#0000 0);background-position:0 0,14px 22px;background-size:28px 28px,44px 44px;min-height:100dvh;margin:0;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25}p{margin:0}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button,input{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}[lang=ja]{font-family:var(--font-ja)}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid var(--clr-ring);outline-offset:2px;border-radius:inherit}.flat-card{border:1px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.clay-card,.flat-card{background:var(--clr-surface)}.clay-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-clay)}.clay-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);border-radius:var(--radius-sm);background:var(--clr-surface);box-shadow:var(--shadow-clay-sm);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease;padding:10px 22px;font-weight:700;display:inline-flex}.clay-btn:hover{transform:translateY(-1px)}.clay-btn:active{box-shadow:var(--shadow-clay-pressed);transform:scale(.95)}.clay-btn--primary{background:var(--clr-primary);color:var(--clr-on-primary)}.clay-btn--primary:hover{background:var(--clr-primary-strong)}.clay-btn--accent{background:var(--clr-accent);color:var(--clr-on-primary)}.clay-btn--accent:hover{background:var(--clr-accent-strong)}.clay-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.container{width:100%;max-width:var(--container);padding-inline:var(--space-4);margin-inline:auto}.container--game{max-width:var(--container-game)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-reduce-motion] *,[data-reduce-motion] :after,[data-reduce-motion] :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.header[data-v-cc9b4786]{background:var(--clr-surface);border-bottom:1px solid var(--clr-border)}.header__inner[data-v-cc9b4786]{gap:var(--space-4);min-height:64px;padding-block:var(--space-2);flex-wrap:wrap}.brand[data-v-cc9b4786],.header__inner[data-v-cc9b4786]{align-items:center;display:flex}.brand[data-v-cc9b4786]{gap:var(--space-2)}.brand__seal[data-v-cc9b4786]{background:var(--clr-accent);width:40px;height:40px;color:var(--clr-on-primary);border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.brand__text[data-v-cc9b4786]{font-family:var(--font-display);font-size:var(--text-lg);white-space:nowrap;font-weight:800}.brand__text em[data-v-cc9b4786]{color:var(--clr-accent);font-style:normal}.nav[data-v-cc9b4786]{align-items:center;gap:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;order:2;max-width:100%;margin-inline:auto;display:flex;overflow-x:auto}.nav[data-v-cc9b4786]::-webkit-scrollbar{display:none}.nav__item[data-v-cc9b4786]{min-height:var(--touch-target);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--clr-ink-soft);white-space:nowrap;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}a.nav__item[data-v-cc9b4786]:hover{color:var(--clr-ink);background:var(--clr-bg-deep)}.nav__item--active[data-v-cc9b4786]{color:var(--clr-accent);position:relative}.nav__item--active[data-v-cc9b4786]:after{content:"";background:var(--clr-accent);border-radius:2px;height:3px;position:absolute;bottom:2px;left:12px;right:12px}.user[data-v-cc9b4786]{position:relative}.guest-actions[data-v-cc9b4786],.user[data-v-cc9b4786]{order:1;margin-left:auto}.guest-actions[data-v-cc9b4786]{align-items:center;gap:var(--space-2);display:flex}.icon-link[data-v-cc9b4786]{width:var(--touch-target);height:var(--touch-target);color:var(--clr-ink-soft);transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-link[data-v-cc9b4786]:hover{background:var(--clr-bg-deep);color:var(--clr-ink)}.icon-link--active[data-v-cc9b4786]{color:var(--clr-accent);background:var(--clr-accent-soft)}.header__join[data-v-cc9b4786]{min-height:var(--touch-target);border-radius:var(--radius-sm);background:var(--clr-accent);color:var(--clr-on-primary);border:1px solid var(--clr-accent-strong);box-shadow:var(--shadow-card);font-weight:800;font-family:var(--font-display);transition:background-color var(--dur-fast) ease,transform var(--dur-fast) ease;justify-content:center;align-items:center;padding:8px 20px;display:inline-flex}.header__join[data-v-cc9b4786]:hover{background:var(--clr-accent-strong)}.header__join[data-v-cc9b4786]:active{transform:scale(.96)}.user__chip[data-v-cc9b4786]{align-items:center;gap:var(--space-2);min-height:var(--touch-target);border-radius:var(--radius-pill);border:1px solid var(--clr-border);background:var(--clr-surface);transition:background-color var(--dur-fast) ease;padding:4px 12px 4px 5px;display:flex}.user__chip[data-v-cc9b4786]:hover{background:var(--clr-bg-deep)}.user__name[data-v-cc9b4786]{font-weight:700;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.user__menu[data-v-cc9b4786]{min-width:170px;padding:var(--space-2);z-index:20;position:absolute;top:calc(100% + 8px);right:0}.user__menu-item[data-v-cc9b4786]{text-align:left;width:100%;min-height:var(--touch-target);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) ease;align-items:center;padding:10px 14px;font-weight:700;display:flex}.user__menu-item--active[data-v-cc9b4786],.user__menu-item[data-v-cc9b4786]:hover{background:var(--clr-primary-soft)}.user__menu-item--active[data-v-cc9b4786]{color:var(--clr-primary)}.user__menu-item--danger[data-v-cc9b4786]{color:var(--clr-accent-strong)}.user__menu-item--danger[data-v-cc9b4786]:hover{background:var(--clr-accent-soft)}@media (width>=1024px){.nav[data-v-cc9b4786]{flex:1 1 0;justify-content:center;min-width:0;margin-inline:0}.guest-actions[data-v-cc9b4786],.nav[data-v-cc9b4786],.user[data-v-cc9b4786]{order:0}}@media (width<=1023.98px){.nav[data-v-cc9b4786]{flex-basis:100%;justify-content:flex-start;margin-inline:0}}@media (width<=640px){.nav__label[data-v-cc9b4786]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav__item[data-v-cc9b4786]{min-width:var(--touch-target);justify-content:center;padding:6px 10px}.nav__item svg[data-v-cc9b4786]{width:22px;height:22px}.nav__item--active[data-v-cc9b4786]:after{left:8px;right:8px}}@media (width<=480px){.brand__text[data-v-cc9b4786]{font-size:var(--text-base)}}.app[data-v-d0a15277]{flex-direction:column;min-height:100dvh;display:flex}.app__main[data-v-d0a15277]{flex:1}.app__footer[data-v-d0a15277]{text-align:center;padding:var(--space-6) var(--space-4);color:var(--clr-ink-soft);font-size:var(--text-sm)}.oops[data-v-9e7a06bf]{min-height:100dvh;padding:var(--space-4);place-items:center;display:grid}.oops__card[data-v-9e7a06bf]{max-width:30rem;padding:var(--space-6) var(--space-5);text-align:center}.oops__seal[data-v-9e7a06bf]{background:var(--clr-accent);width:52px;height:52px;color:var(--clr-on-primary);border-radius:14px;justify-content:center;align-items:center;font-size:26px;font-weight:900;display:inline-flex}.oops__title[data-v-9e7a06bf]{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-4)}.oops__text[data-v-9e7a06bf]{color:var(--clr-ink-soft);margin-top:var(--space-2)}.oops__detail[data-v-9e7a06bf]{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--clr-bg-deep);color:var(--clr-ink-soft);font-size:var(--text-sm);word-break:break-word}.oops__btn[data-v-9e7a06bf],.oops__detail[data-v-9e7a06bf]{border-radius:var(--radius-sm)}.oops__btn[data-v-9e7a06bf]{margin-top:var(--space-5);min-height:var(--touch-target);background:var(--clr-accent);border:1px solid var(--clr-accent-strong);color:var(--clr-on-primary);font-family:var(--font-display);transition:background-color var(--dur-fast) ease;padding:8px 24px;font-weight:800}.oops__btn[data-v-9e7a06bf]:hover{background:var(--clr-accent-strong)}