*,*:before,*:after{box-sizing:border-box}:root{--bg-page: #f3f4f6;--fg-main: #111827;--fg-muted: #6b7280;--card-bg: #ffffff;--board-bg: #e5e7eb;--tile-bg: #f9fafb;--tile-empty-bg: #e5e7eb;--pill-bg: #e5e7eb;--pill-fg: #374151;--pill-active-bg: #111827;--pill-active-fg: #f9fafb;--pill-active-border: #111827;--btn-primary-bg: #111827;--btn-primary-fg: #f9fafb;--border-subtle: #e5e7eb;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .08);--radius-card: 24px;--radius-tile: 18px;--radius-pill: 999px;--transition-fast: .15s ease-out}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:var(--bg-page);color:var(--fg-main)}.app-root{min-height:100vh;display:flex;flex-direction:column}.layout-root{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:24px;padding:24px;max-width:1200px;margin:0 auto}@media (max-width: 960px){.layout-root{grid-template-columns:minmax(0,1fr)}}.layout-main,.layout-side{display:flex;flex-direction:column;gap:16px}.top-bar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.title{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:.02em}.subtitle{margin:0;font-size:13px;color:var(--fg-muted)}.top-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.language-switch{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--fg-muted)}.pill{border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;border:1px solid transparent;background:var(--pill-bg);color:var(--pill-fg);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.pill:hover{transform:translateY(-1px)}.pill-active{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:var(--pill-active-border)}.btn-primary{border:none;border-radius:var(--radius-pill);padding:7px 16px;font-size:13px;cursor:pointer;background:var(--btn-primary-bg);color:var(--btn-primary-fg);box-shadow:var(--shadow-soft);display:inline-flex;align-items:center;gap:6px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0f172a2e;background:#000}.mode-tabs,.theme-tabs{display:flex;flex-wrap:wrap;gap:6px}.theme-row{display:flex;align-items:center;gap:8px}.theme-label{font-size:12px;color:var(--fg-muted)}.stats-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.stat-box{min-width:90px;padding:8px 10px;border-radius:16px;background:var(--card-bg);box-shadow:var(--shadow-soft)}.stat-label{font-size:11px;color:var(--fg-muted)}.stat-value{font-size:18px;font-weight:600}.mode-chip{margin-left:auto;align-self:center;font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--pill-bg);color:var(--fg-muted)}.board-wrapper{margin-top:4px;padding:16px;border-radius:var(--radius-card);background:var(--board-bg);box-shadow:0 18px 40px #0f172a1f;outline:none}.board-grid{display:grid;gap:10px}.tile{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-tile);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);font-size:16px}.tile-empty{background:var(--tile-empty-bg);box-shadow:inset 0 0 0 1px #94a3b880}.tile-filled{background:var(--tile-bg);box-shadow:var(--shadow-soft)}.tile-emoji{font-size:26px;margin-bottom:4px}.tile-name{font-size:11px;color:var(--fg-muted)}.panel{padding:14px 16px;border-radius:20px;background:var(--card-bg);box-shadow:var(--shadow-soft)}.panel h3{margin:0 0 6px;font-size:15px}.panel-desc{margin:4px 0 10px;font-size:12px;color:var(--fg-muted)}.panel-section{margin-top:8px}.panel-section-title{font-size:13px;font-weight:600;margin-bottom:4px}.panel-text{margin:0;font-size:12px;color:var(--fg-muted)}.panel-empty{font-size:12px;color:var(--fg-muted)}.bullet-list{padding-left:18px;margin:4px 0;font-size:12px;color:var(--fg-muted)}.evolution-chain{display:flex;flex-direction:column;gap:8px}.evolution-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.evo-item{min-width:72px;padding:6px 10px;border-radius:999px;background:#fff;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center}.evo-emoji{font-size:20px;margin-bottom:2px}.evo-name{font-size:11px;color:var(--fg-muted)}.evo-arrow{font-size:14px;color:var(--fg-muted)}.lb-list{margin:4px 0 0;padding:0;list-style:none}.lb-row{display:flex;align-items:center;font-size:12px;padding:2px 0}.lb-rank{width:26px;color:var(--fg-muted)}.lb-main{flex:1}.lb-sub{width:80px;text-align:right;color:var(--fg-muted)}.tile-highlight{animation:tileFlash .45s ease-out;box-shadow:0 0 0 2px #fbbf24e6,0 0 18px #fbbf24cc}@keyframes tileFlash{0%{transform:scale(1.08)}to{transform:scale(1)}}.lb-emoji{display:inline-block;margin-right:4px}.language-select{margin-left:8px;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0b1120;color:#e5e7eb;font-size:12px}.footer{margin-top:32px;padding:24px 16px 40px;text-align:center;color:#6b7280}.footer-main-text{font-size:14px;margin-bottom:12px}.footer-guides{max-width:960px;margin:0 auto}.footer-guides-header h4{margin:8px 0 4px;font-size:16px;font-weight:600;color:#374151}.footer-guides-sub{margin:0 0 16px;font-size:13px;color:#9ca3af}.footer-guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;justify-items:center}@media (max-width: 640px){.footer-guides-grid{grid-template-columns:1fr}}.footer-guide-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:4px 8px;border-radius:999px;transition:background .18s ease,transform .18s ease}.footer-guide-title{font-size:13px;color:#4b5563}.footer-guide-desc{font-size:11px;color:#9ca3af}.footer-guide-link:hover{background:#0f172a0a;transform:translateY(-1px)}body{--bg-page: #f3f4f6;--fg-main: #111827;--fg-muted: #6b7280;--card-bg: #ffffff;--board-bg: #e5e7eb;--tile-bg: #f9fafb;--tile-empty-bg: #e5e7eb;--pill-bg: #e5e7eb;--pill-fg: #374151;--pill-active-bg: #111827;--pill-active-fg: #f9fafb;--pill-active-border: #111827;--btn-primary-bg: #111827;--btn-primary-fg: #f9fafb}body[data-theme=forest]{--board-bg: linear-gradient(135deg, #e5f7eb, #e5e7eb);--tile-bg: #ffffff}body[data-theme=desert]{--bg-page: #faf5e4;--fg-main: #1f2933;--fg-muted: #6c7a89;--card-bg: #fff7e6;--board-bg: linear-gradient(135deg, #f6d7a7, #f5e8c7);--tile-bg: #fffaf0;--tile-empty-bg: #f7ead4;--pill-bg: rgba(148, 81, 32, .08);--pill-active-bg: #f97316;--pill-active-fg: #7c2d12;--pill-active-border: #fdba74;--btn-primary-bg: #f97316;--btn-primary-fg: #7c2d12}body[data-theme=snow]{--bg-page: #e5f3ff;--fg-main: #0f172a;--fg-muted: #6b7280;--card-bg: #ffffff;--board-bg: linear-gradient(135deg, #dbeafe, #eff6ff);--tile-bg: #f1f5f9;--tile-empty-bg: #e5f3ff;--pill-bg: rgba(37, 99, 235, .08);--pill-active-bg: #3b82f6;--pill-active-fg: #0b1120;--pill-active-border: #93c5fd;--btn-primary-bg: #3b82f6;--btn-primary-fg: #eff6ff}body[data-theme=galaxy]{--bg-page: radial-gradient(circle at top, #4c1d95, #020617);--fg-main: #f9fafb;--fg-muted: #e5e7eb;--card-bg: rgba(15, 23, 42, .95);--board-bg: radial-gradient(circle at top, #1e1b4b, #020617);--tile-bg: #312e81;--tile-empty-bg: #020617;--pill-bg: rgba(129, 140, 248, .14);--pill-active-bg: #a855f7;--pill-active-fg: #fdf2ff;--pill-active-border: #e9d5ff;--btn-primary-bg: #a855f7;--btn-primary-fg: #fdf2ff}