body{margin:0;overflow:hidden}.simon-app{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-surface-page)}.simon-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);max-width:600px;margin:0 auto;width:100%;gap:var(--space-4);box-sizing:border-box}.simon-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)}.simon-board-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:340px;aspect-ratio:1;position:relative}.simon-board{width:100%;height:100%;border-radius:50%;background:#11141a;border:12px solid #1a1e29;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:12px;box-shadow:0 8px 32px #0006,inset 0 2px 8px #ffffff0d;box-sizing:border-box;position:relative;overflow:hidden}.simon-pad{border:none;cursor:pointer;transition:opacity .15s ease,filter .15s ease,transform .1s ease;outline:none;-webkit-tap-highlight-color:transparent;opacity:.65}.simon-pad:hover:not(:disabled){opacity:.85}.simon-pad:active:not(:disabled){transform:scale(.96)}.simon-pad:disabled{cursor:default}.pad-green{background:#0c4;border-top-left-radius:100%}.pad-green.active{background:#39ff14;opacity:1;box-shadow:0 0 30px #39ff14;filter:brightness(1.2)}.pad-red{background:#e60000;border-top-right-radius:100%}.pad-red.active{background:#ff073a;opacity:1;box-shadow:0 0 30px #ff073a;filter:brightness(1.2)}.pad-yellow{background:#e6b800;border-bottom-left-radius:100%}.pad-yellow.active{background:#ff3;opacity:1;box-shadow:0 0 30px #ff3;filter:brightness(1.2)}.pad-blue{background:#06f;border-bottom-right-radius:100%}.pad-blue.active{background:#0ff;opacity:1;box-shadow:0 0 30px #0ff;filter:brightness(1.2)}.simon-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:#11141a;border:10px solid #1a1e29;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;box-shadow:0 4px 12px #00000080;text-align:center;-webkit-user-select:none;user-select:none}.simon-center__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.simon-center__score{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--color-text-primary);line-height:1}.simon-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}.simon-lobby__emoji{font-size:64px;line-height:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.simon-lobby__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.simon-lobby__desc{color:var(--color-text-secondary);font-size:var(--text-base);max-width:30ch;line-height:1.6}.simon-lobby__howto{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:-4px}.stats-container{width:100%;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-2)}.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{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:var(--z-modal);padding:var(--space-4);box-sizing:border-box}.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(400px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;box-sizing:border-box}.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)}.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%}.gameover-card__actions button{flex:1 1 120px}