.site-footer{background:var(--color-text-main);color:var(--color-bg-body);padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg);margin-top:auto}.footer-container{max-width:960px;margin:0 auto}.footer-brand{margin-bottom:var(--spacing-xl)}.footer-logo{display:inline-flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;color:var(--color-bg-body);text-decoration:none}.footer-logo .logo-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent)}.footer-tagline{font-size:.85rem;opacity:.7;margin-top:var(--spacing-xs)}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.15)}.footer-nav-group h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.5;margin-bottom:var(--spacing-sm)}.footer-nav-group a{display:block;color:var(--color-bg-body);text-decoration:none;font-size:.9rem;padding:4px 0;opacity:.75;transition:opacity .2s}.footer-nav-group a:hover{opacity:1}.footer-bottom{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem;opacity:.5}.footer-bottom a{color:var(--color-bg-body);text-decoration:none}.footer-bottom a:hover{opacity:.8}.footer-separator{opacity:.4}[data-theme=classic] .site-footer{background:#2c2c2c;border-top:3px solid var(--color-primary);font-family:var(--font-classic)}@media(max-width:600px){.footer-nav{grid-template-columns:1fr;gap:var(--spacing-lg)}}.navbar{position:sticky;top:0;z-index:50;background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--spacing-md);transition:all .5s cubic-bezier(.4,0,.2,1)}[data-theme=classic] .navbar{background:#f4ecd8f2;border-bottom:3px double var(--color-primary);box-shadow:0 2px 10px #0000000d}.navbar-container{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:800;font-size:1.5rem;color:var(--color-text-main);text-decoration:none;transition:transform .2s}.nav-brand:hover{transform:scale(1.02)}[data-theme=classic] .nav-brand{font-family:var(--font-classic);letter-spacing:.05em}.logo-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 10px var(--color-primary)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--color-text-main);padding:var(--spacing-xs)}.nav-links{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:768px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);z-index:100}.nav-links.open{display:flex}}.nav-link{color:var(--color-text-muted);text-decoration:none;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);transition:all .3s ease;position:relative}.nav-link:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}[data-theme=classic] .nav-link{font-family:var(--font-classic);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.nav-link.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.15)}[data-theme=classic] .nav-link.active{border-bottom:2px solid var(--color-primary);border-radius:0;background:transparent}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:4px}.nav-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;padding:var(--spacing-xs);box-shadow:var(--shadow-lg);display:none;flex-direction:column;z-index:100}.nav-dropdown:hover .nav-dropdown-menu{display:flex}.nav-dropdown-item{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-muted);text-decoration:none;font-weight:600;border-radius:var(--radius-sm);transition:all .2s}.nav-dropdown-item:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.nav-dropdown-item.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.15)}[data-theme=classic] .nav-dropdown-menu{background:#f4ecd8;border:2px solid var(--color-primary);border-radius:0}[data-theme=classic] .nav-dropdown-item{font-family:var(--font-classic);text-transform:uppercase;font-size:.8rem}@media(max-width:768px){.navbar-container{position:relative}.nav-links{gap:0;align-items:stretch}.nav-link{padding:var(--spacing-md);border-radius:0;width:100%;text-align:left;border-bottom:1px solid var(--color-border)}.nav-dropdown{width:100%}.nav-dropdown-trigger{padding:var(--spacing-md);width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.nav-dropdown-menu{position:static;display:none;border:none;border-radius:0;box-shadow:none;min-width:100%;padding:0;background:rgba(var(--color-primary-rgb),.05)}.nav-dropdown.open .nav-dropdown-menu{display:flex}.nav-dropdown-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);border-radius:0}[data-theme=classic] .nav-dropdown-menu{background:#8b73550d;border:none}}:root{--color-primary: #4f46e5;--color-primary-rgb: 79, 70, 229;--color-primary-hover: #4338ca;--color-secondary: #0ea5e9;--color-accent: #8b5cf6;--color-bg-body: #f8fafc;--color-bg-card: rgba(255, 255, 255, .9);--color-bg-card-hover: rgba(255, 255, 255, 1);--color-text-main: #0f172a;--color-text-muted: #475569;--color-text-subtle: #94a3b8;--color-success: #22c55e;--color-success-dark: #16a34a;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--font-sans: "Inter", "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-classic: "Playfair Display", "Noto Serif JP", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px}[data-theme=classic]{--color-primary: #8b7355;--color-primary-rgb: 139, 115, 85;--color-primary-hover: #6f5c44;--color-secondary: #b5a642;--color-accent: #d4af37;--color-bg-body: #f4ecd8;--color-bg-card: rgba(255, 255, 255, .6);--color-bg-card-hover: rgba(255, 255, 255, .8);--color-text-main: #2c2c2c;--color-text-muted: #5d5d5d;--color-text-subtle: #8e8e8e;--color-border: #dcd0b9;--color-border-hover: #c4b69c;--font-sans: var(--font-classic);--font-mono: "Courier Prime", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text-main);background-color:var(--color-bg-body);background-image:radial-gradient(at 0% 0%,hsla(253,16%,96%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,96%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,96%,1) 0,transparent 50%);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .5s ease,color .5s ease}a{color:var(--color-primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--color-primary-hover);text-decoration:underline}[data-theme=classic] body{background-image:url(/textures/old-map.png),radial-gradient(circle at center,#f4ecd8cc,#d2be96e6);background-color:#f4ecd8}#app{min-height:100vh;display:flex;flex-direction:column}.site-shell{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}@media(min-width:768px){.site-main{padding:var(--spacing-xl) var(--spacing-lg)}}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}[data-theme=classic] .card{background:#ffffffb3;border:1px solid rgba(139,115,85,.2);border-radius:2px;box-shadow:5px 5px 15px #0000000d}[data-theme=classic] .card:hover{background:#ffffffe6;box-shadow:8px 8px 20px #00000014;transform:translate(-2px,-2px)}.btn,button.primary,button.secondary,button.ghost{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--radius-full);font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-size:1rem;gap:8px}.btn-primary,button.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.4)}[data-theme=classic] .btn-primary,[data-theme=classic] button.primary{background:var(--color-primary);border-radius:0;box-shadow:3px 3px 0 var(--color-text-main);font-family:var(--font-classic)}[data-theme=classic] .btn-primary:hover,[data-theme=classic] button.primary:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-text-main)}button.secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}button.secondary:hover{background:rgba(var(--color-primary-rgb),.1)}.btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:rgba(var(--color-primary-rgb),.1)}button.ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}button.ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}button.ghost.small{padding:8px 16px;font-size:.875rem}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{width:100%;padding:12px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text-main);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-sans)}select{padding-right:16px;cursor:pointer}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);background:var(--color-bg-card-hover)}input:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}[data-theme=classic] input,[data-theme=classic] select,[data-theme=classic] textarea{background:#fff6;border:1px solid #8b7355;border-radius:0;font-family:var(--font-mono)}[data-theme=classic] input:focus,[data-theme=classic] select:focus,[data-theme=classic] textarea:focus{background:#fffc;border-color:var(--color-primary);box-shadow:2px 2px 0 var(--color-text-main)}.text-input{max-width:100%}.page-header{text-align:center;padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:var(--spacing-md);line-height:1.1}[data-theme=classic] .page-header h1{font-family:var(--font-classic);font-style:italic}.eyebrow{font-family:var(--font-mono);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.875rem;margin-bottom:var(--spacing-sm)}.lede{font-size:1.25rem;color:var(--color-text-muted);max-width:800px;margin:0 auto;line-height:1.6}[data-theme=classic] .lede{font-family:var(--font-classic);font-style:italic}.tab-bar{display:flex;gap:var(--spacing-sm);padding:4px;background:#0000000d;border-radius:var(--radius-full);margin-bottom:var(--spacing-xl)}[data-theme=classic] .tab-bar{background:transparent;border-bottom:2px solid var(--color-border);border-radius:0}.tab{padding:12px 24px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-muted);font-weight:700;cursor:pointer;transition:all .3s ease}.tab.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-md)}[data-theme=classic] .tab{border-radius:0;font-family:var(--font-classic)}[data-theme=classic] .tab.active{background:var(--color-primary);color:#fff;box-shadow:none}.tab-label{display:block;font-weight:700}.tab-desc{display:block;font-size:.75rem;font-weight:400;color:var(--color-text-muted);margin-top:2px}.tab.active .tab-desc{color:var(--color-primary)}@media(max-width:600px){.tab-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-xs)}.tab-bar::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:10px 16px;font-size:.9rem}.tab-label{display:block}.tab-desc{display:none}}.callout{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid transparent}.callout-info{background:#0ea5e91a;border-left-color:#0ea5e9;color:var(--color-text-main)}.callout-warning{background:#ef44441a;border-left-color:#ef4444;color:var(--color-text-main)}.callout-success{background:#22c55e1a;border-left-color:#22c55e;color:var(--color-text-main)}.info-panel,.hint,.callout-info{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid #0ea5e9;background:#0ea5e91a;color:var(--color-text-main)}.caution,.callout-warning{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid #ef4444;background:#ef44441a;color:var(--color-text-main)}[data-theme=classic] .info-panel,[data-theme=classic] .hint,[data-theme=classic] .caution{border-radius:0;border:1px solid var(--color-border);border-left-width:6px}pre,code{font-family:var(--font-mono);background:#0000000d;border-radius:var(--radius-sm)}pre{padding:var(--spacing-md);overflow-x:auto}[data-theme=classic] pre,[data-theme=classic] code{background:#00000008;border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}th{background:#00000005;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.card-grid{grid-template-columns:1fr}}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:600px){.catalog-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media(max-width:400px){.catalog-grid{grid-template-columns:1fr}}.catalog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease;text-align:left}.catalog-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.catalog-card.active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.catalog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.catalog-name{font-weight:700;font-size:1rem}.catalog-type,.catalog-era{font-size:.8rem;color:var(--color-text-muted);margin:0}.control-group{margin-bottom:var(--spacing-lg)}.control-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-main)}.shift-controls{display:flex;gap:var(--spacing-md);align-items:center}.shift-controls input[type=range]{flex:1}.shift-controls .number-input{width:80px;flex-shrink:0}@media(max-width:480px){.shift-controls{flex-direction:column;align-items:stretch}.shift-controls .number-input{width:100%}}.actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin:var(--spacing-lg) 0}@media(max-width:480px){.actions{flex-direction:column}.actions button{width:100%}}.feedback{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.feedback.info{background:#0ea5e91a;color:#0ea5e9}.feedback.error{background:#ef44441a;color:#ef4444}.chart-container{margin-top:var(--spacing-lg)}.chart-title{font-weight:600;margin-bottom:var(--spacing-sm)}.chart{width:100%;height:300px}@media(max-width:600px){.chart{height:200px}}.card-header{margin-bottom:var(--spacing-lg)}.card-header h2,.card-header h3{margin-bottom:var(--spacing-xs)}.card-header p{color:var(--color-text-muted);margin:0}.reference-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.reference-links a{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-sm);font-size:.875rem}@media(max-width:480px){.row-with-button{flex-direction:column!important}.row-with-button .text-input,.row-with-button button{width:100%}}@media(max-width:600px){.card{padding:var(--spacing-md)}}@media(max-width:600px){.page-header{padding:var(--spacing-lg) 0}.page-header h1{font-size:clamp(1.75rem,6vw,2.5rem)}.lede{font-size:1rem}.eyebrow{font-size:.75rem}}@media(max-width:600px){textarea{min-height:100px}}@media(max-width:600px){table{display:block;overflow-x:auto;white-space:nowrap}th,td{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}}.card.highlight{text-align:center}.card.highlight h3{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.hint{font-size:.875rem;color:var(--color-text-muted)}.hint.error{color:#ef4444}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-boundary h1{font-size:1.5rem;margin-bottom:.5rem}.error-boundary p{color:var(--color-text-muted);margin-bottom:1.5rem}.error-boundary details{margin-bottom:1.5rem;text-align:left;max-width:600px;width:100%}.error-boundary pre{background:var(--color-bg-card);padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem}.error-boundary__actions{display:flex;gap:1rem}.error-boundary__actions button{padding:.75rem 1.5rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-card);cursor:pointer;font-size:.9rem}.error-boundary__actions button:first-child{background:var(--color-accent);color:#fff;border:none}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:60vh;gap:8px}.loading-spinner__dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);animation:spinnerBounce 1.2s infinite ease-in-out}.loading-spinner__dot:nth-child(2){animation-delay:.16s}.loading-spinner__dot:nth-child(3){animation-delay:.32s}@keyframes spinnerBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found h1{font-size:4rem;color:var(--color-accent);margin-bottom:.5rem}.not-found p{color:var(--color-text-muted);margin-bottom:1.5rem}.not-found__link{padding:.75rem 1.5rem;background:var(--color-accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}