:root{--bc-primary: #009688;--bc-primary-dark: #00796b;--bc-primary-light: #4db6ac;--bc-text: #212121;--bc-text-secondary: #424242;--bc-background: #ffffff;--bc-background-secondary: #f5f5f5;--bc-border: #e0e0e0;--bc-success: #2e7d32;--bc-success-light: #e8f5e9;--bc-error: #c62828;--bc-error-light: #ffebee;--bc-warning: #f57c00;--bc-warning-light: #fff3e0;--bc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bc-font-size-base: 18px;--bc-font-size-sm: 16px;--bc-font-size-lg: 22px;--bc-font-size-xl: 28px;--bc-font-size-2xl: 36px;--bc-line-height: 1.5;--bc-font-weight-normal: 400;--bc-font-weight-medium: 500;--bc-font-weight-bold: 700;--bc-spacing-xs: 4px;--bc-spacing-sm: 8px;--bc-spacing-md: 16px;--bc-spacing-lg: 24px;--bc-spacing-xl: 32px;--bc-spacing-2xl: 48px;--bc-touch-target: 48px;--bc-touch-target-lg: 56px;--bc-radius-sm: 4px;--bc-radius-md: 8px;--bc-radius-lg: 12px;--bc-radius-full: 9999px;--bc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--bc-shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--bc-shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--bc-transition-fast: .15s ease;--bc-transition-normal: .2s ease;--bc-transition-slow: .3s ease;--bc-z-base: 0;--bc-z-dropdown: 100;--bc-z-sticky: 200;--bc-z-modal: 300;--bc-z-toast: 400;--bc-max-width: 600px;--bc-container-padding: var(--bc-spacing-md)}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--bc-font-size-base);-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--bc-font-family);font-size:var(--bc-font-size-base);line-height:var(--bc-line-height);color:var(--bc-text);background-color:var(--bc-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:3px solid var(--bc-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--bc-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0 0 var(--bc-spacing-md);font-weight:var(--bc-font-weight-bold);line-height:1.2;color:var(--bc-text)}h1{font-size:var(--bc-font-size-2xl)}h2{font-size:var(--bc-font-size-xl)}h3{font-size:var(--bc-font-size-lg)}p{margin:0 0 var(--bc-spacing-md)}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.bc-container{width:100%;max-width:var(--bc-max-width);margin:0 auto;padding:var(--bc-container-padding)}.bc-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}.bc-skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:var(--bc-spacing-sm) var(--bc-spacing-md);background:var(--bc-primary);color:#fff;text-decoration:none;font-weight:var(--bc-font-weight-medium);border-radius:var(--bc-radius-md);z-index:var(--bc-z-toast);transition:top var(--bc-transition-fast)}.bc-skip-link:focus{top:var(--bc-spacing-sm)}.bc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bc-spacing-sm);min-height:var(--bc-touch-target);min-width:var(--bc-touch-target);padding:var(--bc-spacing-sm) var(--bc-spacing-lg);font-family:inherit;font-size:var(--bc-font-size-base);font-weight:var(--bc-font-weight-medium);line-height:1;text-decoration:none;border:2px solid transparent;border-radius:var(--bc-radius-md);cursor:pointer;transition:background-color var(--bc-transition-fast),border-color var(--bc-transition-fast),transform var(--bc-transition-fast);user-select:none;-webkit-tap-highlight-color:transparent}.bc-btn:active{transform:scale(.98)}.bc-btn--primary{background-color:var(--bc-primary);color:#fff;border-color:var(--bc-primary)}.bc-btn--primary:hover,.bc-btn--primary:focus{background-color:var(--bc-primary-dark);border-color:var(--bc-primary-dark)}.bc-btn--secondary{background-color:transparent;color:var(--bc-primary);border-color:var(--bc-primary)}.bc-btn--secondary:hover,.bc-btn--secondary:focus{background-color:var(--bc-primary);color:#fff}.bc-btn--ghost{background-color:transparent;color:var(--bc-text);border-color:transparent}.bc-btn--ghost:hover,.bc-btn--ghost:focus{background-color:var(--bc-background-secondary)}.bc-btn--lg{min-height:var(--bc-touch-target-lg);padding:var(--bc-spacing-md) var(--bc-spacing-xl);font-size:var(--bc-font-size-lg)}.bc-btn--full{width:100%}.bc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.bc-card{background:var(--bc-background);border-radius:var(--bc-radius-lg);box-shadow:var(--bc-shadow-md);padding:var(--bc-spacing-lg)}.bc-card--bordered{box-shadow:none;border:2px solid var(--bc-border)}.bc-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--bc-spacing-lg);text-align:center}.bc-screen__title{margin-bottom:var(--bc-spacing-lg)}.bc-screen__content{width:100%;max-width:var(--bc-max-width)}.bc-screen__actions{display:flex;flex-direction:column;gap:var(--bc-spacing-md);width:100%;max-width:300px;margin-top:var(--bc-spacing-xl)}.bc-hud{display:flex;justify-content:space-between;align-items:center;padding:var(--bc-spacing-md);background:var(--bc-background);border-bottom:2px solid var(--bc-border);position:sticky;top:0;z-index:var(--bc-z-sticky)}.bc-hud__stats{display:flex;gap:var(--bc-spacing-lg)}.bc-hud__stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.bc-hud__stat-label{font-size:var(--bc-font-size-sm);color:var(--bc-text-secondary)}.bc-hud__stat-value{font-size:var(--bc-font-size-lg);font-weight:var(--bc-font-weight-bold);color:var(--bc-text)}.bc-progress{width:100%;height:8px;background:var(--bc-background-secondary);border-radius:var(--bc-radius-full);overflow:hidden}.bc-progress__bar{height:100%;background:var(--bc-success);border-radius:var(--bc-radius-full);transition:width var(--bc-transition-normal)}.bc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--bc-spacing-md);z-index:var(--bc-z-modal)}.bc-modal{background:var(--bc-background);border-radius:var(--bc-radius-lg);box-shadow:var(--bc-shadow-lg);padding:var(--bc-spacing-xl);max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.bc-modal__title{margin-bottom:var(--bc-spacing-lg);text-align:center}.bc-modal__actions{display:flex;flex-direction:column;gap:var(--bc-spacing-md);margin-top:var(--bc-spacing-lg)}.bc-game-area{flex:1;display:flex;flex-direction:column;padding:var(--bc-spacing-md)}.bc-memory-grid{display:grid;gap:var(--bc-spacing-sm);padding:var(--bc-spacing-sm);justify-content:center}.bc-memory-card{aspect-ratio:1;min-width:var(--bc-touch-target);min-height:var(--bc-touch-target);perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent}.bc-memory-card__inner{position:relative;width:100%;height:100%;transition:transform var(--bc-transition-slow);transform-style:preserve-3d}.bc-memory-card--flipped .bc-memory-card__inner{transform:rotateY(180deg)}.bc-memory-card__face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--bc-radius-md);backface-visibility:hidden;border:3px solid var(--bc-border)}.bc-memory-card__back{background:var(--bc-primary);border-color:var(--bc-primary-dark)}.bc-memory-card__front{background:var(--bc-background);transform:rotateY(180deg)}.bc-memory-card__icon{width:60%;height:60%;color:var(--bc-primary)}.bc-memory-card--matched{pointer-events:none}.bc-memory-card--matched .bc-memory-card__front{background:var(--bc-success-light);border-color:var(--bc-success)}.bc-memory-card--matched .bc-memory-card__icon{color:var(--bc-success)}.bc-feedback{padding:var(--bc-spacing-md);border-radius:var(--bc-radius-md);text-align:center;font-weight:var(--bc-font-weight-medium)}.bc-feedback--success{background:var(--bc-success-light);color:var(--bc-success)}.bc-feedback--info{background:var(--bc-background-secondary);color:var(--bc-text)}.bc-difficulty-grid{display:flex;flex-direction:column;gap:var(--bc-spacing-md);width:100%}.bc-difficulty-option{padding:var(--bc-spacing-lg);background:var(--bc-background);border:3px solid var(--bc-border);border-radius:var(--bc-radius-lg);cursor:pointer;transition:border-color var(--bc-transition-fast),background-color var(--bc-transition-fast)}.bc-difficulty-option:hover,.bc-difficulty-option:focus{border-color:var(--bc-primary);background:var(--bc-background-secondary)}.bc-difficulty-option__title{font-size:var(--bc-font-size-lg);font-weight:var(--bc-font-weight-bold);margin-bottom:var(--bc-spacing-xs)}.bc-difficulty-option__desc{font-size:var(--bc-font-size-sm);color:var(--bc-text-secondary)}.bc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--bc-spacing-md);margin:var(--bc-spacing-lg) 0}.bc-stats__item{text-align:center;padding:var(--bc-spacing-md);background:var(--bc-background-secondary);border-radius:var(--bc-radius-md)}.bc-stats__label{font-size:var(--bc-font-size-sm);color:var(--bc-text-secondary);margin-bottom:var(--bc-spacing-xs)}.bc-stats__value{font-size:var(--bc-font-size-xl);font-weight:var(--bc-font-weight-bold)}.bc-transparent{background:transparent}.bc-transparent .bc-hud{background:#fffffff2}.bc-transparent .bc-modal-overlay{background:#000000b3}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bc-memory-card__inner{transition:none}}@media (prefers-contrast: more){:root{--bc-border: #000000}.bc-btn{border-width:3px}.bc-memory-card__face{border-width:4px}}@media (max-width: 480px){:root{--bc-font-size-base: 16px;--bc-container-padding: var(--bc-spacing-sm)}.bc-hud__stats{gap:var(--bc-spacing-md)}}@media (min-width: 768px){.bc-difficulty-grid{flex-direction:row}.bc-difficulty-option{flex:1}}