*{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-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)}.game-page{padding:var(--space-md);font-size:var(--font-text)}.game-article{gap:var(--space-md);flex-direction:column;max-width:960px;margin:0 auto;display:flex}.game-header{margin-bottom:var(--space-sm)}.game-title{font-size:var(--font-article-title);color:var(--color-text)}.game-subtitle{font-size:var(--font-small);color:var(--color-text);opacity:.8}.game-summary{border-top:2px solid var(--color-text);padding-top:var(--space-sm)}.game-summary-list{flex-direction:column;gap:.25rem;display:flex}.game-summary-row{font-size:var(--font-small);gap:.5rem;display:flex}.game-summary-row dt{font-weight:600}.game-summary-row dd{margin:0}.game-section{background-color:var(--color-bg);box-shadow:0 1px 4px var(--color-shadow-soft);padding:var(--space-md);border-radius:4px}.game-section-primary{background-color:var(--color-primary);color:var(--color-text-negative)}.game-section-header{margin-bottom:var(--space-sm)}.game-section-title{font-size:var(--font-section-title);margin:0}.game-section-subtitle{font-size:var(--font-small);opacity:.8;margin:0}.game-section-empty{font-size:var(--font-small);opacity:.8}.game-innovation-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.game-innovation-item{gap:var(--space-sm);grid-template-columns:auto 1fr;display:grid}.game-innovation-icon img{object-fit:contain;width:32px;height:32px}.game-innovation-title{margin:0 0 .25rem;font-weight:600}.game-innovation-text{font-size:var(--font-small);margin:0}.game-mechanics-grid{gap:var(--space-md);flex-direction:column;display:flex}.game-mechanics-column{background-color:var(--color-bg);box-shadow:0 1px 4px var(--color-shadow-soft);padding:var(--space-md);border-radius:4px}.game-mechanics-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.game-mechanic-item{flex-direction:column;gap:.25rem;display:flex}.game-mechanic-header{align-items:center;gap:.5rem;display:flex}.game-mechanic-icon img{object-fit:contain;width:24px;height:24px}.game-mechanic-title{font-size:var(--font-text);margin:0}.game-mechanic-link{color:var(--color-primary);font-weight:600;text-decoration:none}.game-mechanic-link:hover{text-decoration:underline}.game-mechanic-missing{opacity:.7;font-weight:600}.game-mechanic-text{font-size:var(--font-small);margin:0}.game-section-image{box-shadow:none;background:0 0;padding:0}.game-main-image{width:100%;height:auto;box-shadow:0 2px 6px var(--color-shadow-soft);border-radius:4px;display:block}@media (min-width:768px){.game-mechanics-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}}.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}@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-bg-lod0:var(--color-primary);--graph-node-bg-lod1:var(--color-primary);--graph-node-bg-lod2:var(--color-primary);--graph-node-bg-lod3:var(--color-primary);--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"}.node-hitbox{fill:#0000}.node-bg{stroke:#0000}.node-bg-secondary{stroke:#0000;fill:var(--graph-node-bg-secondary-color);opacity:.9}.node-bg-lod1{fill:var(--color-primary)}.node-bg-lod2{fill:url(#lod2-gradient)}.node-bg-lod3{fill:url(#lod3-gradient)}.node-title{fill:var(--graph-node-title);font-weight:700}.node-title-lod0{text-anchor:middle;dominant-baseline:middle;font-size:13px}.node-title-lod2,.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}.app-root{--sidebar-width:230px;--transition-fast:.15s ease;--mechanic-icon-size:32px;--title-subline-height:3px;grid-template-columns:1fr;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative}.app-main{flex:1;overflow:hidden}.mechanic-page{padding:var(--space-lg);background-color:var(--color-bg);justify-content:center;display:flex}.mechanic-article{gap:var(--space-md);width:100%;max-width:960px;padding-top:var(--space-xl);flex-direction:column;display:flex}.mechanic-header{text-align:left}.mechanic-title{font-size:var(--font-article-title);color:var(--color-text);margin:0;font-weight:700}.mechanic-category{margin-top:var(--space-sm);font-size:var(--font-small);color:var(--color-text);font-style:italic}.mechanic-section{background-color:var(--color-bg);gap:var(--space-sm),0;border-radius:0;flex-direction:column;padding:0;display:flex}.mechanic-section-primary{background-color:var(--color-primary);color:var(--color-bg);box-shadow:none}.mechanic-section-title{font-size:var(--font-section-title);color:var(--color-text);margin:0;padding-bottom:.4rem;font-weight:600;position:relative}.mechanic-section-primary .mechanic-section-title{color:var(--color-text-negative);padding:var(--space-sm)}.mechanic-section-subtitle{font-size:var(--font-small);opacity:.8;margin:0}.mechanic-section-primary .mechanic-section-subtitle{padding-left:var(--space-sm)}.mechanic-empty-text{margin:var(--space-sm)0 0;font-size:var(--font-text);opacity:.8}.mechanic-block-list{margin-top:var(--space-md);gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.mechanic-section-primary .mechanic-block-list{padding-left:var(--space-sm)}.mechanic-block{gap:var(--space-sm);margin:var(--space-sm);flex-direction:column;display:flex}.mechanic-block-header{align-items:center;gap:var(--space-sm);display:flex}.mechanic-block-icon{width:var(--mechanic-icon-size);height:var(--mechanic-icon-size);object-fit:contain;background-color:#0000;flex-shrink:0;display:block}.mechanic-block-title{font-size:var(--font-text);color:var(--color-text);margin:0;font-weight:600}.mechanic-block-body{margin:var(--space-sm)0 0}.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-section-title:after{content:"";width:100%;height:var(--title-subline-height);background-color:var(--color-primary);border-radius:0;position:absolute;bottom:0;left:0}.mechanic-section-primary .mechanic-block-title{color:var(--color-text-negative)}.mechanic-section-primary .mechanic-section-title:after,.mechanic-section-games{background-color:var(--color-bg)}.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-title{margin:0 0 var(--space-sm);color:var(--color-text);font-size:1rem;font-weight:600}.mechanic-game-card-meta{font-size:var(--font-small);color:var(--color-text);margin:0}.mechanic-empty-list{font-size:var(--font-text)}.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){.app-root,.app-root.sidebar-is-open{grid-template-columns:1fr}.sidebar-is-open .app-main{padding-left:var(--sidebar-width)}.mechanic-page{padding:var(--space-lg)}.mechanic-article{gap:var(--space-lg)}.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}}.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)}}