@import "https://fonts.googleapis.com/css2?family=Zen+Dots&family=M+PLUS+Rounded+1c:wght@400;500;700;800&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-bg:#1a1a2e;--color-surface:#16213e;--color-surface-2:#0f3460;--color-primary:#ffcb05;--color-primary-dark:#3b4cca;--color-pink:#ff6b9d;--color-violet:#c77dff;--color-cyan:#00f5ff;--color-correct:#22c55e;--color-wrong:#ef4444;--color-text:#e8e8f0;--color-text-muted:#8892a4;--gradient-hero:linear-gradient(135deg, #1a1a2e 0%, #2d1b69 50%, #1a1a2e 100%);--gradient-sunset:linear-gradient(180deg, #ff6b35 0%, #ff6b9d 40%, #c77dff 80%, #1a1a2e 100%);--gradient-neon:linear-gradient(90deg, #ff6b9d, #c77dff);--gradient-primary:linear-gradient(135deg, #ffcb05 0%, #fa0 100%);--font-brand:"Zen Dots", sans-serif;--font-heading:"M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-neon-pink:0 0 20px #ff6b9d80, 0 0 40px #ff6b9d33;--shadow-neon-cyan:0 0 20px #00f5ff80, 0 0 40px #00f5ff33;--shadow-neon-yellow:0 0 20px #ffcb0599, 0 0 40px #ffcb054d;--shadow-neon-violet:0 0 20px #c77dff80, 0 0 40px #c77dff33;--shadow-card:0 8px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0 Q45 15 30 30 Q15 15 30 0Z M0 30 Q15 45 0 60 M60 30 Q45 45 60 60 M0 0 Q15 15 0 30 M60 0 Q45 15 60 30' fill='none' stroke='%23ff6b9d' stroke-width='0.5' opacity='0.06'/%3E%3C/svg%3E");min-height:100vh;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-heading);cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--gradient-neon);border-radius:var(--radius-pill)}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #c77dff33}.neon-text-yellow{color:var(--color-primary);text-shadow:var(--shadow-neon-yellow)}.neon-text-pink{color:var(--color-pink);text-shadow:var(--shadow-neon-pink)}.neon-text-cyan{color:var(--color-cyan);text-shadow:var(--shadow-neon-cyan)}.btn-primary{background:var(--gradient-primary);color:#1a1a2e;font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-neon-yellow);transform:translateY(-2px)}.btn-outline-neon{color:var(--color-cyan);font-family:var(--font-heading);border:1.5px solid var(--color-cyan);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .2s,background .2s;display:inline-flex}.btn-outline-neon:hover{box-shadow:var(--shadow-neon-cyan);background:#00f5ff14;transform:translateY(-2px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #ffcb0599,0 0 40px #ffcb054d}50%{text-shadow:0 0 30px #ffcb05e6,0 0 60px #ffcb0580,0 0 80px #ffcb0533}}@keyframes hueShift{0%{filter:hue-rotate()}50%{filter:hue-rotate(20deg)}to{filter:hue-rotate()}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.navbar.svelte-12qhfyh{z-index:100;-webkit-backdrop-filter:blur(16px);background:#1a1a2ed9;border-bottom:1px solid #c77dff33;align-items:center;padding:.85rem 2rem;display:flex;position:sticky;top:0}.brand.svelte-12qhfyh{align-items:center;gap:.6rem;margin-right:auto;text-decoration:none;display:flex}.pokeball.svelte-12qhfyh{filter:drop-shadow(0 0 6px #ffcb0580);transition:filter .3s}.brand.svelte-12qhfyh:hover .pokeball:where(.svelte-12qhfyh){filter:drop-shadow(0 0 12px #ffcb05e6)}.brand-text.svelte-12qhfyh{font-family:var(--font-brand);color:var(--color-primary);letter-spacing:.05em;font-size:1.3rem;animation:3s ease-in-out infinite glowPulse}.nav-links.svelte-12qhfyh{align-items:center;gap:1.5rem;display:flex}.nav-link.svelte-12qhfyh{font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:.03em;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link.svelte-12qhfyh:hover{color:var(--color-pink)}.nav-logout.svelte-12qhfyh{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .2s}.nav-logout.svelte-12qhfyh:hover{color:var(--color-wrong)}.hamburger.svelte-12qhfyh{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger.svelte-12qhfyh span:where(.svelte-12qhfyh){background:var(--color-violet);border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s,background .2s;display:block}.hamburger.svelte-12qhfyh:hover span:where(.svelte-12qhfyh){background:var(--color-pink)}.hamburger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){opacity:0}.hamburger.open.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer-overlay.svelte-12qhfyh{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a1499;border:0;padding:0;position:fixed;inset:0}.drawer.svelte-12qhfyh{z-index:201;-webkit-backdrop-filter:blur(20px);background:#1a1a2ef7;border-left:1px solid #c77dff33;flex-direction:column;gap:.25rem;width:75vw;max-width:280px;height:100vh;padding:5rem 1.5rem 2rem;display:flex;position:fixed;top:0;right:0}.drawer-link.svelte-12qhfyh{font-family:var(--font-heading);color:var(--color-text-muted);border-bottom:1px solid #c77dff14;padding:.75rem 0;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.drawer-link.svelte-12qhfyh:hover{color:var(--color-pink)}.drawer-logout.svelte-12qhfyh{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;text-align:left;background:0 0;border:none;padding:.75rem 0;font-size:.9rem;transition:color .2s}.drawer-logout.svelte-12qhfyh:hover{color:var(--color-wrong)}.drawer-cta.svelte-12qhfyh{text-align:center;margin-top:1rem}main.svelte-12qhfyh{min-height:calc(100vh - 60px)}@media (width<=640px){.navbar.svelte-12qhfyh{padding:.75rem 1.25rem}.hamburger.svelte-12qhfyh{display:flex}.nav-links.svelte-12qhfyh{display:none}}.lang-selector.svelte-12qhfyh{border-left:1px solid #c77dff33;align-items:center;gap:.15rem;margin-left:.5rem;padding-left:.75rem;display:flex}.lang-btn.svelte-12qhfyh{color:var(--color-text-muted);font-family:var(--font-heading);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.2rem .3rem;font-size:.72rem;font-weight:700;transition:color .15s,background .15s}.lang-btn.svelte-12qhfyh:hover{color:var(--color-violet);background:#c77dff14}.lang-btn.active.svelte-12qhfyh{color:var(--color-primary)}.drawer-lang.svelte-12qhfyh{border-top:1px solid #c77dff1a;border-left:none;gap:.4rem;margin-top:1rem;margin-left:0;padding-top:1rem;padding-left:0}