.chimp-app{min-height:100dvh;display:flex;flex-direction:column}.chimp-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);gap:var(--space-5);max-width:680px;margin:0 auto;width:100%}.chimp-status{display:flex;align-items:center;justify-content:space-between;width:100%}.level-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--game-accent);background:var(--game-accent-subtle);border:1px solid var(--game-accent);border-radius:var(--radius-badge);padding:var(--space-1-5) var(--space-4)}.level-badge__number{font-size:var(--text-xl);font-weight:900}.status-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-align:right}.memorise-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.memorise-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--game-accent)}.memorise-countdown{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;color:var(--color-text-primary);letter-spacing:-.03em;line-height:1;transition:color .3s ease}.memorise-countdown.urgent{color:var(--color-status-error)}.memorise-bar-track{width:100%;height:4px;background:var(--color-surface-overlay);border-radius:var(--radius-full);overflow:hidden}.memorise-bar-fill{height:100%;background:var(--game-accent);border-radius:var(--radius-full);transition:width .1s linear,background .3s ease}.memorise-bar-fill.urgent{background:var(--color-status-error)}.chimp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;width:100%;aspect-ratio:7/5;max-width:560px}.chimp-cell{aspect-ratio:1;border-radius:var(--radius-lg);background:transparent;border:none;cursor:default;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:900;color:var(--color-text-primary);position:relative;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.chimp-cell--active{background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);cursor:pointer}.chimp-cell--active:hover{border-color:var(--game-accent);background:var(--game-accent-subtle);transform:scale(1.06)}.chimp-cell--active:active{transform:scale(.95)}.chimp-cell--showing{background:var(--game-accent-muted);border:1.5px solid transparent;color:#fff;animation:cell-appear var(--duration-slow) var(--ease-spring)}@keyframes cell-appear{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.chimp-cell--blank{background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);cursor:pointer}.chimp-cell--blank:hover{border-color:var(--game-accent);transform:scale(1.04)}.chimp-cell--correct{background:var(--color-status-success);border-color:transparent;color:#fff;cursor:default;animation:correct-pop var(--duration-slow) var(--ease-spring)}@keyframes correct-pop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.chimp-cell--wrong{background:var(--color-status-error);border-color:transparent;color:#fff;animation:wrong-shake .3s var(--ease-out)}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.chimp-cell--next-hint{box-shadow:0 0 0 2px var(--game-accent)}.progress-dots{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.progress-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--color-border-default);background:transparent;transition:all var(--duration-normal) var(--ease-spring)}.progress-dot--correct{background:var(--color-status-success);border-color:var(--color-status-success);animation:dot-pop var(--duration-normal) var(--ease-spring)}@keyframes dot-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.progress-dot--wrong{background:var(--color-status-error);border-color:var(--color-status-error)}.phase-message{text-align:center;padding:var(--space-4) 0}.phase-message__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-2)}.phase-message__sub{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.chimp-lobby{width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.chimp-lobby__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.chimp-lobby__emoji{font-size:64px;line-height:1}.chimp-lobby__desc{color:var(--color-text-secondary);font-size:var(--text-base);max-width:30ch;line-height:1.6}.demo-grid{display:grid;grid-template-columns:repeat(4,48px);gap:4px}.demo-cell{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}.demo-cell--number{background:var(--game-accent-muted);color:#fff}.demo-cell--empty{background:var(--color-surface-overlay);border:1.5px solid var(--color-border-subtle)}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fade-in var(--duration-normal) ease}.gameover-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;animation:modal-rise var(--duration-slow) var(--ease-spring)}.gameover-card__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;letter-spacing:-.02em}.gameover-card__level{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.gameover-card__level-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;color:var(--game-accent);letter-spacing:-.03em}.gameover-card__level-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.gameover-card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%}.chimp-cell--reveal-expected{background:var(--game-accent-subtle)!important;border:2px dashed var(--game-accent)!important;box-shadow:0 0 12px var(--game-accent)!important;color:var(--game-accent)!important;animation:pulse-border 1.5s infinite alternate}@keyframes pulse-border{0%{box-shadow:0 0 4px var(--game-accent)}to{box-shadow:0 0 16px var(--game-accent)}}.chimp-cell--reveal-unclicked{background:var(--color-surface-raised)!important;border:1.5px solid var(--color-border-subtle)!important;color:var(--color-text-secondary)!important;opacity:.6}.level-badge--error{color:var(--color-status-error)!important;background:#ef44441a!important;border-color:var(--color-status-error)!important}