body{margin:0;overflow:hidden}.mm-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-surface-page)}.mm-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--space-16) + var(--space-2)) var(--space-4) var(--space-4);max-width:600px;margin:0 auto;width:100%;gap:var(--space-3);box-sizing:border-box}.mm-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) var(--space-3)}.status-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.mm-board-container{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.mm-board{width:100%;max-width:380px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:8px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 12px #0003;overflow-y:auto;max-height:68dvh}.mm-row{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-overlay);border-radius:var(--radius-lg);padding:4px 10px;border:2px solid transparent;transition:border-color .2s ease,background .2s ease}.mm-row--active{border-color:var(--game-accent);background:var(--game-accent-subtle)}.mm-row--disabled{opacity:.6}.mm-row__num{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--color-text-tertiary);width:20px}.mm-row__pegs{display:flex;gap:var(--space-2)}.mm-peg-slot{width:24px;height:24px;border-radius:50%;border:2px dashed var(--color-border-strong);background:transparent;cursor:default;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;padding:0;box-sizing:border-box;outline:none}.mm-row--active .mm-peg-slot{cursor:pointer;border-style:solid;border-color:var(--color-border-default)}.mm-row--active .mm-peg-slot:hover{transform:scale(1.1);border-color:var(--game-accent);box-shadow:0 0 8px var(--game-accent-glow)}.mm-row--active .mm-peg-slot:focus-visible{outline:2px solid var(--game-accent)}.peg-red{background:#ff4d4d;border-color:transparent!important;box-shadow:inset 0 -4px 8px #0000004d,0 2px 4px #0003}.peg-green{background:#2ecc71;border-color:transparent!important;box-shadow:inset 0 -4px 8px #0000004d,0 2px 4px #0003}.peg-blue{background:#3498db;border-color:transparent!important;box-shadow:inset 0 -4px 8px #0000004d,0 2px 4px #0003}.peg-yellow{background:#f1c40f;border-color:transparent!important;box-shadow:inset 0 -4px 8px #0000004d,0 2px 4px #0003}.peg-orange{background:#e67e22;border-color:transparent!important;box-shadow:inset 0 -4px 8px #0000004d,0 2px 4px #0003}.peg-purple{background:#9b59b6;border-color:transparent!important;box-shadow:inset 0 -4px 8px #0000004d,0 2px 4px #0003}.mm-row__feedback{display:flex;gap:6px;align-items:center;justify-content:center;width:46px;height:20px}.feedback-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;box-sizing:border-box;flex-shrink:0}.feedback-badge--exact{background-color:#10b981;box-shadow:0 0 6px #10b98166}.feedback-badge--partial{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b66}.feedback-badge--empty{background-color:transparent;border:1px dashed var(--color-border-strong);color:var(--color-text-tertiary)}.mm-controls{width:100%;max-width:380px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;box-shadow:0 4px 12px #0003}.mm-palette{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.mm-palette-btn{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;outline:none;padding:0;box-sizing:border-box}.mm-palette-btn:hover{transform:scale(1.15)}.mm-palette-btn--active{border-color:#fff;box-shadow:0 0 12px #fffc,0 0 0 2px var(--game-accent);transform:scale(1.15)}.mm-secret-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);width:100%;max-width:380px;box-sizing:border-box}.mm-secret-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;color:var(--color-text-secondary)}.mm-secret-pegs{display:flex;gap:var(--space-2)}.mm-secret-peg{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);color:var(--color-text-tertiary)}.mm-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;box-sizing:border-box}.mm-lobby__emoji{font-size:64px;line-height:1}.mm-lobby__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.mm-lobby__desc{color:var(--color-text-secondary);font-size:var(--text-base);max-width:30ch;line-height:1.6}.stats-container{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.stats-panel{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);width:100%}.stats-panel__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.stats-row{display:flex;justify-content:space-around;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-item__value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text-primary)}.stat-item__value--accent{color:var(--game-accent)}.stat-item__label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stats-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) 0}.stats-empty__icon{color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.stats-empty__title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.stats-empty__body{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.leaderboard-row{display:flex;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row--me{font-weight:700;color:var(--game-accent)}.leaderboard-rank{width:24px;color:var(--color-text-tertiary);font-weight:800}.leaderboard-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-surface-overlay);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-right:var(--space-3)}.leaderboard-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-score{font-weight:700;margin-right:var(--space-3)}.leaderboard-streak{font-size:var(--text-xs);color:var(--color-status-warning)}.gameover-overlay{width:100%;max-width:380px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;box-shadow:0 4px 12px #0003}.gameover-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;box-sizing:border-box}.gameover-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:900;margin:0}.gameover-card__level{display:flex;align-items:center;gap:var(--space-2)}.gameover-card__level-value{font-family:var(--font-display);font-size:var(--text-base);font-weight:900;color:var(--game-accent)}.gameover-card__level-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.gameover-card__actions{display:flex;gap:var(--space-2);justify-content:center;width:100%}.gameover-card__actions button{flex:1;padding:6px 12px;font-size:var(--text-sm)}@media (max-height: 680px){.mm-main{padding-top:calc(var(--space-12) + var(--space-1));gap:var(--space-2)}.mm-board{gap:3px;padding:6px 10px}.mm-row{padding:3px 8px}.mm-peg-slot{width:20px;height:20px}.mm-palette-btn{width:28px;height:28px}.mm-controls{padding:var(--space-2)}}.help-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);box-sizing:border-box}.help-modal{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-6);width:min(420px,100%);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:0 20px 40px #00000080}.help-modal h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;margin:0;color:var(--color-text-primary)}.help-modal p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.help-section{display:flex;flex-direction:column;gap:var(--space-1)}.help-section h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;margin:0;color:var(--game-accent)}.help-demo-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.help-btn{background:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer;outline:none;transition:all .15s ease;padding:0}.help-btn:hover{background:var(--game-accent);color:#fff;border-color:var(--game-accent)}