*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:#f9fafb;font-family:system-ui,sans-serif}:root{--color-bg:#fff;--color-primary:#003842;--color-text:var(--color-primary);--color-text-negative:var(--color-bg);--color-shadow-soft:#0000000f;--color-shadow-hover:#0000001f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-small:clamp(.7rem,3vw - .5rem,.9rem);--font-text:clamp(.9rem,5vw - 1.2rem,1.2rem);--font-section-title:clamp(1.5rem,8vw - 2rem,1.8rem);--font-article-title:clamp(2rem,10vw - 3rem,2.5rem);--radius-card:8px;--radius-section:4px;--radius-icon:6px;--gap-section:var(--space-lg);--gap-block:var(--space-sm);--gap-card:var(--space-sm);--section-underline-height:3px;--transition-fast:.15s ease;--sidebar-width:230px;--icon-width:32px;--icon-height:32px}.game-top-grid,.game-mechanics-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:768px){.game-top-grid,.game-mechanics-grid{gap:var(--space-md);grid-template-columns:1fr 1fr}}.game-column{background-color:var(--color-bg);box-shadow:0 1px 4px var(--color-shadow-soft);padding:var(--space-md);border-radius:4px}.game-summary-list{margin:0;padding:0}.game-summary-row{gap:var(--space-sm);font-size:var(--font-text);display:flex}.game-summary-row+.game-summary-row{margin-top:.25rem}.game-summary-row dt{font-weight:600}.game-summary-row dd{margin:0}.link-card{align-items:center;gap:var(--space-md);color:inherit;padding:var(--space-sm);box-shadow:0 1px 4px var(--color-shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);background-color:#0000000a;border-radius:8px;text-decoration:none;display:flex}.link-card:hover{box-shadow:0 2px 8px var(--color-shadow-hover);background-color:#00384214;transform:translateY(-1px)}.game-main-image{border-radius:var(--radius-icon);width:100%;height:auto;box-shadow:0 2px 6px var(--color-shadow-soft);display:block}ul{list-style-type:none}.page-header{margin-bottom:var(--space-md)}.page-title{font-size:var(--font-article-title);margin:0}.content-page{padding:var(--space-md);color:var(--color-text)}.content-article{gap:var(--gap-section);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.page-section{padding:var(--space-lg);background:var(--color-bg);color:var(--color-text);margin-bottom:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--color-shadow-soft)0px 2px 6px}.page-section-header{margin-bottom:var(--space-sm);border-bottom:var(--section-underline-height)solid var(--color-primary);padding-bottom:var(--space-xs)}.page-section-title{font-size:var(--font-section-title);color:currentColor;margin:0;font-weight:600}.page-section-subtitle{font-size:var(--font-small);opacity:.8;color:currentColor;margin:0}.page-section-primary{background-color:var(--color-primary);color:var(--color-text-negative);border-radius:var(--radius-section);box-shadow:0 1px 4px var(--color-shadow-soft);padding:var(--space-md)}.page-section-empty{font-size:var(--font-small);opacity:.7;margin:0}.two-columns{gap:var(--space-lg);flex-direction:column;display:flex}@media (min-width:768px){.two-columns{flex-direction:row}}.block-list{margin:0;padding:0;list-style:none}.block{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#0000000a}.page-section-primary .block{background:#ffffff1a}.block-header{align-items:center;gap:var(--space-sm);display:flex}.block-icon{object-fit:contain;width:32px;height:32px}.block-title{font-size:var(--font-text);color:currentColor;font-weight:600}.block-body{margin-top:var(--space-xs);color:currentColor;font-size:var(--font-text)}.link-card{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);color:inherit;background:#00000008;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.link-card:hover{box-shadow:var(--color-shadow-hover)0px 4px 10px;transform:translateY(-2px)}.link-card-image{border-radius:var(--radius-md);object-fit:cover;width:72px;height:72px}.link-card-title{font-size:var(--font-text);color:currentColor;font-weight:600}.link-card-meta{font-size:var(--font-small);opacity:.7}.info-block-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.info-block{padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-sm)}.info-block-header{align-items:center;gap:var(--space-sm);display:flex}.info-block-icon{width:var(--icon-width);height:var(--icon-height);object-fit:contain}.info-block-title{font-size:var(--font-text);color:currentColor;margin:0;font-weight:600}.info-block-body{margin:var(--space-xs)0 0;font-size:var(--font-text);color:currentColor;line-height:1.4}.mdPage h2,.mdPage h3{margin-top:1.25rem;margin-bottom:.5rem}.mdPage p{margin:.5rem 0;line-height:1.6}.mdPage ul{margin:.75rem 0 .75rem 1.25rem}.mdPage li{margin:.35rem 0}.mdPage a{text-decoration:underline}.mechanic-category{margin-top:var(--space-sm);font-size:var(--font-small);color:var(--color-text);font-style:italic}.mechanic-two-columns{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:1fr;display:grid}.mechanic-column{background-color:var(--color-bg);border-radius:0}.mechanic-games-list{margin:var(--space-sm)0 0;gap:var(--space-md);grid-template-columns:1fr;padding:0;list-style:none;display:grid}.mechanic-game-card{background-color:var(--color-bg);box-shadow:0 1px 3px var(--color-shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:0;overflow:hidden}.mechanic-game-card-link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.mechanic-game-card-info{padding:.75rem,.9rem .9rem}.mechanic-game-card-image{object-fit:cover;width:100px;height:75px}.mechanic-game-card:hover{box-shadow:0 3px 8px var(--color-shadow-hover);transform:translateY(-2px)}@media (min-width:768px){.mechanic-two-columns{gap:var(--space-lg);grid-template-columns:1fr 1fr}.mechanic-games-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mechanic-game-card-image{height:150px}}.sidebar{width:var(--sidebar-width);background-color:var(--color-primary);height:100vh;color:var(--color-bg);transition:transform var(--transition-fast);z-index:1000;flex-direction:column;gap:1rem;padding:.75rem;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-260px)}.sidebar-is-open .sidebar{transform:translate(0)}.sidebar-open-button{z-index:999;cursor:pointer;width:48px;height:48px;transition:opacity var(--transition-fast);background-color:#0000;border:none;padding:8px;position:relative;top:8px;left:8px}.sidebar-open-button.hidden{opacity:0;pointer-events:none}.sidebar-open-button-image{object-fit:contain;width:32px;height:32px}.sidebar-close-button{background-color:#0000;border:none;width:32px;height:32px;padding:0}.sidebar-close-button-image{object-fit:contain;width:32px;height:32px}.sidebar-header{gap:var(--space-lg);border-bottom:1px solid #ffffff1a;justify-content:flex-start;align-items:center;margin-bottom:1rem;padding:.5rem .25rem;display:flex}.sidebar-logo{color:#fff;flex-direction:column;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.sidebar-logo span{letter-spacing:.02em;font-size:.8rem}.sidebar-nav{background-color:#00000040;border-radius:4px;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;display:flex}.sidebar-nav-link{color:#fff;padding:.25rem 0;font-size:1rem;text-decoration:none}.sidebar-nav-link:hover{text-decoration:underline}.sidebar-config{background-color:#0000002e;border-radius:4px;flex-direction:column;gap:.75rem;margin-top:1rem;padding:.75rem;display:flex}.sidebar-search input{background-color:#fff;border:none;border-radius:.2rem;outline:none;width:100%;padding:.4rem .5rem;font-size:.9rem}.sidebar-section-title{margin:0 0 .5rem;font-size:.9rem;font-weight:600}.sidebar-genealogy{flex-direction:column;gap:.75rem;display:flex}.sidebar-control{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.sidebar-control-label{font-weight:600}.sidebar-actions{gap:.5rem;display:flex}.sidebar-actions button{cursor:pointer;color:var(--color-primary);background-color:#fff;border:none;border-radius:3px;flex:1;padding:.4rem .5rem;font-size:.85rem}.sidebar-search{position:relative}.sidebar-search-results{z-index:10;background:#0f172a;border-radius:4px;max-height:200px;margin-top:4px;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.sidebar-search-result-item{cursor:pointer;align-items:center;gap:6px;padding:4px 8px;display:flex}.sidebar-search-result-item:hover{background:#1e293b}.sidebar-search-result-kind{text-transform:uppercase;opacity:.7;font-size:10px}.sidebar-search-result-title{font-size:12px}.sidebar-nav-link.is-active{font-weight:600;text-decoration:underline}@media (min-width:768px){.sidebar{z-index:auto;position:fixed}.app-root.sidebar-is-closed .sidebar{transform:translateX(-var(--sidebar-width))}.sidebar-open-button{position:absolute;top:16px;left:16px}}.genealogy-graph{--graph-bg:var(--color-bg);--graph-node-color-muted:#285058;--graph-node-bg-secondary-lod3:#0f172a;--graph-link-color:var(--color-primary);--graph-node-title:var(--color-text-negative);--graph-node-bg-secondary-color:#0f172a;background:var(--graph-bg);width:100%;height:100vh;display:"block"}.graph-title-text{fill:#fff}.graph-title-bg{fill:#003842}.node-hitbox{fill:#0000}.node-bg{stroke:none}.node-bg-secondary{stroke:none;fill:var(--graph-node-bg-secondary-color)}.node-bg-lod1{fill:var(--color-primary)}.node--disabled .node-bg-lod1{fill:var(--graph-node-color-muted)}.node--disabled .node-bg-secondary{fill:#121c30}.node--disabled .node-title,.node--disabled .node-info-text,.node--disabled .node-section-title,.node--disabled .node-section-text,.node--disabled .node-text-lod2{fill:#d2d7e1}.node--clickable{cursor:pointer}.node--clickable:hover{filter:drop-shadow(0 6px 14px #00000059)}.node-title{fill:var(--graph-node-title);font-weight:700}.node-title-lod1{text-anchor:middle;dominant-baseline:middle;font-size:28px}.node-title-lod3{font-size:15px}.node-info-text{fill:var(--color-text-negative);font-size:6px;font-weight:200}.node-section-title{fill:var(--color-text-negative);font-size:8px;font-weight:400}.node-section-text{fill:var(--color-text-negative);font-size:6px;font-weight:200}.node-text-lod2{fill:var(--color-text-negative);font-size:10px;font-weight:400}.year-axis-text{fill:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:-.01em;pointer-events:none;font-family:ui-monospace,SF Mono,Cascadia Mono,Segoe UI Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700}.year-axis-line{stroke:var(--color-primary);stroke-width:0;pointer-events:none}.year-axis-bg{fill:#ffffffbf;pointer-events:none}.lineage-title-text{fill:var(--color-text);pointer-events:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.lineage-title-bg{fill:#ffffffbf;pointer-events:none}.app-root{grid-template-columns:1fr;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative}@media (min-width:768px){.app-root,.app-root.sidebar-is-open{grid-template-columns:1fr}.sidebar-is-open .app-main{padding-left:var(--sidebar-width)}.sidebar-open-button{z-index:20;position:fixed;top:12px;left:12px}}.sidebar-open-button{z-index:30;align-items:top;background:0 0;border:0;justify-content:left;padding:0;display:inline-flex;position:fixed;top:12px;left:12px}.app-main{flex:1;padding-top:56px;overflow:hidden}.games-index{padding:var(--space-lg)}.games-index-title{font-size:var(--font-article-title);margin-bottom:var(--space-md);color:var(--color-primary)}.games-index-count{margin-bottom:var(--space-lg);font-size:var(--font-text);color:var(--color-primary)}.games-grid{gap:var(--space-lg);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.game-card{background:var(--color-bg);box-shadow:0 2px 6px var(--color-shadow-soft);border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover{box-shadow:0 4px 10px var(--color-shadow-hover);transform:translateY(-3px)}.game-card-link{color:inherit;text-decoration:none;display:block}.game-card-image{object-fit:cover;background:#0002;width:100%;height:180px}.game-card-info{padding:var(--space-md)}.game-card-title{font-size:var(--font-text);color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:600}.game-card-meta{font-size:var(--font-small);opacity:.8}@media (min-width:600px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1300px){.games-grid{grid-template-columns:repeat(4,1fr)}}.mechanics-index{padding:var(--space-lg)}.mechanics-index-title{font-size:var(--font-article-title);margin-bottom:var(--space-md);color:var(--color-primary)}.mechanics-index-count{margin-bottom:var(--space-lg);font-size:var(--font-text);color:var(--color-primary)}.mechanics-grid{gap:var(--space-lg);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.mechanic-card{background:var(--color-bg);box-shadow:0 2px 6px var(--color-shadow-soft);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:10px;overflow:hidden}.mechanic-card:hover{box-shadow:0 4px 10px var(--color-shadow-hover);transform:translateY(-3px)}.mechanic-card-link{color:inherit;padding:var(--space-md);text-decoration:none;display:block}.mechanic-card-header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.mechanic-card-title{font-size:var(--font-text);color:var(--color-primary);margin:0;font-weight:600}.mechanic-card-category{font-size:var(--font-small);text-transform:uppercase;letter-spacing:.06em;opacity:.75}.mechanic-card-preview{font-size:var(--font-small);opacity:.9;margin:0}@media (min-width:600px){.mechanics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.mechanics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1300px){.mechanics-grid{grid-template-columns:repeat(4,1fr)}}