:root{font-synthesis:none}
html{min-height:100%;scroll-behavior:smooth}
body.chi-page{display:flex;min-height:100vh;min-height:100dvh;flex-direction:column}
.chi-template-main{flex:1;min-width:0}
.chi-template-footer{border-top:1px solid var(--chi-color-border);background:var(--chi-color-surface)}
.chi-template-footer__inner{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;color:var(--chi-color-text-muted);font-size:var(--chi-text-xs)}
.chi-template-footer a{color:inherit;text-decoration:none}
.chi-template-footer a:hover{color:var(--chi-color-accent)}
.brand-logo{display:block;width:2.15rem;height:2.15rem;object-fit:contain}
.brand-logo-dark{display:none}
[data-chi-theme=dark] .brand-logo-light{display:none}
[data-chi-theme=dark] .brand-logo-dark{display:block}
.header-actions{display:flex;align-items:center;gap:.5rem}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-block:3.25rem 2rem}
.eyebrow{margin:0 0 .65rem;color:var(--chi-color-accent);font-size:var(--chi-text-xs);font-weight:700;letter-spacing:.12em}
.chi-title{margin:0;color:var(--chi-color-text-strong);font-size:clamp(2rem,5vw,2.65rem);line-height:1.2}
.chi-description{margin:.75rem 0 0;color:var(--chi-color-text-muted)}
.summary{display:flex;gap:2rem;flex-shrink:0}
.summary div{display:grid;gap:.15rem}
.summary strong{font-size:1.65rem;line-height:1.2;color:var(--chi-color-text-strong);font-variant-numeric:tabular-nums}
.summary span{font-size:var(--chi-text-xs);color:var(--chi-color-text-muted)}
.workspace{padding-bottom:3rem}
.toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--chi-color-border);border-bottom:1px solid var(--chi-color-border)}
.search-field{display:flex;align-items:center;gap:.6rem;min-width:220px;flex:1;padding:0 .85rem;border:1px solid var(--chi-color-border-strong);border-radius:var(--chi-radius-md);background:var(--chi-color-surface);color:var(--chi-color-text-muted)}
.search-field input{width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--chi-color-text);font:inherit}
.search-field:focus-within{border-color:var(--chi-color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--chi-color-focus) 18%,transparent)}
.filters{display:flex;gap:.25rem;padding:.2rem;border-radius:var(--chi-radius-md);background:var(--chi-color-surface-muted)}
.filter-button{border:0;border-radius:7px;padding:.55rem .8rem;background:transparent;color:var(--chi-color-text-muted);font:inherit;font-size:var(--chi-text-sm);cursor:pointer}
.filter-button.is-active{background:var(--chi-color-surface);color:var(--chi-color-text-strong);box-shadow:var(--chi-shadow-sm)}
.platform-select select{height:44px;padding:0 2rem 0 .8rem;border:1px solid var(--chi-color-border-strong);border-radius:var(--chi-radius-md);background:var(--chi-color-surface);color:var(--chi-color-text);font:inherit}
.result-meta{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;color:var(--chi-color-text-muted);font-size:var(--chi-text-sm)}
.text-button{border:0;background:transparent;color:var(--chi-color-accent);font:inherit;cursor:pointer}
.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.game-card{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:158px;overflow:hidden;border:1px solid var(--chi-color-border);border-radius:var(--chi-radius-lg);background:var(--chi-color-surface)}
.game-image{width:100%;height:100%;min-height:158px;object-fit:cover;background:var(--chi-color-surface-muted)}
.game-content{display:flex;min-width:0;flex-direction:column;padding:1rem;gap:.55rem}
.game-topline{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.platform-label{color:var(--chi-color-text-muted);font-size:var(--chi-text-xs)}
.status-label{display:inline-flex;align-items:center;white-space:nowrap;border-radius:6px;padding:.22rem .5rem;background:var(--chi-color-surface-muted);color:var(--chi-color-text-muted);font-size:var(--chi-text-xs)}
.status-label.claimed{background:var(--chi-color-success-soft);color:var(--chi-color-success)}
.game-title{margin:0;color:var(--chi-color-text-strong);font-size:1.05rem;line-height:1.4}
.game-brief{margin:0;color:var(--chi-color-text-muted);font-size:var(--chi-text-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}
.deadline{color:var(--chi-color-text-muted);font-size:var(--chi-text-xs);font-variant-numeric:tabular-nums}
.card-actions{display:flex;align-items:center;gap:.6rem}
.store-link{color:var(--chi-color-accent);font-size:var(--chi-text-sm);text-decoration:none;white-space:nowrap}
.claim-toggle{min-height:34px;padding:.35rem .65rem;border:1px solid var(--chi-color-border-strong);border-radius:7px;background:var(--chi-color-surface);color:var(--chi-color-text);font:inherit;font-size:var(--chi-text-xs);cursor:pointer;white-space:nowrap}
.claim-toggle:disabled{opacity:.55;cursor:wait}
.loading-state,.empty-state{padding:3.5rem 1rem;text-align:center;color:var(--chi-color-text-muted)}
.empty-state h2{margin:0 0 .5rem;color:var(--chi-color-text-strong);font-size:1.1rem}
.empty-state p{margin:0}
.data-note{margin:1rem 0 0;color:var(--chi-color-text-subtle);font-size:var(--chi-text-xs)}
.error-message{margin-top:1rem;padding:.8rem 1rem;border:1px solid var(--chi-color-danger-border);border-radius:var(--chi-radius-md);background:var(--chi-color-danger-soft);color:var(--chi-color-danger);font-size:var(--chi-text-sm)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(max-width:900px){.game-list{grid-template-columns:1fr}.page-intro{padding-top:2.5rem}}
@media(max-width:600px){.chi-site-header__inner{gap:.5rem}.chi-nav{display:none}.header-actions{gap:.35rem}.header-actions .chi-button{padding-inline:.65rem;font-size:var(--chi-text-xs)}.page-intro{align-items:flex-start;flex-direction:column;gap:1.5rem;padding-block:2rem 1.5rem}.summary{gap:2.5rem}.toolbar{align-items:stretch}.search-field{flex-basis:100%}.filters{flex:1}.filter-button{flex:1;padding-inline:.45rem}.platform-select select{width:100%}.platform-select{flex:1}.game-card{grid-template-columns:112px minmax(0,1fr)}.game-image{min-height:145px}.game-content{padding:.75rem}.game-title{font-size:.98rem}.game-brief{-webkit-line-clamp:2}.game-bottom{align-items:flex-start;flex-direction:column}.card-actions{width:100%;justify-content:space-between}}
@media(max-width:560px){.chi-template-footer__inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:.25rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}