body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-leading)}h1,h2,h3,.cc-display{font-family:var(--font-display);color:var(--color-text-primary);margin:0 0 var(--space-4)}.cc-display{font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:600}h1,.cc-h1{font-size:var(--text-h1-size);line-height:var(--text-h1-leading);font-weight:600}h2,.cc-h2{font-size:var(--text-h2-size);line-height:var(--text-h2-leading);font-weight:600}h3,.cc-h3{font-size:var(--text-h3-size);line-height:var(--text-h3-leading);font-weight:500}.cc-body-sm{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-leading);color:var(--color-text-secondary)}.cc-mono{font-family:var(--font-mono);font-size:var(--text-mono-size);line-height:var(--text-mono-leading);color:var(--color-text-secondary)}.cc-mono-sm{font-family:var(--font-mono);font-size:var(--text-mono-sm-size);line-height:var(--text-mono-sm-leading);letter-spacing:var(--text-mono-sm-tracking);text-transform:uppercase}.cc-content{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-4)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}a:active{color:var(--color-accent-pressed)}.cc-header{position:sticky;top:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:10}.cc-nav{display:flex;align-items:center;gap:var(--space-6);padding-block:var(--space-4)}.cc-nav__item{font-family:var(--font-display);font-size:var(--text-body-sm-size);color:var(--color-text-secondary);text-decoration:none;padding-block-end:var(--space-1);border-bottom:2px solid #fff0;transition:color var(--transition-fast),border-color var(--transition-fast)}.cc-nav__item:hover{color:var(--color-text-primary)}.cc-nav__item.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.cc-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.cc-badge--system{font-family:var(--font-mono);font-size:var(--text-mono-sm-size);letter-spacing:var(--text-mono-sm-tracking);text-transform:uppercase;color:var(--color-text-secondary);border:1px solid var(--color-border);background:#fff0}.cc-badge--status{font-family:var(--font-mono);font-size:var(--text-mono-sm-size);letter-spacing:var(--text-mono-sm-tracking);text-transform:uppercase;color:var(--color-bg)}.cc-badge--status.is-confirmed{background:var(--color-success)}.cc-badge--status.is-pending{background:var(--color-warning)}.cc-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-body-sm-size);font-weight:500;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.cc-btn--primary{background:var(--color-accent);color:var(--color-bg);border:none}.cc-btn--primary:hover{background:var(--color-accent-hover)}.cc-btn--primary:active{background:var(--color-accent-pressed)}.cc-btn--secondary{background:#fff0;color:var(--color-text-primary);border:1px solid var(--color-border)}.cc-btn--secondary:hover{border-color:var(--color-border-strong)}.cc-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast)}.cc-card:hover{border-color:var(--color-border-strong)}.cc-card__thumb{background:var(--color-bg-inset);aspect-ratio:4 / 3;border-radius:var(--radius-sm);margin-bottom:var(--space-3);object-fit:contain}.cc-card__title{font-family:var(--font-display);font-size:var(--text-h3-size);line-height:var(--text-h3-leading);font-weight:500;margin:0 0 var(--space-1)}.cc-card__meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.cc-card__desc{font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-leading);color:var(--color-text-secondary)}.cc-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.cc-emulator-frame{background:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cc-field{margin-bottom:var(--space-4)}.cc-field label{display:block;font-family:var(--font-mono);font-size:var(--text-mono-sm-size);letter-spacing:var(--text-mono-sm-tracking);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.cc-field input,.cc-field textarea{width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body-size);padding:var(--space-3)}.cc-field input:focus,.cc-field textarea:focus{border-color:var(--color-accent)}.cc-field--error input,.cc-field--error textarea{border-color:var(--color-danger)}.cc-footer{background:var(--color-bg-inset);border-top:1px solid var(--color-border);padding-block:var(--space-8);margin-top:var(--space-12)}.cc-footer__disclaimer{font-size:var(--text-body-sm-size);color:var(--color-text-tertiary)}@media (min-width:768px){.cc-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cc-card-grid{grid-template-columns:repeat(3,1fr)}.cc-game-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}}@media (min-width:1280px){.cc-card-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}.cc-hero-layout{display:block;gap:var(--space-8)}@media (min-width:1024px){.cc-hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center}}.cc-pagination{flex-wrap:wrap}.cc-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding-inline:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-body-sm-size);text-decoration:none;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.cc-pagination a.page-numbers:hover{border-color:var(--color-border-strong)}.cc-pagination .page-numbers.current{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.cc-pagination .page-numbers.dots{border:none;color:var(--color-text-secondary)}.cc-breadcrumb a{color:var(--color-text-secondary,#9AA3B2);text-decoration:none}.cc-breadcrumb a:hover{color:var(--color-accent);text-decoration:underline}.cc-breadcrumb .last{color:var(--color-text)}